Notes on "Design for Developers"
Layouts
Grid systems makes it less likely to suckSeparating content
- Use 1 pixel dotted line to separate content
- Line height you want: 1.3-2em
- Paragraphs columns should be two alphabets (abcdefqhi..) wide. So it's clean and not confusing
- Text/content good (text) 16pt /1.3 em for long text e.g blog post
- 2-3 typefaces max
- pair typefaces
- San-serif (e.g Helvetica) for titles
- Serif (e.g Georgia) for body text
- Read and obey these sites:
- Using embedded fonts (pretty much all browsers support)
- Hosted fonts: TypeKit -- Also Google is starting to host fonts
- DIY: FrontSquirrel (@font-face generator)
- Need to support different font formats EOT, OTF, WOFF, SVG
Colour
Ways to pick colour schemes- Monochoromatic (one colour and grey, one colour and black)
- Analogous
- Complementary (most contrast)
- Split Complementary
- Tetrad
Websites for picking colour
Stealing (draw inspiration) and learn
"25 Fresh Design Sites"
Free books
- Designing for the web http://designingfortheweb.co.uk/book/index.php
Break Rules - Breaking rules that what Just don't break too many at once.
