• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
14 grids
 

14 grids

on

  • 833 views

 

Statistics

Views

Total Views
833
Views on SlideShare
240
Embed Views
593

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 593

http://cgt256.wordpress.com 593

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

    14 grids 14 grids Presentation Transcript

    • Page Layout
    • Lab guest speaker Matthew Highstrom, Interaction Designer for GMs HMI Design department - Insiders view behind the development of the Cadillacs User Experience driver interface as found in the Cadillac XTS Tuesday (tomorrow) 1:30 pm
    • Does this work? NO GRID!
    • Alignment
    • Designing with Grids
    • What are grids? Grids Columns
    • One Column
    • Two Columns
    • Two Columns
    • Verticalalignment
    • Horizontalalignment
    • Three Columns
    • Three Columns
    • Four Columns
    • Four Columns
    • More Columns
    • The point is…
    • Grids: How-to1. Figure out page size2. Divide it into a grid3. Start designing
    • Figure out Page Size
    • Figure out Page Size Divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16http://www.cameronmoll.com/archives/001220.html
    • http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout
    • http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout
    • Proportion
    • b a
    • Golden Ratio
    • b a
    • The Rule of Thirds
    • Breaking the Rules
    • Available resources
    • http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/
    • http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/
    • http://www.emanuelblagonic.com/2007/02/16/developing-the-grid-that-supports-your-design/
    • http://www.emanuelblagonic.com/2007/02/16/developing-the-grid-that-supports-your-design/