What are the design principles every beginner should know?
I want the actual foundational rules — the stuff that separates work that looks professional from work that looks like a student made it. What are the core principles and how do I apply them?
The gap between 'student' and 'professional' work is almost always these fundamentals, not talent:
1. Hierarchy — the eye must know where to look first, second, third. Achieved through size, weight, color and position. Flat, everything-equal designs feel amateur because they make the viewer do the sorting.
2. Spacing & alignment — the single biggest tell. Consistent spacing (use a scale: 4, 8, 16, 24, 32…) and everything aligned to a grid instantly reads professional. Random gaps and near-but-not-quite alignments read as broken. Fix only this and most beginner work jumps a tier.
3. Contrast — not just color: size contrast, weight contrast. Enough contrast for readability (check accessibility ratios), and deliberate contrast to create focus.
4. Proximity — related things go together, unrelated things get space between them. Grouping communicates relationships before anyone reads a word.
5. Consistency — same button style everywhere, one type scale, a limited color palette (one primary, one accent, neutrals). Systems feel intentional; one-off decisions feel chaotic.
6. Whitespace — beginners fear it and cram; professionals use emptiness to create focus and calm. Give things room.
Meta-principle beneath all of them: reduce. Every element, color, and font you add is a cost. The professional instinct is subtraction — remove until it breaks, then add back one step. Read Refactoring UI; it turns all of the above into specific, applicable rules.