2010 webdesign trends
TRANSCRIPT
![Page 1: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/1.jpg)
![Page 3: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/3.jpg)
Just like big logos and headers, huge images leaves good impression on users.
http://www.werkstette.dk/
![Page 4: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/4.jpg)
Oversized Footers will feature less important, but more personal information. They will contain random information, such as feed updates from social media.
http://oldloft.com/
![Page 5: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/5.jpg)
gives a website a unique touch and personality
http://www.thecolorcure.com/
http://goglamping.net/
![Page 6: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/6.jpg)
Slab typeface is commonly all capital letters and bold similar to wanted posters.
http://www.edgepointchurch.com/
![Page 7: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/7.jpg)
Use larger, more exciting fonts in place of system text, mix different font styles, twist text.
http://www.elysiumburns.com/
![Page 8: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/8.jpg)
http://stackoverflow.carsonified.com/
![Page 9: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/9.jpg)
Used for personal profiles.
http://www.zachklein.com/
![Page 10: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/10.jpg)
Personalize web pages in new and exciting ways, it doesn’t need a professional artist, all what is needed is a doodle sketching.
http://www.biola.edu/undergrad/
![Page 12: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/12.jpg)
Embody a realistic view
http://kpucu.deviantart.com/art/Pastorant-Restaurant-71565329
![Page 13: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/13.jpg)
http://downsign.deviantart.com/art/Book-Store-136542851
![Page 14: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/14.jpg)
http://www.crowleywebb.com/http://wearehughes.com/People.htmlhttp://wonder-wall.com/#project/en
![Page 15: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/15.jpg)
Blank space in web design reflects freshness.
http://www.kylestanding.com/
http://www.forrykt.com/
![Page 16: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/16.jpg)
Reflect some old-fashioned trends, personalities and objects that had been an essential part of our lives in the past.common graphic elements for such designs are:Illustrations from old posters, movies, newspapers, CDs, ads.old-style typography (e.g. Roman typefaces);script fonts and handwriting;old devices;old cars, packaging, photos
http://www.targetscope.com/n/
![Page 17: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/17.jpg)
illustrations from old posters, movies,newspapers, CDs, ads;
old-style typography (e.g. Roman typefaces);
old radio device old car
![Page 18: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/18.jpg)
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/
![Page 19: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/19.jpg)
Used for information sites.
http://www.bmivoyager.com/
![Page 20: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/20.jpg)
introducing business or website to visitors, ex: My name is …
http://www.alessandro-cavallo.de/
![Page 21: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/21.jpg)
Used to make sure the most important information gets the attention it needs
http://osmondinteractive.com/
![Page 22: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/22.jpg)
Mobile design is definitely going to be the future of web design
http://mashable.com/
![Page 23: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/23.jpg)
The background trend is going to be replaced with subtle and texturized (particularly the light noise) background.
![Page 25: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/25.jpg)
Small image that shows what the entire section is about. Easy for people to recognize and people notice them quicker than text
http://deleket.deviantart.com/art/3D-Cartoon-Icons-Pack-III-43973428
![Page 28: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/28.jpg)
http://www.templatemonster.com/flash-templates/26272.html
![Page 29: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/29.jpg)
Centered Orientation is considered better than left-oriented or liquefied, and allow scrolling has become accepted nowadays.
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).
Make the most important text on the page bigger than normal text.
More humor and personality
![Page 30: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/30.jpg)
Reflective Text or Objects Aqua Buttons Flourishes Comic Sans Font 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.
Auto-played Music; it’s wrong to impose music on visitors, because they may be listening to their own music
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.
Intro with No Skipping Option Puzzles Globes Light bulbs
![Page 31: 2010 webdesign trends](https://reader036.vdocuments.mx/reader036/viewer/2022062503/548d2b01b47959e7318b46a5/html5/thumbnails/31.jpg)
http://webdesignledger.com/tips/web-design-trends-for-2010
http://www.webdesignerwall.com/trends/design-trends-predictions-in-2010/
http://www.webdesignfromscratch.com/web-design/current-style/#3dfx
http://webdesignledger.com/tips/most-used-and-abused-web-design-trends-of-all-time
http://www.slideshare.net/tijs/web-design-trends-for-2010
http://www.themeflash.com/current-web-design-trends-for-2009-2010/
http://blog.templatemonster.com/2010/01/26/help-us-choose-best-web-design-trends-2010-everyone-expert/