BitWithBite
UI/UX · Quick Reference
Lesson 2 — Design Principles Cheat Sheet
In one line: Contrast, Hierarchy, Alignment, Proximity (CRAP) separate professional designs from amateur ones.
The 4 Principles
1Contrast. Visual difference makes elements stand out.
2Hierarchy. Size/weight/color show what matters most.
3Alignment. Consistent edges create invisible order.
4Proximity. Grouping shows what belongs together.
Amateur vs Professional
Amateur: everything centered, same size text
No hierarchy — reader doesn't know where to look first
Professional: bold headline, spaced sections
Clear hierarchy and proximity guide the eye