Book Image

Instant 960 Grid System

By : Diego de Tres
Book Image

Instant 960 Grid System

By: Diego de Tres

Overview of this book

Grid systems were an integral part of World War II, helping graphic designers to achieve coherency in devising a flexible system. This book exploits the vast potential of grid systems to create organized and properly aligned websites for mobile platforms. Instant 960 Grid System is a practical, hands-on guide explaining how to build a website using 960.gs targeting mobile devices, from tablets to smartphones. This book shows you how to build quick and organized websites, clearing out the confusion that surrounds column allocation. It will take you through a number of clear and practical exercises that will help you to take advantage of the 960 Grid Systems. You will also learn how to build your own portfolio, starting with the layout in Photoshop to the final product available in HTML. If you want to understand and familiarize yourself with how to use the 960 Grid System and at the same time want to prepare your website quickly to run on smartphones and tablets, then this book is for you. Not only will it cover the creation of a quickly-produced neat and concise website for different platforms, but it will also teach you how to make it responsive.
Table of Contents (7 chapters)

So, what is 960 Grid System?


On the Internet, Grid System was popularized by Nathan Smith, creator of the 960 Grid System, aka 960.gs—the most popular Grid System framework for building websites and rapid prototyping. You should use it every time you need to organize your content to build a website or when you need to build a rapid prototyping.

The modern grid, as we know today, was born after World War II, when some graphic designers began to devise a flexible system that would be able to help designers achieve coherency in organizing the page. Propagated mainly by Josef Muller-Brockmann in his book Grid Systems in Graphic Design, it is not hard to see the grids that have been used in the most popular websites on the Internet beyond print media.

One of the toughest decisions to make when you start with 960.gs is the number of columns you should use. The framework provides us with two variants: 12 or 16 columns.

The easiest way to decide which one to use is by asking the following question:

"Should my layout be divided by three?" If so, use 12 columns.

Don't worry if you didn't understand something. Sometimes, demonstrating is easier than explaining, and if you are like me, Grid System will be your best friend forever.