The document discusses principles that web designers can learn from print designers. It suggests using larger font sizes, different font faces, and more color in typography. For whitespace, it recommends using it to create structure, letting content breathe, and giving visitors rest. It also advises against limiting designs to small browser canvases and to think bigger. Composition principles include dividing text into columns, incorporating copy into layouts, and creating contrast. The document stresses designing content and surrounding elements as a unified visual language to communicate and tell a story.

1. What web designers could learn
from print designers
Photo by http://flickr.com/photos/jepoirrier

2. WHO AM I
Erlend Debast
blog.artueel.be
erlend@artueel.be
Designer, “slicer” @ Boulevart.be

3. 3 facts about print
‣ It’s something physical,
you can touch it
‣ It’s more mature
‣ “More” freedom as a designer

4. When looking for inspiration,
print should be inspiring you

5. Print ≠ Internet - we all know that
We should “borrow” certain design principles

6. It’s time to forget about the web 2.0 look
Photo by http://flickr.com/photos/tomstardust

7. What web designers could learn
from print designers
Typography
Photo by ilovetypography.com

8. ‣ Drop the tiny font-size

9. ‣ Drop the tiny font-size
‣ Use different font-faces

10. ‣ Drop the tiny font-size
‣ Use different font-faces
‣ People love color

11. ‣ Drop the tiny font-size
‣ Use different font-faces
‣ People love color
‣ What should be
emphasized?

12. alistapart.com

13. happycog.com

14. What web designers could learn
from print designers
Whitespace
Photo by http://flickr.com/photos/anjin

15. ‣ Use whitespace to
create structure

16. ‣ Use whitespace to
create structure
‣ Let your content breath

17. ‣ Use whitespace to
create structure
‣ Let your content breath
‣ Give the visitor some rest

18. ‣ Use whitespace to
create structure
‣ Let your content breath
‣ Give the visitor some rest
‣ Whitespace is sexy

19. viget.com

20. shauninman.com

21. What web designers could learn
from print designers
Work the canvas
Think big
Photo by http://flickr.com/photos/ccsharry

22. ‣ Don’t get stuck in that
tiny browser canvas

23. ‣ Don’t get stuck in that
tiny browser canvas
‣ Your design should be
part of something bigger

24. ‣ Don’t get stuck in that
tiny browser canvas
‣ Your design should be
part of something bigger
‣ Don’t create a limiting
environment

25. ‣ Don’t get stuck in that
tiny browser canvas
‣ Your design should be
part of something bigger
‣ Don’t create a limiting
environment
‣ Don’t stair through a
window, just look at the
sky directly!

26. pojeta.cz

27. click-conference.com

28. What web designers could learn
from print designers
Composition
Photo by *Unknown*

29. ‣ Divide your texts
into columns

30. ‣ Experiment with columns,
text in multiple columns?
‣ Your copy should be
part of the lay-out

31. ‣ Experiment with columns,
text in multiple columns?
‣ Your copy should be
part of the lay-out
‣ Stop designing boring
websites

32. ‣ Experiment with columns,
text in multiple columns?
‣ Your copy should be
part of the lay-out
‣ Stop designing boring
websites
‣ Create contrast using
composition

33. informationarchitects.jp

34. typeneu.com

35. What web designers could learn
from print designers
Visual Language
Photo by flickr.com/photos/41894180030@N01

36. ‣ Your design should
communicate something

37. ‣ Your design should
communicate something
‣ Design & content need
to become “one”

38. ‣ Your design should
communicate something
‣ Design & content need
to become “one”
‣ There’s no such thing as;
“One template to rule
them all”

39. ‣ Your design should
communicate something
‣ Design & content need
to become “one”
‣ There’s no such thing as;
“One template to rule
them all”
‣ Design your content, not
only the surrounding
elements

40. ‣ Your design should
communicate something
‣ Design & content need
to become “one”
‣ There’s no such thing as;
“One template to rule
them all”
‣ Design your content, not
only the surrounding
elements
‣ Your header & footer
shouldn’t be the only
Climax

41. jasonsantamaria.com

42. duoh.com

43. Your design & content
Should tell a story
Photo by http://flickr.com/photos/14908325@N07

44. How do we create those designs?

45. Xhtml & css, my friend

46. “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...
Khoi Vinh

47. We need to stop hiding
behind technologies...

48. End of story...
Erlend Debast
blog.artueel.be
erlend@artueel.be
Designer, “slicer” @ Boulevart.be