Grid Based Layout
Upcoming SlideShare
Loading in...5
×
 

Grid Based Layout

on

  • 3,867 views

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....

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)

Statistics

Views

Total Views
3,867
Views on SlideShare
3,837
Embed Views
30

Actions

Likes
10
Downloads
147
Comments
0

4 Embeds 30

http://indesignforeveryone.posterous.com 20
http://www.slideshare.net 6
http://flavors.me 3
http://timconnerstuff.blogspot.com 1

Accessibility

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Grid Based Layout Grid Based Layout Presentation Transcript

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