2010 webdesign trends


Published on

new web design trends

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

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

2010 webdesign trends

  1. 2. <ul><li>Huge logos and headers make visitors remember the website </li></ul><ul><li>http://ma.tt/ </li></ul>
  2. 3. <ul><li>Just like big logos and headers, huge images leaves good impression on users. </li></ul><ul><li>http://www.werkstette.dk/ </li></ul>
  3. 4. <ul><li>Oversized Footers will feature less important, but more personal information. They will contain random information, such as feed updates from social media. </li></ul><ul><li>http://oldloft.com/ </li></ul>
  4. 5. <ul><li>gives a website a unique touch and personality </li></ul><ul><li>http://www.thecolorcure.com/ </li></ul><ul><li>http://goglamping.net/ </li></ul>
  5. 6. <ul><li>Slab typeface is commonly all capital letters and bold similar to wanted posters. </li></ul><ul><li>http://www.edgepointchurch.com/ </li></ul>
  6. 7. <ul><li>Use larger, more exciting fonts in place of system text, mix different font styles, twist text. </li></ul><ul><li>http://www.elysiumburns.com/ </li></ul>
  7. 8. http://stackoverflow.carsonified.com/
  8. 9. <ul><li>Used for personal profiles. </li></ul><ul><li>http://www.zachklein.com/ </li></ul>
  9. 10. <ul><li>Personalize web pages in new and exciting ways, it doesn’t need a professional artist, all what is needed is a doodle sketching. </li></ul><ul><li>http://www.biola.edu/undergrad/ </li></ul>
  10. 11. <ul><li>http://www.christiansparrow.com/ </li></ul>
  11. 12. <ul><li>Embody a realistic view </li></ul><ul><li>http://kpucu.deviantart.com/art/Pastorant-Restaurant-71565329 </li></ul>
  12. 13. <ul><li>http://downsign.deviantart.com/art/Book-Store-136542851 </li></ul>
  13. 14. <ul><li>http://www.crowleywebb.com/ </li></ul><ul><li>http://wearehughes.com/People.html </li></ul><ul><li>http://wonder-wall.com/#project/en </li></ul>
  14. 15. <ul><li>Blank space in web design reflects freshness. </li></ul><ul><li>http://www.kylestanding.com/ </li></ul><ul><li>http://www.forrykt.com/ </li></ul>
  15. 16. <ul><li>Reflect some old-fashioned trends, personalities and objects that had been an essential part of our lives in the past. </li></ul><ul><li>common graphic elements for such designs are: </li></ul><ul><li>Illustrations from old posters, movies, newspapers, CDs, ads. </li></ul><ul><li>old-style typography (e.g. Roman typefaces); </li></ul><ul><li>script fonts and handwriting; </li></ul><ul><li>old devices; </li></ul><ul><li>old cars, packaging, photos </li></ul><ul><li>http://www.targetscope.com/ </li></ul><ul><li>n/ </li></ul>
  16. 17. illustrations from old posters, movies, newspapers, CDs, ads; old-style typography (e.g. Roman typefaces); old radio device old car
  17. 18. Three dimensional shapes will give users the feeling of space and depth. Flat is out — stacking, layering, and popped or pushed elements are in. http://www.comcasttown.com/ http://www.level2d.com/
  18. 19. <ul><li>Used for information sites. </li></ul><ul><li>http://www.bmivoyager.com/ </li></ul>
  19. 20. <ul><li>introducing business or website to visitors, ex: My name is … </li></ul><ul><li>http://www.alessandro-cavallo.de/ </li></ul>
  20. 21. <ul><li>Used to make sure the most important information gets the attention it needs </li></ul><ul><li>http://osmondinteractive.com/ </li></ul>
  21. 22. <ul><li>Mobile design is definitely going to be the future of web design </li></ul><ul><li>http://mashable.com/ </li></ul><ul><li>  </li></ul>
  22. 23. <ul><li>The background trend is going to be replaced with subtle and texturized (particularly the light noise) background. </li></ul>
  23. 24. <ul><li>http://www.getballpark.com/ </li></ul>
  24. 25. <ul><li>Small image that shows what the entire section is about.  Easy for people to recognize and people notice them quicker than text </li></ul><ul><li>http://deleket.deviantart.com/art/3D-Cartoon-Icons-Pack-III-43973428 </li></ul>
  25. 27. <ul><li>http://www.silenzio.fr/ </li></ul>
  26. 28. <ul><li>http://www.templatemonster.com/flash-templates/26272.html </li></ul>
  27. 29. <ul><li>Centered Orientation is considered better than left-oriented or liquefied, and allow scrolling has become accepted nowadays. </li></ul><ul><li>Use 3D effects moderately, Use strong colors moderately, Use cute Icons moderately; it’s not recommended to use too many attractive elements on the same page view (i.e. that appeals to the eye and draws the user’s attention). </li></ul><ul><li>Make the most important text on the page bigger than normal text. </li></ul><ul><li>More humor and personality </li></ul>
  28. 30. <ul><li>Reflective Text or Objects </li></ul><ul><li>Aqua Buttons </li></ul><ul><li>Flourishes </li></ul><ul><li>Comic Sans Font </li></ul><ul><li>Overused Stock Images; are images appear in most websites, even if clients request these types of stock images, but as designers, we have to show them what else is possible. </li></ul><ul><li>Auto-played Music; it’s wrong to impose music on visitors, because they may be listening to their own music </li></ul><ul><li>Splash Pages That Make the visitor Choose; Flash or HTML? Old site or new site? Full screen or normal screen? …Keep it simple and don’t give audience choices or they may choose to leave. </li></ul><ul><li>Intro with No Skipping Option </li></ul><ul><li>Puzzles </li></ul><ul><li>Globes </li></ul><ul><li>Light bulbs </li></ul>
  29. 31. <ul><li>http://webdesignledger.com/tips/web-design-trends-for-2010 </li></ul><ul><li>http://www.webdesignerwall.com/trends/design-trends-predictions-in-2010/ </li></ul><ul><li>http://www.webdesignfromscratch.com/web-design/current-style/#3dfx </li></ul><ul><li>http://webdesignledger.com/tips/most-used-and-abused-web-design-trends-of-all-time </li></ul><ul><li>http://www.slideshare.net/tijs/web-design-trends-for-2010 </li></ul><ul><li>http://www.themeflash.com/current-web-design-trends-for-2009-2010/ </li></ul><ul><li>http://blog.templatemonster.com/2010/01/26/help-us-choose-best-web-design-trends-2010-everyone-expert/ </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.