Learn Ui Design By Erik Kennedy Updated 2021 Jun 2026

Mastering Digital Aesthetics: A Guide to "Learn UI Design" by Erik Kennedy (2021 Update) For many developers and aspiring creatives, user interface (UI) design often feels like a mysterious "black box" where beautiful results are born from raw talent or subjective whims. However, the Learn UI Design course by Erik Kennedy has fundamentally challenged this notion, proving that high-end visual design is a logical, learnable skill set. The 2021 update (often referred to as Version 2.0) significantly matured the curriculum, expanding it to over 36 hours of video content and 53 lessons. Whether you are a senior designer looking to refine your fundamentals or a developer wanting to build professional-looking software, this course offers a pragmatic, "no-jargon" pathway to mastery. Core Pillars of the 2021 Curriculum The Learn UI Design course is structured into six primary units, each focusing on a critical aspect of the interface design process: Fundamentals : Move beyond vague aesthetics by mastering alignment, spacing, sizing, and the "6 techniques" for consistent design. Color Systems : Learn why "gray is the most important color" and how to generate entire interfaces from just one or two base colors using HSB (Hue, Saturation, Brightness). Typography : Access the "Good Fonts Table" featuring over 100 top-tier fonts and learn the logic behind styling text for both interactive apps and editorial content. UI Components : A deep dive into creating component libraries, including buttons, states, icons, and complex data visualizations like charts and tables. Digital Paradigms : Master responsive design, accessibility, and the specific UI patterns required for iOS and Android. Communicating Design : Practical advice on building a portfolio, interviewing for design roles, and finding high-paying clients. Why the 2021 Update Matters The 2021 refresh brought several critical improvements that kept the material relevant for modern design workflows: Modern Tooling : The course transitioned to feature Figma as the primary tool for most lessons, while still providing support for Sketch users. Expanded Content : The video library grew from its original length to over 33-36 hours, including re-recorded lessons for better clarity. Redesign Vault : Students gain access to over 50 hours of narrated redesigns, where Erik takes real-world student submissions and transforms them into professional interfaces.

Updated in 2021, Erik Kennedy’s "Learn UI Design" is a comprehensive, 36+ hour video course focused on practical, "non-fluffy" visual design principles and industry tools like Figma. The curriculum covers fundamental design rules, typography, color, UI components, and real-world application, often featuring over-the-shoulder demos and student project redesigns. Detailed course information is available at Learn UI Design Learn UI Design Learn UI Design: The Complete Online Video Course

This compiles the fundamental concepts updated for modern design standards in 2021 and beyond.

The Non-Designer’s Guide to Learning UI Design (Based on Erik Kennedy’s Methodology) UI design often feels like a dark art. You stare at a blank canvas, add some elements, and it looks like a "My First Website" project from 1998. Meanwhile, the pros produce clean, polished work effortlessly. According to Erik Kennedy, author of Learn UI Design , the difference isn't talent—it’s a specific set of rules. UI design is not art; it is a visual communication problem. Below are the core pillars of his methodology, refined for modern standards. 1. Light Comes from the Sky This is the most fundamental rule of visual design. As humans living on Earth, we are used to light coming from above (the sun). Therefore, our brains interpret visual information based on this assumption. learn ui design by erik kennedy updated 2021

Top-down lighting: An element meant to look raised (like a button) must be lighter on top and darker on the bottom. Inset elements: An element meant to look pressed (like a text field) must be darker on top and lighter on the bottom. The 2021 Standard: With the prevalence of "Dark Mode," this rule is more critical than ever. In dark mode, you are essentially inverting the lighting logic, but the shadows must still suggest a light source.

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.

The Rule: Never use pure black on white. Always use a dark gray. It feels softer and is easier to read. The 2021 Update: With the dominance of OLED screens, using pure black can save battery life on mobile devices. However, for UI design aesthetics, the rule remains: avoid pure black for typography to reduce contrast vibration. The Background Rule: Similarly, avoid pure white ( #FFFFFF ) backgrounds for large areas in web design; a slightly off-white ( #F5F5F5 ) reduces glare and defines the canvas boundaries better. Mastering Digital Aesthetics: A Guide to "Learn UI

3. The Secret to Color is HSB Kennedy advocates for using the HSB (Hue, Saturation, Brightness) color model rather than RGB or Hex codes. It aligns with how humans perceive color.

Hue: The color itself (Red, Blue, Green). Saturation: How "colorful" or gray the color is. Brightness: How much white or black is mixed in. The Palette Trick: To create a professional palette, pick a base color, then adjust Brightness and Saturation to create shades. Modern design tools (like Figma’s Plugins) utilize this logic to generate consistent color scales automatically.

4. Whitespace is Functional 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. Whether you are a senior designer looking to

Law of Proximity: Elements that are related should be close together; elements that are unrelated should have space between them. Visual Hierarchy: The more important an element is, the more space you should give it. The Breathing Room: Don't be afraid to add generous padding inside buttons and between sections. In 2021/2022, "airy" designs are the industry standard for luxury and tech aesthetics.

5. Typography: The 150% Rule Typography can make or break a UI. The two most common errors are font size and line height.