what web designers could learn from print designers
Post on 21-Apr-2017
71.488 views
Embed Size (px)
TRANSCRIPT
What web designers could learnfrom print designers
Photo by http://flickr.com/photos/jepoirrier
http://flickr.com/photos/jepoirrierhttp://flickr.com/photos/jepoirrier
WHO AM I
Erlend Debastblog.artueel.beerlend@artueel.be
Designer, slicer @ Boulevart.be
mailto:erlend@artueel.bemailto:erlend@artueel.be
Its something physical, you can touch it
Its 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 thatWe should borrow certain design principles
Its time to forget about the web 2.0 look
Photo by http://flickr.com/photos/tomstardust
http://flickr.com/photos/jepoirrierhttp://flickr.com/photos/jepoirrier
Typography
What web designers could learnfrom print designers
Photo by ilovetypography.com
http://flickr.com/photos/jepoirrierhttp://flickr.com/photos/jepoirrier
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 learnfrom print designers
Photo by http://flickr.com/photos/anjin
http://flickr.com/photos/jepoirrierhttp://flickr.com/photos/jepoirrier
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 canvasThink big
What web designers could learnfrom print designers
Photo by http://flickr.com/photos/ccsharry
http://flickr.com/photos/jepoirrierhttp://flickr.com/photos/jepoirrier
Dont get stuck in thattiny browser canvas
Dont get stuck in thattiny browser canvas
Your design should bepart of something bigger
Dont get stuck in thattiny browser canvas
Your design should bepart of something bigger
Dont create a limitingenvironment
Dont get stuck in thattiny browser canvas
Your design should bepart of something bigger
Dont create a limitingenvironment
Dont stair through a window, just look at thesky directly!
pojeta.cz
click-conference.com
Composition
What web designers could learnfrom 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 learnfrom 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
Theres no such thing as;One template to rule them all
Your design shouldcommunicate something
Design & content needto become one
Theres 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
Theres no such thing as;One template to rule them all
Design your content, notonly the surroundingelements
Your header & footer shouldnt be the only Climax
jasonsantamaria.com
duoh.com
Your designShould tell a story
& content
Photo by http://flickr.com/photos/14908325@N07
http://flickr.com/photos/jepoirrierhttp://flickr.com/photos/jepoirrier
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 Debastblog.artueel.beerlend@artueel.be
Designer, slicer @ Boulevart.be
End of story...
mailto:erlend@artueel.bemailto:erlend@artueel.be