Learn Ui Design By Erik Kennedy Updated 2021 Info
Typography can make or break a UI. The two most common errors are font size and line height.
System Fonts: You don't need expensive fonts. San Francisco (Apple), Inter, or Roboto are free, highly legible, and industry standards.
You don't just "watch" Learn UI Design. You execute.
Step 1: Download the 2021 resource kit (includes templates, cheat sheets, and a Figma component library).
Step 2: Do not binge watch. Watch one module (e.g., "Typography"), then immediately open Figma and re-create the exercises.
Step 3: Post your homework to the #feedback channel within 48 hours. The 2021 cohort is still active; ask for a "brutal review."
Step 4: After finishing the course, re-design three existing websites (a bank, a news site, a weather app) using only the 7 Laws.
Step 5: Update your portfolio with the course projects, specifically citing the "2021 Erik Kennedy methodology."
Week 1 — Foundations
Week 2 — Grids & Layout
Week 3 — Typography
Week 4 — Color & Contrast
Week 5 — Components & Systems
Week 6 — Imagery & Iconography
Week 7 — Interaction & Microcopy
Week 8 — Accessibility & Usability
Week 9 — Critique & Iteration
Week 10 — Design Process & Briefs
Week 11 — Prototyping & Handoff
Week 12 — Portfolio & Case Study
| Course | Price | Best For | UI Depth | UX Depth | Updated? |
|--------|-------|----------|----------|----------|----------|
| Learn UI Design (Kennedy) | $499 | Practical UI execution | ★★★★★ | ★★☆☆☆ | 2021+ |
| Shift Nudge (Mert Can) | $799 | Obsessive detail in typography/grids | ★★★★☆ | ★☆☆☆☆ | 2023 |
| Figma UI Design (Udemy) | $20 | Tool mastery, not design principles | ★★☆☆☆ | ★☆☆☆☆ | Frequent |
| Google UX Cert | $39/mo | Full UX process | ★★☆☆☆ | ★★★★☆ | 2024 |
| Refactoring UI (Tailwind) | $149 | Dev-focused UI rules | ★★★☆☆ | ☆☆☆☆☆ | 2019 (aging) |
Learn UI Design sits uniquely — more UI depth than Google, more structure than Udemy, more affordable than Shift Nudge. learn ui design by erik kennedy updated 2021
Beginners tend to cram elements together. This creates cognitive overload—the user doesn't know where to look. Pros use whitespace as a layout tool.
Design is 90% consistency. If your "Submit" button on page one is blue with rounded corners, the "Cancel" button on page two should not be green with square corners.
