Design for Developers
"I just pick random colours"
-
Define a palette
- Stick to it
Need a button?
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
Design for Developers
By David
