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

Design Hacks for the Pragmatic Minded

Kyle Neath
March 24, 2011

Design Hacks for the Pragmatic Minded

A lot of developers think they either can't or don't need to design. But that's just a myth — everyone can benefit from a few simple design concepts. Learn some simple design hacks you can apply to your documentation, presentations and products to make them just a little bit prettier.

Kyle Neath

March 24, 2011
Tweet

More Decks by Kyle Neath

Other Decks in Design

Transcript

  1. A collection of hacks Tips to polish your designs A

    couple design strategies This talk is…
  2. Playing with font weights and styles is easy & less

    risky font-weight:300 font-weight:bold font-weight:normal
  3. We're GitHub! If you're ordering a tshirt, you probably know

    that this isn't the main gig. Please enjoy one of our cheeky grey shirts and be sure to check back periodically for new designs. Exercise patience while waiting for your crisp new attire - we are busy every day doing things… Increase line height to improve readability
  4. We're GitHub! If you're ordering a tshirt, you probably know

    that this isn't the main gig. Please enjoy one of our cheeky grey shirts and be sure to check back periodically for new designs. Exercise patience while waiting for your crisp new… Increase line height to improve readability
  5. A baseline grid can be a great tool but don’t

    be too obsessive about it font-size:100px font-size:50px Vertical Grid = 50px
  6. Hey guys! We just restocked the GitHub mugs today. Head

    on over to the GitHub Shop to pick one up today! It can also serve to set expectations
  7. Your text is crying for padding We're GitHub! If you're

    ordering a tshirt, you probably know that this isn't the main gig. Please enjoy one of our cheeky grey shirts and be sure to check back periodically for new designs.
  8. We're GitHub! If you're ordering a tshirt, you probably know

    that this isn't the main gig. Please enjoy one of our cheeky grey shirts and be sure to check back periodically for new designs.
  9. We're GitHub! If you're ordering a tshirt, you probably know

    that this isn't the main gig. Please enjoy one of our cheeky grey shirts and be sure to check back periodically for new designs. When in doubt... padding = margin = font size
  10. Scottocat Chacon Dashboard Your Profile Log Out 800 whiskey points

    Scottocat’s links (and no one else’s) The avatar (Scottocat) owns this box: everything descends from it
  11. Scottocat Chacon 800 whiskey points This doesn’t belong! It’s not

    owned by Scottocat Search the whole site... Always be thinking about what owns the box
  12. Header ‣ Logo ‣ Global navigation ‣ User box Dashboard

    ‣ Activity stream ➡ My friends’ actions ➡ My actions ‣ Repository list ➡ Owned repositories ➡ Watched repositories
  13. For the love of all that is good in this

    world… FONT SIZE INCREASE YOUR
  14. def code_blocks warning = "Long strings should be trunca…" warning

    = check_warning(warning) warning = spellcheck_warning(warning) warning = fix_problems(warning) warning = create_problems(warning) warning = add_dimension(warning) warning = move_forward(warning) warning = move_backward(warning) display(warning) end Got a big hunk of code?
  15. 40 characters wide 4 lines of code Font size as

    big as will fit Brevity over correctness
  16. FIN