Grid Based Layout

4,803 views
4,594 views

Published on

A quick overview of design before and after the modernist movement, some examples of why grids are good and an intro to 960.gs so you can get started on grids your own self.

Presented at Refresh Denver (http://refreshdenver.org)

0 Comments
15 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,803
On SlideShare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
269
Comments
0
Likes
15
Embeds 0
No embeds

No notes for slide

Grid Based Layout

  1. 1. Grid-based design Gordon Brander Crowd Favorite [email_address] .com
  2. 2. Name Gordon Brander http:// gordonbrander.com Grids? Heck yes.
  3. 3. A brief history of grids
  4. 4. Alphonse Maria Mucha
  5. 5. Alphonse Maria Mucha
  6. 6. Aubrey Beardsley
  7. 7. Ornamentation Nature Subjective Experience The sublime Design of the 19 th Century
  8. 8. Josef Muller Brockman
  9. 9. Josef Muller Brockman
  10. 10. Otl Aicher
  11. 11. Efficiency Rationality Objectivity Aesthetics of the Machine Design of the 20 th Century Standardization
  12. 12. Why grids? Grids create visual harmony
  13. 13. Structured page, no grid
  14. 14. Grid
  15. 15. Grid
  16. 16. Why grids? Grids provide coherence to complexity
  17. 17. subtraction.com
  18. 18. nytimes.com
  19. 19. Why grids? Grids allow you to do more with less
  20. 20. corporateriskwatch.com
  21. 21. http://960.gs Getting started with grids
  22. 22. PSDs! (Fireworks and OmniGraffle too) Sketch sheets!
  23. 23. Easy CSS classname based grid
  24. 24. http://960.gs Questions?
  25. 25. http://960.gs Thanks!

×