what web designers could learn from print designers
TRANSCRIPT
What web designers could learn
from print designersPhoto by http://flickr.com/photos/jepoirrier
WHO AM I
Erlend Debast
blog.artueel.be
Designer, “slicer” @ Boulevart.be
‣ It’s something physical, you can touch it
‣ It’s more mature
‣ “More” freedom as a designer
3 facts about print
When looking for inspiration,
print should be inspiring you
Print ≠ Internet - we all know that
We should “borrow” certain design principles
It’s time to forget about the web 2.0 look
Photo by http://flickr.com/photos/tomstardust
Typography
What web designers could learn
from print designers
Photo by ilovetypography.com
‣ Drop the tiny font-size
‣ Drop the tiny font-size
‣ Use different font-faces
‣ Drop the tiny font-size
‣ Use different font-faces
‣ People love color
‣ Drop the tiny font-size
‣ Use different font-faces
‣ People love color
‣ What should be emphasized?
alistapart.com
happycog.com
Whitespace
What web designers could learn
from print designers
Photo by http://flickr.com/photos/anjin
‣ Use whitespace tocreate structure
‣ Use whitespace tocreate structure
‣ Let your content breath
‣ Use whitespace tocreate structure
‣ Let your content breath
‣ Give the visitor some rest
‣ Use whitespace tocreate structure
‣ Let your content breath
‣ Give the visitor some rest
‣ Whitespace is sexy
viget.com
shauninman.com
Work the canvas
Think big
What web designers could learn
from print designers
Photo by http://flickr.com/photos/ccsharry
‣ Don’t get stuck in thattiny browser canvas
‣ Don’t get stuck in thattiny browser canvas
‣ Your design should bepart of something bigger
‣ Don’t get stuck in thattiny browser canvas
‣ Your design should bepart of something bigger
‣ Don’t create a limitingenvironment
‣ Don’t get stuck in thattiny browser canvas
‣ Your design should bepart of something bigger
‣ Don’t create a limitingenvironment
‣ Don’t stair through a window, just look at thesky directly!
pojeta.cz
click-conference.com
Composition
What web designers could learn
from print designers
Photo by *Unknown*
‣ Divide your textsinto columns
‣ Experiment with columns,text in multiple columns?
‣ Your copy should bepart of the lay-out
‣ Experiment with columns,text in multiple columns?
‣ Your copy should bepart of the lay-out
‣ Stop designing boringwebsites
‣ Experiment with columns,text in multiple columns?
‣ Your copy should bepart of the lay-out
‣ Stop designing boringwebsites
‣ Create contrast usingcomposition
informationarchitects.jp
typeneu.com
Visual Language
What web designers could learn
from print designers
Photo by flickr.com/photos/41894180030@N01
‣ Your design shouldcommunicate something
‣ Your design shouldcommunicate something
‣ Design & content needto become “one”
‣ Your design shouldcommunicate something
‣ Design & content needto become “one”
‣ There’s no such thing as;“One template to rule them all”
‣ Your design shouldcommunicate something
‣ Design & content needto become “one”
‣ There’s no such thing as;“One template to rule them all”
‣ Design your content, notonly the surroundingelements
‣ Your design shouldcommunicate something
‣ Design & content needto become “one”
‣ There’s no such thing as;“One template to rule them all”
‣ Design your content, notonly the surroundingelements
‣ Your header & footer shouldn’t be the only Climax
jasonsantamaria.com
duoh.com
Your designShould tell a story
& content
Photo by http://flickr.com/photos/14908325@N07
How do we create those designs?
Xhtml & css, my friend
Khoi Vinh
“My complaint, right now, is that the majority of storytelling that happens on the Web is based in the interactively rich environment made possible by Flash”
...not enough Web standards-minded designers are thinking narratively in the way that our Flash-fluent colleagues are...
We need to stop hiding behind technologies...
Erlend Debast
blog.artueel.be
Designer, “slicer” @ Boulevart.be
End of story...