WEBDESIGNTRENDS2011An collection of online opinions
2011 is not about beauty, it’s about function.Jacqueline ThomasMore user-friendly, less colorful and with fewerwhistles an...
Content will be king in 2011.Andy SowardsWeb fonts, social sharing, personalized contentand much more emphasis on faster l...
Pantone Colour of the Year!                              PANTONE 18-2120                              Honeysuckle: A Vibra...
Mobile Web designs in multiple viewports Designing for touch screens Using liquid/fluid layouts & responsive design Re...
CSS3 / HTML5   Becoming more main stream New browser features means that design elements which previously tookhours of d...
CSS3 / HTML5...in 2011 the difference between designers who simplydesign and let the developers sort through theimplementa...
Typography Richer and stronger typography with webfonts becoming main stream & thegrowth of font-replacement technology ...
Grids Even more focus on grid-based design – more flexible, breaking away fromtraditional layouts (header, content column...
MinimalSimple Colour SchemesCleaner interfaces
Depth Perception Depth Perception in Web Design - http://www.plantate.net/ Parallax Scrolling - http://www.rowtothepole....
Desktop Application UI InfluenceWebsites can often look like an application....Everything from modal windows, context menu...
Massive ImagesBetter image optimization, faster internet connections, and smarter loadingmethods mean larger images being...
Texture!● More designs are starting to feel “touchable”● New style of combining grungy textures along with clean interface...
Infographic Driven Designsyummy!         v                   v
Constant Connection● Feeds / activity● Social Media Convergence
Crispy, pixel perfect web elements●Because of multiple resolutions for different devices●Same content but with much more d...
And some more...   Thumbnail design awareness – Google   Really big images & oversized logos/headers are a new effort in...
Sourceshttp:///www.brightlabs.com.au/page/Web-Design-Blog/Website_Trends_2011http://www.webdesignerdepot.com/2011/01/web-d...
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Web Design Trends 2011
Upcoming SlideShare
Loading in...5
×

Web Design Trends 2011

5,661

Published on

What's in store for web design in 2011. By Deepend Sydney.

Published in: Design
0 Comments
9 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,661
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
215
Comments
0
Likes
9
Embeds 0
No embeds

No notes for slide

Web Design Trends 2011

  1. 1. WEBDESIGNTRENDS2011An collection of online opinions
  2. 2. 2011 is not about beauty, it’s about function.Jacqueline ThomasMore user-friendly, less colorful and with fewerwhistles and bells, but still capable of deliveringmultimedia rich experience to the users.Inseven designs...the most effective pages had less than 3 criticalelements on them. Designers are using softercolors and pages are taking on a pastel revolutionof minimalism.Benr Rama
  3. 3. Content will be king in 2011.Andy SowardsWeb fonts, social sharing, personalized contentand much more emphasis on faster loading speedsand optimization for mobile devices.Jacob Cass
  4. 4. Pantone Colour of the Year! PANTONE 18-2120 Honeysuckle: A Vibrant, Energetic Hue. A Color for All Seasons. Courageous. Confident. Vital. A brave new color, for a brave new world. Let the bold spirit of Honeysuckle infuse you, lift you and carry you through the year. Its a color for every day - with nothing "everyday" about it.
  5. 5. Mobile Web designs in multiple viewports Designing for touch screens Using liquid/fluid layouts & responsive design Reinterpretation of the old web 2.0 look... Simple icons & front perspective vv
  6. 6. CSS3 / HTML5 Becoming more main stream New browser features means that design elements which previously tookhours of design with Photoshop - like drop shadows and rounded corners - cannow be created with a few keystrokes. Designers can finally use professionalfonts without the clunky work-arounds that have been used in the past and thelong awaited web canvas will allow designers to manipulate graphics in thebrowser rather than merely reshuffling pre-fabricated images. For designersthese combined changes are like upgrading from scissors and glue to usingpaint and canvas.New technology... A revolution in web design means web sites will sooncombine the richness of magazine layouts with the interactivity of computergames. Interactive pages being built with little or no Flash.
  7. 7. CSS3 / HTML5...in 2011 the difference between designers who simplydesign and let the developers sort through theimplementation and those that understand the full processand can design thoughtful CMS friendly designs will becomeeven more evident.Patrick McNeil
  8. 8. Typography Richer and stronger typography with webfonts becoming main stream & thegrowth of font-replacement technology Reducing kerning and tracking values for better mobile visibility SubTrend: Print Design Inspired Sites
  9. 9. Grids Even more focus on grid-based design – more flexible, breaking away fromtraditional layouts (header, content column, sidebar, footer) Single page designs Magazine like design “Editorial layout" which will enable the visitors to find information on thewebsite more easily.
  10. 10. MinimalSimple Colour SchemesCleaner interfaces
  11. 11. Depth Perception Depth Perception in Web Design - http://www.plantate.net/ Parallax Scrolling - http://www.rowtothepole.com/
  12. 12. Desktop Application UI InfluenceWebsites can often look like an application....Everything from modal windows, context menus, OS inspired buttons, and moreare being brought into the web design environment in new and exciting ways…The end result: sites that feel more user friendly and natural.
  13. 13. Massive ImagesBetter image optimization, faster internet connections, and smarter loadingmethods mean larger images being used.Content-relevant & part of the experience
  14. 14. Texture!● More designs are starting to feel “touchable”● New style of combining grungy textures along with clean interfaces and boldtypefaces
  15. 15. Infographic Driven Designsyummy! v v
  16. 16. Constant Connection● Feeds / activity● Social Media Convergence
  17. 17. Crispy, pixel perfect web elements●Because of multiple resolutions for different devices●Same content but with much more detail and richness
  18. 18. And some more... Thumbnail design awareness – Google Really big images & oversized logos/headers are a new effort in branding forwebsites Lighter & brighter designs More interactive web apps (inspired by iPhone apps) Simple legible symmetrical logo design Letterpress typography continues... Attention to details with sewn-like elements, badges and banners
  19. 19. Sourceshttp:///www.brightlabs.com.au/page/Web-Design-Blog/Website_Trends_2011http://www.webdesignerdepot.com/2011/01/web-design-predictions-for-2011/http://webdesign.tutsplus.com/articles/design-theory/the-state-of-web-design-trends-2011-annual-edition/http://webdesignledger.com/tips/web-design-trends-in-2011http://www.webdesignshock.com/review/design-trends-for-2011/http://www.inseven.ca/wp/advice-news-opinions/web-design-trends-in-2011.html
  1. A particular slide catching your eye?

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

×