Get Our Free Ebook
Beginners Guide to HTML

  Web Design Design Principles Web Design Trends in 2012

Web Design Trends in 2012

2012 is an interesting year for web design and web development. Understanding these trends will help you stay current and produce high quality work that won't be outdated. You can combine the following trends in various ways and create original and creative designs. Here's a list of trends in 2012 that you need to follow in order to succeed.

1. Responsive Design

Most clients these days want a mobile version for their website. Responsive web design consists of a mix of flexible grids and layouts, images and an use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution.

2. Solid Blocking

This is a trend that has been followed for a while now especially for portfolio websites. It introduces a grid-like design which combines solid colored blocks with photos and text. Solid blocking can also be used for corporate websites in order to give them a more fun and not so rigid feel. It is currently used by social networks like Pinterest, Shopcade, and Huddle. Here's an example below:

3. Oversized Typography

Bold, large fonts used especially for headlines are relatively new in web design. More and more designers are using this trend in order to attract readers and also to emphasize the main characteristic or purpose of the website. When your company has a strong statement or announcement to make, oversized type is perfect to use.

4. Photo Backgrounds

This is a web design trend that has been around for a while and it is perfect for various types of websites. It works great for portfolios, fashion or art related websites and its main purpose is to create a strong visual statement. High quality photos are a must!

5. Infographics

This is a great trend that was once being used for educational purposes and gained popularity over the years. Infographics add visual interest to your website's content and makes it look original and creative.

6. Modal Popup Boxes

The main purpose of modal windows is to offer box content (registration, login or subscription for example) without loading onto a new page. Many popup boxes have a lightbox effect where the background fades darker, emphasizing the popup content. This is a sleek effect that I appreciate.

7. Social media

Social media networks, like Facebook and Twitter, have an increased presence on almost all websites. This increases the web traffic to your website and also makes sharing information a lot easier.


8. Big Vector Art

Vector illustrations can be found on lots of websites these days. Vector illustration creates a fun and friendly feel and also emphasizes the designers' creative skills. Mailchimp is a great example for using vectorized mascots in web branding.

9. Ribbons Graphics

This is a web design trend that started in 2011 and is still used now. There are many PSD files of ribbon banners on the web. These can be used in creating menus or in blog design.


10. Single Page Websites

This Single Page Website concept gained popularity in web design but has a tendency of leading to overly visual cluttered designs. The "above the fold" rule doesn't have a dominant influence on these types of websites. It can be used successfully for services/company presentation.

subscribe to newsletter