What web designers could learn from print designers

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

8 comments

Comments 1 - 8 of 8 previous next Post a comment

  • + tiffanym0 tiffanym0 1 month ago
    Great presentation! Although slide 16 says: 'Let your content BREATH'
  • + deengelsman Iain Davenport 3 months ago
    A presentation after my own heart.
  • + Gaurav_M Gaurav M 5 months ago
    any one can learn anything from any one. GOOD one!
  • + NJ_Cher Cher 5 months ago
    You have hit on all my hot buttons about web design. I was practically cheering from my computer chair as I went through this presentation. Yes, lose the mouse type! Yes, be bold and take up that screen with an image that has impact!

    Thank you so much for sharing this. I hope more web designers see it.
  • + guest289c64 guest289c64 11 months ago
    p.25 'Don’t STAIR through a window'
  • + guestc913060 guestc913060 11 months ago
    Erlend, very nice presentation ... Sven Luyten / Manager Boulevart
  • + kodel kodel 11 months ago
    Slide 46 really nails it, great presentation!
  • + anhba Nghia Huynh Phuoc 11 months ago
    Wow ! how can you combine this concept ! Great !
    Thanks !
Post a comment
Embed Video
Edit your comment Cancel

124 Favorites, 1 Group & 1 Event

What web designers could learn from print designers - Presentation Transcript

  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

+ Erlend DebastErlend Debast, 11 months ago

custom

10385 views, 124 favs, 20 embeds more stats

This presentation is about what we (as web designer more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 10385
    • 10101 on SlideShare
    • 284 from embeds
  • Comments 8
  • Favorites 124
  • Downloads 1333
Most viewed embeds
  • 103 views on http://blog.artueel.be
  • 59 views on http://www.ivoivanov.net
  • 57 views on http://blog.menneveux.com
  • 15 views on http://www.imaginepaolo.com
  • 9 views on http://www.mrforman.mndhs.org

more

All embeds
  • 103 views on http://blog.artueel.be
  • 59 views on http://www.ivoivanov.net
  • 57 views on http://blog.menneveux.com
  • 15 views on http://www.imaginepaolo.com
  • 9 views on http://www.mrforman.mndhs.org
  • 6 views on http://fronter.com
  • 6 views on http://www.aso.edu.stockholm.se
  • 6 views on http://zapomni.me
  • 5 views on http://designerdot.blogspot.com
  • 4 views on http://freedesignresource.blogspot.com
  • 3 views on http://spotmeon.blogspot.com
  • 2 views on file://
  • 2 views on http://blogensayis.blogspot.com
  • 1 views on http://cigarpipestore.com
  • 1 views on http://wildfire.gigya.com
  • 1 views on http://209.85.229.132
  • 1 views on http://static.slideshare.net
  • 1 views on http://www.designerdot.blogspot.com
  • 1 views on http://web20taller.blogspot.com
  • 1 views on http://www.artueel.be

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories