A gallery showcasing some of the world’s best websites designed based on a grid.
Applying Mathematics to Web Design
Because of its beautiful nature, mathematics has been a part of art and architectural design for ages. But it has not been exploited much for website design.
Create a Grid Based Resume
Use the power of grid based designs to create a structured and professional page layout in InDesign.
Universal Principles of Design
Universal Principles of Design is the first comprehensive, cross-disciplinary encyclopedia of design.
Grid-based Layout
A grid is a technique that comes from print design but easily be applied to web design as well. In its strictest form a grid is literally a grid of X by Y pixels.
Atrise Golden Section
Atrise Golden Section allows you to design using the golden section proportion visually over your preferred design software.
Taking the Grids on the Web
An article by Italian designer Andrea Peltrin on how to effectively use grids for web design.
Area 17
Area 17 is a Brooklyn based studio with a gorgeous grid-based website.
Redesigning Unit Interactive
Unit Interactive discusses the redesigned of their website which includes a section of the grid system used for the site.
Simon Hoegsberg Photography
Simple and functional grid based site design.
Making and Breaking the Grid
A layout design workshop that assumes that to effectively break the rules of grid-based design one must first understand those rules and see them applied to real-world projects.
Five Simple Steps to Designing Grid Systems
Five steps that cover the elements which make a successful grid system and how they can be applied to a number of media outputs.
The Funniest Grid You Ever Saw
An article demonstrating how the grid that was built for The Onion functions in practice.
BBC Visual Language
A downloadable PDF focusing on the redesign of the BBC website which includes a section of the grid used for the layout.
