Web Design Trends for 2012

Posted: Monday, April 15, 2013 at 2:27:36 PM EST by Richard Norris

As time moves on with new ways of communicating, visual messages within Web Design evolve ever so quickly along with it. One of the most important aspects of Web Design is keeping a website visually appealing with your visual messages still communicating successfully. Here are a few trends we may see in the years to come which may give you a leg up, essentially separating your website from the rest of the competition out there on the web.

Typography

Although typography has always been at the forefront of almost every great design (if used correctly), when it comes to Web Design the amount of creative freedom is of somewhat a blessing. Typography is defined as the art, craft or process of composing type. It is an innovative tool to really communicate a message effectively to your audience. Whether it comes down to combing two separate fonts, tweaking shapes of letters, stylising a header or even turning a piece of text into an art piece; the message you are trying to communicate will be received by many audiences successfully.

Vintage

It seems as though Vintage styles have always played a part in contemporary design, whether as forms of inspiration or perhaps the design elements themselves. However it can prove to become a classy and stylish method to really make your website pop! The use of vintage styles is not merely manipulated to bring audiences a flashback of nostalgia, but combining the old, with the new can produce some very effective visual designs.

backinthe80s

While some people may love, or want to forget the 80’s, there is no ignoring the extreme potential from the colour pallet used in the decade. The vibrant use of electro infused colours blended with big, bold and quirky font was, and still is, an effective method up until this day. Here are some examples of this design trend.

80s_image1 80s_image2

 

warposters

From a typographical sense a lot of inspiration for bold messages comes from fonts and type methods used from old War Posters. These posters were mainly utilized for recruiting soldiers back in World War I & II. They used fully saturated colours, vintage illustrations and bold, spaced text to make the message attentive and crystal clear. Today, we see much of the same techniques used through a marketing perspective on many forms of media. Fonts and colours back in this era have been re-created today to help communicate a message clearly and effectively. Here are some examples of the war design trend.

warposter_1 warposter_2

Light Websites

If there is something in common with most of the world’s leading websites (Google, Facebook, YouTube, LinkedIn) other than a fighting battle with the PIPA and SOPA antipiracy bills, is that they all use light colour schemes throughout their website templates. Small use of a dominant and strong colour with various mixes of faint colours can often give a website a sense of class and warmth. It gives the overall online presence a feel of purity and reliability. It’s not an emotion we register knowingly; it’s just one of the many automatic brain reactions to how we feel when we are exposed to certain colours. Dark websites, although visually appealing, are mostly used for more masculine and bold references and companies.

Whitespace

Another strong method used is Whitespace. Originally whitespace was a method only used in publications, more specifically magazine articles and business cards. However we can see many design methods, intended for publications, making the change into the online world as our web building languages are becoming more advanced. Whitespace is mainly used as a tool to direct the eyes to a certain focal point (e.g. a sales message). It is also a great way to simplify a website aesthetically. It can overall improve functionality and reduce clutter to the online presence.

Of course, depending on the certain kind of designer, trends will differ depending on their utilised methods. However, this is simply a helpful guide for you to get your website up to scratch with the rest of the online world in 2012. Web Design, just like any other form of Design, is changing every single day. Best not to get yourself too behind.I would love to discuss any design questions or thoughts you may have. So please leave a comment below or contact me via the SiteZero website.

 

Richard NorrisAbout the Author : Richard Norris.

Richard  is the CEO of SiteZero , an Australian based Digital Marketing Services organization.
Richard loves technology and is the Ecommerce evangelist at SiteZero.
You can connect with Richard on Google + , Linkedin  or at the SiteZero Facebook Page

Richard Started his first Business in 1985 and entered the online world in 1998.
He’s a bit like “The old man and the sea” of digital Marketing
Richard Norris  |  Facebook  |  Twitter  |  Google Plus
Tags:

Comments

Comment by: Richard Norris
Feb 24, 2012 at 8:55 AM
Great Article Scott , well done. For anyone reading this post I must disclose at this point that I am Scott's Boss. But as an avid reader of information about all things Web , this is an excellent article and shows that incredibly high level of skill and understanding that Scott has. Staying at the forefront of changes in design techniques and trends is a critical thing to do in our industry , and Scott has the skill in spades. If you want Scott Reimers to design your next website ( and based on his knowledge and skill you should!!) then your going to be on a winner ! Well done Buddy , your a legend !!
Comment by: Stephen Hamilton
Jan 20, 2012 at 10:06 AM
Cool images Scott! Those old war time propaganda posters certainly have had a resurgence lately. Despite the subject matter, they are highly stylised and effectively communicated their message (sometimes too effectively). I think designing with any appropriate theme in a stylised manner is a great way of standing out from the crowd. Of course, I have the benefit from being able to frequently look over your shoulder at the cool stuff you're doing. :)
Leave this field empty

Post a Comment

All fields marked * are required fields and must be completed.