what web designers could learn from print designers

What web designers could learn

from print designersPhoto by http://flickr.com/photos/jepoirrier

WHO AM I

Erlend Debast

blog.artueel.be

erlend@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

erlend@artueel.be

Designer, “slicer” @ Boulevart.be

End of story...