Master Template
Website Layouts
Column sizes in pixels
What follows is some example website page layouts showing the the column widths in pixels to use as guides to populate your website pages.
Remember! a great layout conforms to grids from page to page. But, the best most interesting layouts then go on to break the grid system every-so-often, thereby offering the viewer a visually stimulating reading experience.
No Margin Examples
| 2 Column Grid | 3 Column Grid | 4 Column Grid | 8 Column Grid |
Margin Examples (my recommendation)
| 2 Column Grid | 3 Column Grid | 4 Column Grid | 5 Column Grid |
| 6 Column Grid | 7 Column Grid | 8 Column Grid |
Info from Rasmus Schultz’s website Grid Designer 2.
Please share if you find the content useful - thank you
Contact
|
FORUM |
Have a comment or something to say? |
