Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.



Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this


  1. 1. Class 14
  2. 2. 2010 Web Trends Report Article from:
  3. 3. 1. Oversized Logos/ Headers • Splash pages are so yesterday. To make an unforgettable impression on the visitor, the trend for 2010 will be oversized logos on an equally oversized header. These types of headers can take up the entire screen, but with one important note. Visitors will not need to click anything, just scroll down. Visitors often having a clicking phobia (due to years of poor navigation), so big headers do the job of a splash page without forcing your visitors to click anything. • Main Idea: Huge headers that make your visitors remember you.
  4. 4. 2. Sketch/ Hand-drawn Design Main Idea: Sketch becomes an elemental part of corporate design
  5. 5. 3. ALL CAPS
  6. 6. 4. Typography
  7. 7. 5. One Page Layouts
  8. 8. 6. Huge Images
  9. 9. 7. Change of Perspective
  10. 10. 8. Interactive/ Intuitive Design
  11. 11. 9. Modal Boxes • Modal boxes are a trend that’s picking up steam and will be virtually everywhere in 2010. A modal box is like the popup’s more sophisticated older brother– it’s smooth, good looking and popular. Modal boxes are so easy to design and easy to use, making them the perfect solution for any designer concerned with usability.
  12. 12. 10. Minimalism
  13. 13. 11. Oversized Footer
  14. 14. 12. Retro
  15. 15. 13. Intro Boxes “Hi, my name is…” will find an even bigger stage in 2010 as designers recognize the beautiful simplicity of introducing yourself to your visitor. If you’re struggling with making a creative “About” page, the intro box will be your best bet. It forces you to condense who you are into a relatively small about of space. In 2010, intro boxes will push its own boundaries. Instead of the boring hello, designers will find new pick- up lines. And, instead of the left-flanked intro block, 2010 will see boxes in unusual placement, perhaps even in the middle of a page. Main Idea: New ways to say “hello.”
  16. 16. 14. Magazine Layouts As more and more people migrate from the comforts of traditional press to online infotainment, designers are challenged to welcome them in with an easy transition. There is a move toward the magazine layout, where information is carefully organized on a single home page, giving the visitor an opportunity to explore as interested. The familiar layout will appeal to appeal to anyone who’s ever read a magazine or newspaper, but it will also be easier to use– no flipping pages! In 2010, magazine layout will become very huge for blogs in particular. Main Idea: Magazine layouts will be used for infotainment sites.
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38.
  39. 39.
  40. 40.
  41. 41. Why Avoid Flash? • Take a look at this fabulous example. • • What does it lack?
  42. 42. Coming Soon! Layouts-using layout framework Popular Layout Framework • • • Grid Designer
  43. 43. Assignment due 11/2/2010 • Go to • Explore couple sites focusing on design trends, interactivity, navigation structure and fun elements. • Select 3 websites that has design/ interactive elements that you would like to use for your website. • Create a document that has the following information: – a screenshot of the site. (Mac shortcut: Control-Command-Shift-4) – Explain which element you would like to use and why. Explain how you would like to customize it to your site.