Transcript
Page 1: What web designers could learn from print designers

What web designers could learn

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

Page 2: What web designers could learn from print designers

WHO AM I

Erlend Debast

blog.artueel.be

[email protected]

Designer, “slicer” @ Boulevart.be

Page 3: What web designers could learn from print designers

‣ It’s something physical, you can touch it

‣ It’s more mature

‣ “More” freedom as a designer

3 facts about print

Page 4: What web designers could learn from print designers

When looking for inspiration,

print should be inspiring you

Page 5: What web designers could learn from print designers

Print ≠ Internet - we all know that

We should “borrow” certain design principles

Page 6: What web designers could learn from print designers

It’s time to forget about the web 2.0 look

Photo by http://flickr.com/photos/tomstardust

Page 7: What web designers could learn from print designers

Typography

What web designers could learn

from print designers

Photo by ilovetypography.com

Page 8: What web designers could learn from print designers

‣ Drop the tiny font-size

Page 9: What web designers could learn from print designers

‣ Drop the tiny font-size

‣ Use different font-faces

Page 10: What web designers could learn from print designers

‣ Drop the tiny font-size

‣ Use different font-faces

‣ People love color

Page 11: What web designers could learn from print designers

‣ Drop the tiny font-size

‣ Use different font-faces

‣ People love color

‣ What should be emphasized?

Page 12: What web designers could learn from print designers

alistapart.com

Page 13: What web designers could learn from print designers

happycog.com

Page 14: What web designers could learn from print designers

Whitespace

What web designers could learn

from print designers

Photo by http://flickr.com/photos/anjin

Page 15: What web designers could learn from print designers

‣ Use whitespace tocreate structure

Page 16: What web designers could learn from print designers

‣ Use whitespace tocreate structure

‣ Let your content breath

Page 17: What web designers could learn from print designers

‣ Use whitespace tocreate structure

‣ Let your content breath

‣ Give the visitor some rest

Page 18: What web designers could learn from print designers

‣ Use whitespace tocreate structure

‣ Let your content breath

‣ Give the visitor some rest

‣ Whitespace is sexy

Page 19: What web designers could learn from print designers

viget.com

Page 20: What web designers could learn from print designers

shauninman.com

Page 21: What web designers could learn from print designers

Work the canvas

Think big

What web designers could learn

from print designers

Photo by http://flickr.com/photos/ccsharry

Page 22: What web designers could learn from print designers

‣ Don’t get stuck in thattiny browser canvas

Page 23: What web designers could learn from print designers

‣ Don’t get stuck in thattiny browser canvas

‣ Your design should bepart of something bigger

Page 24: What web designers could learn from print designers

‣ Don’t get stuck in thattiny browser canvas

‣ Your design should bepart of something bigger

‣ Don’t create a limitingenvironment

Page 25: What web designers could learn from print designers

‣ 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!

Page 26: What web designers could learn from print designers

pojeta.cz

Page 27: What web designers could learn from print designers

click-conference.com

Page 28: What web designers could learn from print designers

Composition

What web designers could learn

from print designers

Photo by *Unknown*

Page 29: What web designers could learn from print designers

‣ Divide your textsinto columns

Page 30: What web designers could learn from print designers

‣ Experiment with columns,text in multiple columns?

‣ Your copy should bepart of the lay-out

Page 31: What web designers could learn from print designers

‣ Experiment with columns,text in multiple columns?

‣ Your copy should bepart of the lay-out

‣ Stop designing boringwebsites

Page 32: What web designers could learn from print designers

‣ Experiment with columns,text in multiple columns?

‣ Your copy should bepart of the lay-out

‣ Stop designing boringwebsites

‣ Create contrast usingcomposition

Page 33: What web designers could learn from print designers

informationarchitects.jp

Page 34: What web designers could learn from print designers

typeneu.com

Page 35: What web designers could learn from print designers

Visual Language

What web designers could learn

from print designers

Photo by flickr.com/photos/41894180030@N01

Page 36: What web designers could learn from print designers

‣ Your design shouldcommunicate something

Page 37: What web designers could learn from print designers

‣ Your design shouldcommunicate something

‣ Design & content needto become “one”

Page 38: What web designers could learn from print designers

‣ Your design shouldcommunicate something

‣ Design & content needto become “one”

‣ There’s no such thing as;“One template to rule them all”

Page 39: What web designers could learn from print designers

‣ 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

Page 40: What web designers could learn from print designers

‣ 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

Page 41: What web designers could learn from print designers

jasonsantamaria.com

Page 42: What web designers could learn from print designers

duoh.com

Page 43: What web designers could learn from print designers

Your designShould tell a story

& content

Photo by http://flickr.com/photos/14908325@N07

Page 44: What web designers could learn from print designers

How do we create those designs?

Page 45: What web designers could learn from print designers

Xhtml & css, my friend

Page 46: What web designers could learn from print designers

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...

Page 47: What web designers could learn from print designers

We need to stop hiding behind technologies...

Page 48: What web designers could learn from print designers

Erlend Debast

blog.artueel.be

[email protected]

Designer, “slicer” @ Boulevart.be

End of story...


Recommended