Design for Developers


http://slid.es/davidblurton/design-for-developers

"I just pick random colours"


  • Define a palette
  • Stick to it

http://colourco.de/
https://kuler.adobe.com/


Need a button?


http://twitter.github.io/bootstrap/
http://talkslab.github.io/metro-bootstrap/
http://purecss.io/

http://designmodo.com/flat-design-principles/

Text

  • Use one font
  • One size for titles and one size for paragraph text
  • Stick to the scale

  • #333 on white gives a good amount of contrast
  • Measure should be 2-3 alphabets - 52-78 characters


http://markboulton.co.uk/journal/five-simple-steps-to-better-typography



Alignment

  • Align elements vertically and horizontally
  • Don't use centre align
  • Use a grid




Consistency

  • Don't mix flat and 3D styles
  • Don't mix square and rounded borders
  • Keep gradients and shadows subtle







Made with Slides.com