Grids

Grid System for Layout
1. determine the layout size (based on which screen resolution you choose for web design)
2. choose a ratio:

• 1:3
• 2:1
• 1:1.1.618 (Golden Section)

3. Convert the ratio you choose to percentages



Subtraction's Grid Computing and Design

Google BluePrint
-- sample website
-- demonstration of the grid
-- demonstration of the typography
-- quick tutorial

Reading List
Five simple steps to designing grid systems
best articles and resources on the subject
Thinking Outside the Grid
grid background image
Grid Computing
Grid-based design: Part 2, Designing blog theme templates
Fracturing / Abstracting the Grid