Upcoming and OnGoing Web Design Trends of 2010

Trend is a set of rules we somehow follow, not as something we designers obey. It is more like a guidance to help us set new ideas whenever we create a design. In the web design industry, we realized that the trend changes rapidly. Not only to accomplish the aesthetically feel, the user interface plays another great role as well.

Although the year of 2010 will be over in 3 more months, the revolutions in web design this year have led designers to achieve extra ordinaries web designs, while continuing to set the unlimited parameters of it. Below are the 13 main points of web design trends of 2010 which we think will keep to continue, and some more inspirations to help you set new ideas for your upcoming web design projects or perhaps redesign your own website/blog. Be creative, unleashed your concept.

1. Huge headline and images

You have probably realized that many websites today are using huge headlines and/or images. By doing this, designers are focusing the big headline and images to grab users attention and invite them in. It creates a great visual impact which will help your visitor to remember your website. Furthermore, you can use these on your web designs to communicate the site’s tone or  to create an immerse experience to the visitors.

2. Customized typography

Typography in web designs today has expanding from a boring standard fonts to beautiful customized fonts. By using Typekit (it’s a subscription-based service for linking to high-quality Open Type fonts from some of the worlds best type foundries), you can easily use real fonts on the web. Say good-bye to the standard fonts and pick a beautiful readable fonts to convey the purpose of an e-commerce website or portfolio.

3. Print design influence

Serif fonts, more graphics, grid systems, and more of other print design aspect have become the inspiration that influenced web design in this year. The point of getting influence from print design is that it has had to be high impact to grab attention and communicate clearly.

4. CSS3 & HTML5 capabilities

With CSS3 & HTML 5, web designers can take new advantages to help them load the web faster and create a better navigation. On CSS3, designers will no longer need to use images to create the effects. In fact, it will never be easier to create rounded corners, borders backgrounds, text and box shadows, and opacity property.  While HTML5 will intro­duce more seman­tic tags like “header”, “footer” and “nav” as well as the much antic­i­pated canvas ele­ment.

5. More visual effects

Pay attention on the background of most web designs these days. Designers are gradually replaced the backgrounds with patterns or subtle and textured background. Not only because it looks nicer and more modern web 3.0 feel, but it also creates a certain visual effects for the website tone and feel as might be expected on the design concept.

6. Mobile compatible design

Mobile generations in has started since the release of smart phones a few years back. This year, more and more smart phones with CSS and JavaScript supported has created the new trend for web design and directing many websites each day to go mobile as well.

7. Single page layout

Say that you don’t have much information to give out to your visitor but still need a website a short info about you and your company’s services, and having several pages is just a waste. With single page layout, designers can avoid creating the unnecessary pages and focus on the single layout which will be more effective both for the visitors and the user or designer.

8. Minimalist & creative

As a replacement for busy and complex web designs in the past years, huge white space in web designs has creating a simple and minimalist concept in this year. It’s clean, engaging, memorable, and yet creative.

9. Multi column / grid system

Although grid system is not something new anymore, designers are taking more advantages from this system, creating multi column web design layouts to make it easier to use. This also allows them to fit in more content as it will help you to save more spaces on the layout.

10. Custom illustrations & clean icons

More and more companies realized how essential it is to grab their customer’s attention. Not only they have the web designed with certain ideas to fit the company’s concept, but in recent years many companies are gradually changing the lead images from photo images to custom illustrations and icons. These unique customized illustrations and icons are obviously what the customers will capture and remember.

11. Social media is a must

There are just no end with social media. At least everyone has Facebook account. It’s another way to interact to your visitor, so put up your social media links on your footer, sidebar or wherever you think fit on your website design. As many of them prefer to connect with you through the website they check on daily.

12. Introduction

A website is the new way to get to know a person in this internet era. Having an introduction boxes or headline is now the trend in web design. With average 30 seconds time for your visitor to look over your website, this introduction is the best way to let them know a bit about who you are and what you or your company (can) do.

13. Modal boxes / Light boxes

They called it the new generation of pop-up windows. Modal boxes or also known as light boxes, is an alternative to present pictures, text, or videos. It’s clean, crisp, focuses the user on the information which are being presenting, and more user-friendly than pop-up windows.

So, which points above have you applied on your designs? Or do you think we miss other point of the upcoming and on going web design trends for this year? Let us know your thoughts on the comments.

Ari Suardiyanti

Also known as Chykalophia, is a professional freelance designer in graphic and web design with 3 years of experience. Founder and Editor of Frespiration!, she recently won The Annual Design Awards 2010 for best product packaging design. Other than design, she loves playing with her mac, being photographed, watching movies and listening to alternative rock. Add her onFacebook Page, or Twitter.

15 Smart Tools To Help You Build Your Freelance Business

Discover the awesome tools we use in making our clients comfortable and happy in learning new things every day.

Download Now

Comments

  1. Ray says

    CSS3 and HTML5 is no doubt the future. However, HTML5 is not very widely used to browser limitations. Mobile compatibility will also be of prime importance.

  2. Jung Suttell says

    Thanks so much for providing individuals with remarkably wonderful possiblity to read critical reviews from this web site.

  3. Navigationsgeräte says

    There are some fascinating time limits in this article but I don’t know if I see all of them heart to heart. There is some validity but I will take maintain opinion until I look into it further. Good article , thanks and we would like more! Added to FeedBurner as effectively

  4. Adham says

    I think modal windows area great idea, but come on guys, there are other ways to display images you know. LOL! ;-)

  5. Marc von Brockdorff says

    Great list and great blog! It’s pretty amazing how much web design has changed in the past few years.

  6. Aneslin says

    Thanks for the share mate.
    And Jqurey slideshows also new trend, Jquery slide login / portfolio etc…

  7. Adie says

    Nice list of trends.

    Single page designs I have to say are becoming increasingly popular with portfolio sites. Especially now people are utilising smooth scrolling.

    Nice to see

  8. says

    Learned new things. I also see all this variants in websites. Now understand that this is called trend. Thanks for share these popular trends in a single post.

  9. Ian says

    Great Post :) Though I think one thing you missed is enormous footers on websites. Still a good read though :D

  10. Alf Catadman says

    Wow! I find this post amazingly useful. For quite some time I’ve been looking for articles on “New Trends” in webdesign. Now getting ready for 2011. Kudos!

  11. Danish says

    I am not a graphics designer but being a web developer & owner it really helped me to analyze the latest on going web trends. Thanks for this wonderful post 1stwebdesigner team.

  12. says

    Nice trend list, I have to agree with everything here. All great points.

    Just wanna add something, I also notice a new trend especially for blogs, which is an e-magazine layout trend. For example, http://abduzeedo.com/ , which has a grid layout and also compatible with large screen mobile devices such as iPad. Everything is divided in boxes, snapped to the grid, which gives it a space to separate each stories, which results in a more convenient user experiences.

    I believe this is something of a trend especially for a news sites like NYTimes that could utilize this approach for a better user experiences on mobile devices.

    This might also be included as grid as well.

    Anyway, great post.