Picture-1
0

Think inside the box – Inspirational box grid layouts

We’re sticking to the Grid

We are still only in the first quarter of 2013 and already there is a massive trend on the rise which is only set to get bigger throughout 2013. Perhaps an oversight on predictions for one of the biggest web design trends of 2013 is box grid layouts. We have seen this style evolve across apps and mobile devices for its simplistic and easy to navigate style it has been adopted by Microsoft for windows 8, and now it is spreading across the web. Here is a quick selection of some great examples using this style of layout.

Box Grid layouts Tools

The 960 Grid
Tried and tested the 960 grid system layout is one of the best and simplistic layouts for web design. Always a winner!

Golden Grid System
The golden Grid system is based on the theory of the golden ratio or the golden section. If applied correctly it will provide perfect porportional layouts to your design.

Phiculator
The Phiculator also focuses in the Golden section. It will help you calculate the exact sizes for different elements on your design to keep a divine proportion.

Further Interest

Here are a few articles discussing further the use of how the use of mathematics can give and the correct grid system can benefit your web designs.
The Grid System
Applying Mathematics To Web Design

The Grid in Use

Below you will also find a great selection of grid based based design for inspiration. Enjoy!


http://dynamit.us/

Picture-15

http://www.winkttd.es/#/home

Picture-2

http://www.erikford.me/

Picture-3

http://allisonhagendorf.com/

Picture-4

http://kodochform.se/

Picture-5

http://www.amagazinecuratedby.com

Picture-6

http://mrahayes.com/

Picture-8

http://pierrickcalvez.com/

Picture-9

http://www.silktricky.com/#/home

Picture-10

http://patrickkatzman.com/

Picture-11

http://wonderhelsinki.com/

Picture-12

http://www.kokokaka.com/#cat=news

Picture-13

http://www.universal100th.com/

Picture-14

http://www.roll.com/

Picture-1

Leave a Reply