Learn Ui Design By Erik Kennedy Updated 2021 Verified May 2026

: Specific lessons on approaching your portfolio as its own design problem to help land freelance or full-time roles. Feedback & Investment

For a look at Erik's pragmatic approach to refining a user interface: 39s Refining a great user interface with Erik Kennedy YouTube• 6 Feb 2024 Learn UI Design: The Complete Online Video Course learn ui design by erik kennedy updated 2021

: Moving away from arbitrary choices to a system where you only need a handful of text sizes to build an entire app. 2. Mastering Color and Typography This is where most designers struggle. Erik simplifies it: Color Variations : Specific lessons on approaching your portfolio as

: The update added specific lessons on Figma's autolayout functionality and updated developer handoff checklists. Mastering Color and Typography This is where most

| Lesson | Key Concept | 2021 Twist | |--------|-------------|-------------| | | 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 |