What web designers could learn from print designersPhoto by http://flickr.com/photos/jepoirrier
WHO AM IErlend Debastblog.artueel.beerlend@artueel.beDesigner, “slicer” @ Boulevart.be
3 facts about print ‣   It’s something physical,     you can touch it ‣   It’s more mature ‣   “More” freedom as a designer
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 lookPhoto by http://flickr.com/photos/tomstardust
What web designers could learnfrom print designers                           TypographyPhoto 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
What web designers could learnfrom print designers                              WhitespacePhoto by http://flickr.com/photo...
‣   Use whitespace to    create structure
‣   Use whitespace to    create structure‣   Let your content breath
‣   Use whitespace to    create structure‣   Let your content breath‣   Give the visitor some rest
‣   Use whitespace to    create structure‣   Let your content breath‣   Give the visitor some rest‣   Whitespace is sexy
viget.com
shauninman.com
What web designers could learnfrom print designers                 Work the canvas                                        ...
‣   Don’t get stuck in that    tiny browser canvas
‣   Don’t get stuck in that    tiny browser canvas‣   Your design should be    part of something bigger
‣   Don’t get stuck in that    tiny browser canvas‣   Your design should be    part of something bigger‣   Don’t create a ...
‣   Don’t get stuck in that    tiny browser canvas‣   Your design should be    part of something bigger‣   Don’t create a ...
pojeta.cz
click-conference.com
What web designers could learnfrom print designers                     CompositionPhoto by *Unknown*
‣   Divide your texts    into columns
‣   Experiment with columns,    text in multiple columns?‣   Your copy should be    part of the lay-out
‣   Experiment with columns,    text in multiple columns?‣   Your copy should be    part of the lay-out‣   Stop designing ...
‣   Experiment with columns,    text in multiple columns?‣   Your copy should be    part of the lay-out‣   Stop designing ...
informationarchitects.jp
typeneu.com
What web designers could learnfrom print designers                Visual LanguagePhoto by flickr.com/photos/41894180030@N01
‣   Your design should    communicate something
‣   Your design should    communicate something‣   Design & content need    to become “one”
‣   Your design should    communicate something‣   Design & content need    to become “one”‣   There’s no such thing as;  ...
‣   Your design should    communicate something‣   Design & content need    to become “one”‣   There’s no such thing as;  ...
‣   Your design should    communicate something‣   Design & content need    to become “one”‣   There’s no such thing as;  ...
jasonsantamaria.com
duoh.com
Your design                                 & content                                                 Should tell a storyP...
How do we create those designs?
Xhtml & css, my friend
“My complaint, right now, is that the majority ofstorytelling that happens on the Web is based inthe interactively rich en...
We need to stop hidingbehind technologies...
End of story...Erlend Debastblog.artueel.beerlend@artueel.beDesigner, “slicer” @ Boulevart.be
Upcoming SlideShare
Loading in …5
×

Designbarcampmedium 1227979648416782-9

468 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
468
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Designbarcampmedium 1227979648416782-9

  1. 1. What web designers could learn from print designersPhoto by http://flickr.com/photos/jepoirrier
  2. 2. WHO AM IErlend Debastblog.artueel.beerlend@artueel.beDesigner, “slicer” @ Boulevart.be
  3. 3. 3 facts about print ‣ It’s something physical, you can touch it ‣ It’s more mature ‣ “More” freedom as a designer
  4. 4. When looking for inspiration,print should be inspiring you
  5. 5. Print ≠ Internet - we all know that We should “borrow” certain design principles
  6. 6. It’s time to forget about the web 2.0 lookPhoto by http://flickr.com/photos/tomstardust
  7. 7. What web designers could learnfrom print designers TypographyPhoto by ilovetypography.com
  8. 8. ‣ Drop the tiny font-size
  9. 9. ‣ Drop the tiny font-size‣ Use different font-faces
  10. 10. ‣ Drop the tiny font-size‣ Use different font-faces‣ People love color
  11. 11. ‣ Drop the tiny font-size‣ Use different font-faces‣ People love color‣ What should be emphasized?
  12. 12. alistapart.com
  13. 13. happycog.com
  14. 14. What web designers could learnfrom print designers WhitespacePhoto by http://flickr.com/photos/anjin
  15. 15. ‣ Use whitespace to create structure
  16. 16. ‣ Use whitespace to create structure‣ Let your content breath
  17. 17. ‣ Use whitespace to create structure‣ Let your content breath‣ Give the visitor some rest
  18. 18. ‣ Use whitespace to create structure‣ Let your content breath‣ Give the visitor some rest‣ Whitespace is sexy
  19. 19. viget.com
  20. 20. shauninman.com
  21. 21. What web designers could learnfrom print designers Work the canvas Think bigPhoto by http://flickr.com/photos/ccsharry
  22. 22. ‣ Don’t get stuck in that tiny browser canvas
  23. 23. ‣ Don’t get stuck in that tiny browser canvas‣ Your design should be part of something bigger
  24. 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. 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. 26. pojeta.cz
  27. 27. click-conference.com
  28. 28. What web designers could learnfrom print designers CompositionPhoto by *Unknown*
  29. 29. ‣ Divide your texts into columns
  30. 30. ‣ Experiment with columns, text in multiple columns?‣ Your copy should be part of the lay-out
  31. 31. ‣ Experiment with columns, text in multiple columns?‣ Your copy should be part of the lay-out‣ Stop designing boring websites
  32. 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. 33. informationarchitects.jp
  34. 34. typeneu.com
  35. 35. What web designers could learnfrom print designers Visual LanguagePhoto by flickr.com/photos/41894180030@N01
  36. 36. ‣ Your design should communicate something
  37. 37. ‣ Your design should communicate something‣ Design & content need to become “one”
  38. 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. 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. 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. 41. jasonsantamaria.com
  42. 42. duoh.com
  43. 43. Your design & content Should tell a storyPhoto by http://flickr.com/photos/14908325@N07
  44. 44. How do we create those designs?
  45. 45. Xhtml & css, my friend
  46. 46. “My complaint, right now, is that the majority ofstorytelling that happens on the Web is based inthe interactively rich environment made possibleby Flash” ...not enough Web standards-minded designers are thinking narratively in the way that our Flash-fluent colleagues are... Khoi Vinh
  47. 47. We need to stop hidingbehind technologies...
  48. 48. End of story...Erlend Debastblog.artueel.beerlend@artueel.beDesigner, “slicer” @ Boulevart.be

×