Grids, along with visual hierarchy, typography, color theory, rhythm, etc., are the basic foundations of design and yet they are widely ignored by the industry.
A gallery showcasing some of the world’s best websites designed based on a grid.
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.
Use the power of grid based designs to create a structured and professional page layout in InDesign.
Universal Principles of Design is the first comprehensive, cross-disciplinary encyclopedia of design.
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 allows you to design using the golden section proportion visually over your preferred design software.
An article by Italian designer Andrea Peltrin on how to effectively use grids for web design.
Area 17 is a Brooklyn based studio with a gorgeous grid-based website.
Unit Interactive discusses the redesigned of their website which includes a section of the grid system used for the site.
Simple and functional grid based site design.
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 steps that cover the elements which make a successful grid system and how they can be applied to a number of media outputs.
An article demonstrating how the grid that was built for The Onion functions in practice.