Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Grid & Typography for Developers

The Grid & Typography for Developers

A quick primer on design principals needed to design and develop advanced web applications. The talk will provide insight and resources into, creating and using a grid, web typography, and how mastering such fundamentals can improve your application's usability and user experience.


July 10, 2012

More Decks by thoughtmerchant

Other Decks in Design


  1. Do you have these problems? Columns don’t line up Users

    do not know where to look Everything is different sizes Looks like shit
  2. LINE-HEIGHT font-size: 14, 22, 34, 58 line-height: 20, 25, 40,

    60 General Rule: line-height is 120% of font-size.
  3. SERIF OR SANS-SERIF? Sans-Serif* *Unless retina / high DPI display,

    then doesn’t matter http://www.useit.com/alertbox/web-typography.html
  4. PARTING WORD Use your eyes. In the end you need

    to make what looks right. - Robert Newman, SCAD Professor