Learn Ui Design By Erik Kennedy Updated 2021 Here
In 2021, flat design died. Users need immediate cues.
2021 Update: Never use 3 different colors for these. Use 1 accent color + grayscale.
The course is distinct for its rejection of the "design is subjective" mindset. Kennedy teaches a quasi-algorithmic approach:
| 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 by erik kennedy updated 2021
Learn UI Design sits uniquely — more UI depth than Google, more structure than Udemy, more affordable than Shift Nudge.
Title: Master Modern UI Design: What’s New in Erik Kennedy’s 2021 Update
Intro:
Erik Kennedy’s Learn UI Design has long been a favorite for developers and self-taught designers. The 2021 update brings the curriculum in line with current design systems, dark mode practices, and advanced Figma workflows. In 2021, flat design died
Key updates in 2021 include:
Who is this for?
Beginners to intermediate UI designers, front-end developers, and product managers who want to ship beautiful, functional interfaces without a formal design degree.
What sets Erik Kennedy apart from a generic Coursera or Udemy course is his proprietary "Laws of UI." In the 2021 update, these laws have been refined with new case studies. 2021 Update: Never use 3 different colors for these
These laws alone are worth the price of admission for junior designers who struggle to articulate why a design looks "off."
Honesty is important. Learn UI Design by Erik Kennedy (2021 update) is not for:
| Lesson | Key Concept | 2021 Twist | |--------|-------------|-------------| | Visual contrast | Use size, weight, and color to create hierarchy | Contrast ratios for WCAG 2.1 AA compliance | | Typography | Stick to 2–3 font sizes, use rem/em | Variable fonts & responsive type scales | | Color theory | 60-30-10 rule for UI | Use HSL for systematic color palettes | | Spacing systems | 8pt grid for consistency | Auto-layout + padding/margin variables | | Components | Buttons, cards, inputs, modals | Variants & component properties (Figma) | | Feedback & states | Hover, active, disabled, loading | Focus rings for keyboard navigation |