Learn Ui Design By Erik Kennedy Updated 2021: Link

Complete Guide: Learn UI Design by Erik Kennedy (Updated 2021)

Note: I assume you want a concise, structured study and practice plan that covers the book’s core lessons, related exercises, resources, timelines, and how to build a portfolio from what you learn.

• Visual hierarchy: Use size, weight, color, spacing, and alignment deliberately to show importance.
• Contrast and emphasis: Create readable, scannable interfaces by maximizing contrast where it matters (headlines, CTAs) and minimizing it for secondary elements.
• Spacing and layout: Rhythm and consistent spacing systems (multiples of a base unit) improve readability and polish.
• Type: Choose typefaces for purpose, control hierarchy with size/weight/scale, maintain comfortable line length and spacing.
• Color: Use a constrained palette, establish semantic meaning (primary action, destructive), check accessibility (contrast ratios).
• Alignment and grids: Align elements to invisible guides; use columns and modular grids for consistency across screens.
• Visual affordance: Make interactive elements look tappable/clickable with clear signifiers (shadows, outlines, contrast).
• Componentization: Break interfaces into reusable components (buttons, inputs, cards), each with clear states.
• Feedback and states: Design visible states (hover, active, disabled, error) and concise validation messages.
• Simplicity and restraint: Remove unnecessary UI noise; prioritize clarity and purpose over decoration.

Part 4: The "Laws of UI" – The Secret Sauce

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. learn ui design by erik kennedy updated 2021

2. Black is Not Black (and White is Not White)

One of the biggest mistakes beginners make is using pure hex black (#000000) for text. Pure black has zero lightness; it looks unnatural on digital screens and causes eye strain. Complete Guide: Learn UI Design by Erik Kennedy

: Replaces traditional "color wheels" with an HSB-based (Hue, Saturation, Brightness) system. Key lessons include "Gray: The Most Important Color" and techniques for generating full palettes from a single base color. Typography Visual hierarchy: Use size, weight, color, spacing, and

Module B: Layout & Composition

• How to guide the user’s eye using visual hierarchy.
• The "F Pattern" vs. "Z Pattern" for web layouts.
• White space analysis: How to identify "dirty" layouts and clean them instantly.