Upcoming and OnGoing Web Design Trends of 2010

Posted in Web Design4 years ago • Written by 24 Comments

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.

If you enjoyed this article, get email updates (it's free).

Join over 77,235 Subscribers Today.

13 Written ArticlesWebsite

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.

24 Comments Best Comments First
  • Peach

    Thursday, September 16th, 2010 12:28

    1

    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.

    0
  • Ian

    Thursday, September 16th, 2010 16:33

    8

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

    0
    • Ari Suardiyanti

      Sunday, September 19th, 2010 15:36

      14

      Thank you, I actually have that part covered on point 11 “Social media is a must” though enormous footers on website is also one of the trend we have seen these days. Do you know that we also have the one post about footer as well? Check this one: http://www.1stwebdesigner.com/inspiration/website-footer-tips/ :)

      0
  • Maxim

    Friday, September 17th, 2010 17:09

    9

    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.

    0
  • Adie

    Friday, September 17th, 2010 13:01

    10

    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

    0
  • Aneslin

    Saturday, September 18th, 2010 10:59

    11

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

    0
  • Christian

    Thursday, September 16th, 2010 16:39

    7

    Cool to see all the popular trends in one place. Nicely done.

    0
  • Alf Catadman

    Thursday, September 16th, 2010 16:09

    6

    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!

    0
  • Nice

    Thursday, September 16th, 2010 12:41

    2

    Minimalism is always in.
    Great compilation and inspiration :D

    0
  • lee agosila

    Thursday, September 16th, 2010 14:01

    3

    thanks for this post Ari! this is very interesting article!,.

    0
  • Tomas Varil

    Thursday, September 16th, 2010 15:21

    4

    Usefull thing :-)

    0
  • Danish

    Thursday, September 16th, 2010 15:22

    5

    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.

    0
  • Laurence Caro

    Saturday, September 18th, 2010 11:20

    12

    Thanks. Great post. Loving the single page layouts and minimalist and creative section.

    0
  • Vinicius Camara

    Saturday, September 18th, 2010 16:38

    13

    Congratulations!
    Awesome list!

    0
  • Robert

    Sunday, January 30th, 2011 17:32

    21

    WOW! Nice article… A LOTTTT of gramatical errors though

    0
  • Navigationsgeräte

    Thursday, August 4th, 2011 00:19

    22

    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

    0
  • Jung Suttell

    Friday, September 2nd, 2011 12:33

    23

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

    0
  • Ray

    Sunday, December 18th, 2011 23:00

    24

    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.

    0
  • 2experts

    Tuesday, November 23rd, 2010 06:49

    20

    Wow, gotta love custom typography and CSS3 effects!

    0
  • Adham

    Tuesday, November 16th, 2010 23:18

    19

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

    0
  • Daniel Neubauer

    Monday, September 20th, 2010 08:36

    15

    Thanks for the work to put together that list.
    Daniel – CEO Mammut Medien

    0
  • NNazir

    Monday, September 20th, 2010 13:30

    16

    That was great…
    Is flash out of trend these days?

    0
  • Marc von Brockdorff

    Friday, September 24th, 2010 16:56

    18

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

    0
  • Sarah

    Tuesday, September 21st, 2010 00:38

    17

    An amazing resource. Thank you so much!

    0
  • Ray

    Sunday, December 18th, 2011 23:00

    24

    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.

    0
  • Jung Suttell

    Friday, September 2nd, 2011 12:33

    23

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

    0
  • Navigationsgeräte

    Thursday, August 4th, 2011 00:19

    22

    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

    0
  • Robert

    Sunday, January 30th, 2011 17:32

    21

    WOW! Nice article… A LOTTTT of gramatical errors though

    0
  • 2experts

    Tuesday, November 23rd, 2010 06:49

    20

    Wow, gotta love custom typography and CSS3 effects!

    0
  • Adham

    Tuesday, November 16th, 2010 23:18

    19

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

    0
  • Marc von Brockdorff

    Friday, September 24th, 2010 16:56

    18

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

    0
  • Sarah

    Tuesday, September 21st, 2010 00:38

    17

    An amazing resource. Thank you so much!

    0
  • NNazir

    Monday, September 20th, 2010 13:30

    16

    That was great…
    Is flash out of trend these days?

    0
  • Daniel Neubauer

    Monday, September 20th, 2010 08:36

    15

    Thanks for the work to put together that list.
    Daniel – CEO Mammut Medien

    0
  • Vinicius Camara

    Saturday, September 18th, 2010 16:38

    13

    Congratulations!
    Awesome list!

    0
  • Laurence Caro

    Saturday, September 18th, 2010 11:20

    12

    Thanks. Great post. Loving the single page layouts and minimalist and creative section.

    0
  • Aneslin

    Saturday, September 18th, 2010 10:59

    11

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

    0
  • Adie

    Friday, September 17th, 2010 13:01

    10

    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

    0
  • Maxim

    Friday, September 17th, 2010 17:09

    9

    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.

    0
  • Ian

    Thursday, September 16th, 2010 16:33

    8

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

    0
    • Ari Suardiyanti

      Sunday, September 19th, 2010 15:36

      14

      Thank you, I actually have that part covered on point 11 “Social media is a must” though enormous footers on website is also one of the trend we have seen these days. Do you know that we also have the one post about footer as well? Check this one: http://www.1stwebdesigner.com/inspiration/website-footer-tips/ :)

      0
  • Christian

    Thursday, September 16th, 2010 16:39

    7

    Cool to see all the popular trends in one place. Nicely done.

    0
  • Alf Catadman

    Thursday, September 16th, 2010 16:09

    6

    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!

    0
  • Danish

    Thursday, September 16th, 2010 15:22

    5

    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.

    0
  • Tomas Varil

    Thursday, September 16th, 2010 15:21

    4

    Usefull thing :-)

    0
  • lee agosila

    Thursday, September 16th, 2010 14:01

    3

    thanks for this post Ari! this is very interesting article!,.

    0
  • Nice

    Thursday, September 16th, 2010 12:41

    2

    Minimalism is always in.
    Great compilation and inspiration :D

    0
  • Peach

    Thursday, September 16th, 2010 12:28

    1

    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.

    0

Comments are closed.

54.211.231.221 - unknown - unknown - US