Total Followers 132,503
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.
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.
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.
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.
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 introduce more semantic tags like “header”, “footer” and “nav” as well as the much anticipated canvas element.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Get The Only Freelancer crash course you will ever need to read!
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.
Sunday, December 18th, 2011 23:00
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.
Friday, September 2nd, 2011 12:33
Thanks so much for providing individuals with remarkably wonderful possiblity to read critical reviews from this web site.
Thursday, August 4th, 2011 00:19
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
Tuesday, November 23rd, 2010 06:49
Wow, gotta love custom typography and CSS3 effects!
Tuesday, November 16th, 2010 23:18
I think modal windows area great idea, but come on guys, there are other ways to display images you know. LOL! ;-)
Friday, September 24th, 2010 16:56
Great list and great blog! It’s pretty amazing how much web design has changed in the past few years.
Tuesday, September 21st, 2010 00:38
An amazing resource. Thank you so much!
Monday, September 20th, 2010 13:30
That was great…
Is flash out of trend these days?
Monday, September 20th, 2010 08:36
Thanks for the work to put together that list.
Daniel – CEO Mammut Medien
Saturday, September 18th, 2010 16:38
Congratulations!
Awesome list!
Saturday, September 18th, 2010 11:20
Thanks. Great post. Loving the single page layouts and minimalist and creative section.
Saturday, September 18th, 2010 10:59
Thanks for the share mate.
And Jqurey slideshows also new trend, Jquery slide login / portfolio etc…
Friday, September 17th, 2010 13:01
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
Friday, September 17th, 2010 17:09
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.
Thursday, September 16th, 2010 16:33
Great Post :) Though I think one thing you missed is enormous footers on websites. Still a good read though :D
Sunday, September 19th, 2010 15:36
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/ :)
Thursday, September 16th, 2010 16:39
Cool to see all the popular trends in one place. Nicely done.
Thursday, September 16th, 2010 16:09
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!
Thursday, September 16th, 2010 15:22
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.
Thursday, September 16th, 2010 14:01
thanks for this post Ari! this is very interesting article!,.
Thursday, September 16th, 2010 12:41
Minimalism is always in.
Great compilation and inspiration :D
Thursday, September 16th, 2010 12:28
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.
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
![3-Step Action Plan to Get the Best Work Environment [+VIDEO]](http://www.1stwebdesigner.com/wp-content/uploads/2012/12/preview-small-3stepactionplan.jpg "3-Step Action Plan to Get the Best Work Environment [+VIDEO]")
Peach
Thursday, September 16th, 2010 12:28
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.
Ian
Thursday, September 16th, 2010 16:33
Great Post :) Though I think one thing you missed is enormous footers on websites. Still a good read though :D
Ari Suardiyanti
Sunday, September 19th, 2010 15:36
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/ :)
Maxim
Friday, September 17th, 2010 17:09
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.
Adie
Friday, September 17th, 2010 13:01
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
Aneslin
Saturday, September 18th, 2010 10:59
Thanks for the share mate.
And Jqurey slideshows also new trend, Jquery slide login / portfolio etc…
Christian
Thursday, September 16th, 2010 16:39
Cool to see all the popular trends in one place. Nicely done.
Alf Catadman
Thursday, September 16th, 2010 16:09
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!
Nice
Thursday, September 16th, 2010 12:41
Minimalism is always in.
Great compilation and inspiration :D
lee agosila
Thursday, September 16th, 2010 14:01
thanks for this post Ari! this is very interesting article!,.
Tomas Varil
Thursday, September 16th, 2010 15:21
Usefull thing :-)
Danish
Thursday, September 16th, 2010 15:22
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.
Laurence Caro
Saturday, September 18th, 2010 11:20
Thanks. Great post. Loving the single page layouts and minimalist and creative section.
Vinicius Camara
Saturday, September 18th, 2010 16:38
Congratulations!
Awesome list!
Robert
Sunday, January 30th, 2011 17:32
WOW! Nice article… A LOTTTT of gramatical errors though
Navigationsgeräte
Thursday, August 4th, 2011 00:19
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
Jung Suttell
Friday, September 2nd, 2011 12:33
Thanks so much for providing individuals with remarkably wonderful possiblity to read critical reviews from this web site.
Ray
Sunday, December 18th, 2011 23:00
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.
2experts
Tuesday, November 23rd, 2010 06:49
Wow, gotta love custom typography and CSS3 effects!
Adham
Tuesday, November 16th, 2010 23:18
I think modal windows area great idea, but come on guys, there are other ways to display images you know. LOL! ;-)
Daniel Neubauer
Monday, September 20th, 2010 08:36
Thanks for the work to put together that list.
Daniel – CEO Mammut Medien
NNazir
Monday, September 20th, 2010 13:30
That was great…
Is flash out of trend these days?
Marc von Brockdorff
Friday, September 24th, 2010 16:56
Great list and great blog! It’s pretty amazing how much web design has changed in the past few years.
Sarah
Tuesday, September 21st, 2010 00:38
An amazing resource. Thank you so much!