When laying out your ideas, your drawings, how many times did you find yourself completely out of ideas on how to structure things up? Instead of jamming at random, you should take a look over Grids and columns approach.
As is true in typography, as is in music, and other forms of human creative expression, the delicate balance between fill and empty spaces, between sound and silence, or isolation and convergence is the soul of a great piece of art.
The Grid System approach can help you organizing your content by making you look to your drawing from the perspective of shapes and empty spaces that need to be balanced, using hidden lines and simple grids that guides and serves as a hidden (sometimes visible) proportional structure.
This month, Inspiration Charge covers some great stuff about Grid systems on design:
- Design by Grid, showcase of sites
- Grid Systems in Graphic Design, by Josef Muller-Brockmann, Josef Muller - Brockmann
- Modulor - Le Corbusier
- Fibonacci Numbers - Wikipedia
- Designing Grid Systems For Flash, AisleOne - Antonio Carusone
- Grid Systems: Principles of Organizing Type, by Kimberly Elam
- Grid Computing… and Design - Subtraction
- Vitruvian Proportion - Leonardo Da Vinci
- Presentation: Grids are Good - Subtraction
- Canons of page construction, Wikipedia
- Setting Type on the Web to a Baseline Grid, by Wilson Miner
- Five simple steps to designing grid systems - Series, Mark Boulton
- Design and the Divine Proportion
- Grid - Mindplay
- Why use a grid? - Mark Boulton
- Adaptive Grid System based on the Golden Section - Nick Cowie
- Compose to a Vertical Rhythm by Richard Rutter
- Layout Grid Bookmarklet - Andy Budd
- Making and Breaking the Grid: A Graphic Design Layout Workshop, by Timothy Samara
- Syncotype your Baselines, Rob Goodlatte
- Grid and Column Designs, Web Designer Wall
- Columns & Grids, Dave Shea’s Mezzoblue
- Thinking Outside the Grid, Molly E. Holzschlag
- The Golden Ratio, Wikipedia
- YUI Grid Builder
Do you have a particular grid system you use? A great book or website? Ideas? Please, share!
1 comment
Leave your comment
Your comment is encouraged. Please be polite, and keep your ideas on topic. Please do not spam. Innadequate comments will be deleted.
The * means required fields.
AbhisekApril 15th, 2008 at 12:05 am
Nice list. BTW, http://960.gs is good too.