UI Fundamentals Flashcards
1
Q
The 3 laws of spacing:
A
- Double your whitespace
- Physical separation reflects logical separation
- Whitespace should be consistent
2
Q
Page title (H1) size for mobile:
A
38px-40px
3
Q
Secondary header (H2) size for mobile and desktop:
A
Neatly in-between H1 and body, likely numerically closer to body.
4
Q
Page title (H1) size for desktop:
A
35px-50px
5
Q
Body text size in mobile:
A
16-18px for interaction-heavy pages (Avoid sizes 15 or smaller for forms) 16-20px for text heavy pages
6
Q
Body text size for desktop:
A
14-20px for interaction-heavy pages 18-24px for text-heavy pages
7
Q
What is the golden ratio?
A
The golden ratio describes the perfectly symmetrical relationship between two proportions. The golden ratio is equal to 1.618033….. the digits just keep going with no pattern. In fact is known to be an irrational number.
