Top 10 Web Design Trends for 2010

Posted on 15. Sep, 2009 by bmackler in Inspiration

Its always tough to predict the future, and that is all the more true when talking about the web. The internet continues to evolve so fast and in so many directions, due in large part to the various social media tools, making the web accessible to people who never dreamed being part of it.

Here is a list of design trends that I think will play a large role over the next year, well into 2010.

Visit PsPrint to get the best deals in online printing services!

Typography
This trend started over the past year and will continue. Designs will trend toward the use of typography an integral part of the overall work rather than a liability. Web designers will start using larger, more exciting fonts in place of system text. Overall, designers are paying closer attention to typographic details such as leading, line height and choice of font.

Typography

Sketches, hand drawn style and illustrations
Easily noticeable on a page. Stands out from traditional graphics and gives the website a unique, personalized look.

Sketches, hand drawn style and illustrations

Large images/photography

Large Images/Photography

Magazine Layout
With more people going on line who see the web as the source of entertainment and real time information, many sites will be gearing towards this type of look - with short concise articles that are easy to read and concise information.

Magazine Layout

Introduction Blocks
The upper-left area of a website is the most important block on the page, because that is the first place your eye goes when you come to a website. This spot grabs most attention from visitors. Therefore, this is the ideal place to get your message out and seen quickly.

You see this done in many types of design, including corporate design, web apps, or portfolios. They take up alot of real estate, but that is ok. the message is key.

Introduction Blocks

Single Page Layouts
People are in a rush, they are online to find the info and go, they dont have time to look around and see everything. This is the solution to get them the info they need.

Single Page Layouts

Social Media Sites and Add-ins/Icons
Of course this has been the big thing of the past two years, and it will only continue to get bigger. Linking to them, using apps from them helps build communities around products, ideas and causes. More and more people are spending time online, looking to connect with like minded people and to share their lives and information. Sometimes too much information

Social Media Sites and Add-ins

White Space
Its cleaner, easier on the eyes and easy to find what you are looking for. White is a great color to help something stand out…except if its the carpet under your dining room table. Sometimes simplicity is key.

White Space

Icons and Visuals
Not talking about clip art, but stylistically rendered icons that represent in a small image what the entire section is about. Easy for people to recognize and people notice them quicker than text

Icons and Visuals

Modal Boxes (Lightboxes)
These guys are great. Open source applications that are, basically the next generation of pop-ups. They are a cleaner, more user-friendly alternative to the basic JavaScript pop up windows that have been around for years. Clean, crisp, and focuses the user on the information you are presenting, whether it is a picture, text or a video. This little tool helps the presentation go a long way.

Modal Boxes

By Blogsdna

Tags: best of the web, Inspiration, typography, web development, websites

227 Responses to “Top 10 Web Design Trends for 2010”

street view

18. Nov, 2011

nice website design!

[Reply]
purebred breeders llc

24. Nov, 2011

These kind of post are always inspiring and I prefer to read quality content so I happy to find many good point here in the post, writing is simply great, Thanks for posting this informative article.

[Reply]
Alicia Ryan

04. Dec, 2011

Lots of great ideas for web page layouts that I will definitely use in my own work. Big thanks!

[Reply]
Få $500 Gratis hos Casino Classic i Casino Bonus | Online spilleautomat

04. Dec, 2011

[...] vores gratis software i dag og find ud hvorfor vi blev erklæret bedste online casino. Dansk Online Casino : Få $500 Gratis hos Casino Classic i Casino Bonus. Siden vi for over 5 år sid…le automater og Redaktørens Valg i mange online casino offentliggørelser. Det er vores mål at [...]
fx pips

06. Dec, 2011

Very good post.Thanks for sharing this great article! I feel strongly about it and love learning more on this topic.Excellent post and wonderful blog, I really like this type of interesting articles keep it up.

[Reply]
berghaus jackets

07. Dec, 2011

I am impressed by the above info I found here. This is really a great news. I myself love such kind of news. Happy winter season to all.

[Reply]
IT Consulting Toronto Canada

11. Dec, 2011

Your site or blog this is simple but nice article I have ever seen i like it i learn something today.

[Reply]
Cesar Pietri

16. Dec, 2011

Excellent article i think the trend on 2010 was the begining for the 2011 and 2012 web design trends, just a few change in the technology like html5 and css3.

[Reply]
Hitachi Lamp

20. Dec, 2011

Recently I came across your blog and read along. I thought I would leave my first comment. I do not know what to say except that I liked reading. Nice blog.

[Reply]
Removalists Sandringham

21. Dec, 2011

Keep up the fantastic works guys I’ve incorporated you guys to my own blogroll.

[Reply]
sweethome

22. Dec, 2011

I especially like the sIngle page layout. Nice collection and nice blog, keep it up

[Reply]
Dell Vostro 1520 Notebook nVidia NB9M-GS Display Driver A00 for Windows 7 x64 « vebebilida

26. Dec, 2011

[...] houston state university bradley manning whoopi goldberg tebowing tebowing washington wizards rudy Share this:TwitterFacebookLike this:LikeBe the first to like this post. [...]
Como Quitar Las Espinillas

27. Dec, 2011

2010 was the begining for the 2011 and 2012 web design trends

[Reply]
Evolution du Web Design 2.0 | Maxlab | Le Blog

30. Dec, 2011

[...] http://webdesignerwall.com/trends/design-trends-predictions-in-2010 http://webdesignledger.com/tips/web-design-trends-for-2010 http://www.smashingmagazine.com/2010/05/04/web-design-trends-2010 http://www.webdesignerdepot.com/2010/05/web-design-trends-for-2010 http://designtutorials4u.com/top-10-web-designtrends-for-2010 [...]
Jabba

04. Jan, 2012

Great article on web design trends

[Reply]
Melphys

04. Jan, 2012

Good post. I recently stumbled upon your web site and want to say that I have honestly appreciated browsing your blogs. Anyway I shall be following your feed and I am hoping you are writing more in the near future.

[Reply]
apostropospangilianan

06. Jan, 2012

Hello, I read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam comments? If so how do you reduce it, any plugin or anything you can advise? I get so much lately it’s driving me insane so any help is very much appreciated.Thanks!

[Reply]
eticaret

08. Jan, 2012

thank you admin good article

[Reply]
coban

15. Jan, 2012

These are really very inspiring. Love the work

[Reply]
outdoor furniture

16. Jan, 2012

wow.. great site

[Reply]
free cell phone spy

16. Jan, 2012

I was very encouraged to find this site. I wanted to thank you for this special read. I definitely savored every little bit of it and I have you bookmarked to check out new stuff you post..

[Reply]