Contents
Starting from Scratch 7
Start with a feature, not a layout. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Detail comes later . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Don’t design too much . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Choose a personality . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
Limit your choices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Hierarchy is Everything 35
Not all elements are equal. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Size isn’t everything. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Don’t use grey text on colored backgrounds . . . . . . . . . . . . . . . . . . . . . 42
Emphasize by de-emphasizing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Labels are a last resort . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Separate visual hierarchy from document hierarchy . . . . . . . . . . . . . . . 54
Balance weight and contrast. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Semantics are secondary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Layout and Spacing 65
Start with too much white space . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
Establish a spacing and sizing system . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
You don’t have to fill the whole screen . . . . . . . . . . . . . . . . . . . . . . . . . . 76