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

Design by the Numbers

Sacha Greif
October 04, 2011

Design by the Numbers

Sacha Greif

October 04, 2011
Tweet

More Decks by Sacha Greif

Other Decks in Design

Transcript

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.

    Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. 18px Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. 27px Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. 40px 18px font-size * 1.5 = 27px ideal line-height
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.

    Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posu- ere a, pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Lorem ipsum dolor Title Text 2 fonts are more than enough. Just look at this presentation.
  3. Lorem ipsum dolor sit amet, con- sectetuer adipiscing elit. Donec

    odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. 5 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Sus- 12 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. 17 10-12 words per line ensures optimal readability
  4. Features Services Contact 3 Features Services About Contact Sign Up

    Log In 6 Home Features Services FAQ About Blog Contact Sign Up Log In 9 The brain can only process a couple items at the same time.
  5. good better bad 44px is the minimum size for a

    tappable zone on a touchscreen 44px 35px 35px 35px 44px 44px