Erik Kennedy – Learn UI Design

Here’s What You Get:

53 Video-Based Lessons

Over 36 hours of video lessons, filled with strategies and live examples covering all major areas of UI design. Watch me, Erik, as I actually design dozens of examples right in front of you.

Watch from any device

Learn UI Design works on phones and tablets too, so you can watch from your desk or on the go.

Skill-Based exercises

Dozens of assignments tailored to efficiently hone your UI design skills.

Take a shot at them – then post in the student community for feedback from the student mentors.

Cheatsheets & Checklists

Old-school? No doubt. But it works.

Get over a dozen printable PDF cheatsheets and checklists with key design reminders and frameworks.

I keep these on my office wall. You’ll want to too.

Feedback & Community

Come for the practical design feedback, stay for the welcoming community. Learn alongside other aspiring designers.

(There’s plenty of elitist, overly-competitive design communities out there — but we’re NOT one of them )

UI design in 53 lessons: The Video Series

Work through it lesson by lesson, or skip around to what you’re most curious about at the moment. I get it — 36+ hours of video is a lot, even watching at 2x speed. But every minute is something I wish I had known when I started designing UI.

I. Introductory Topics

• 1.1 Begin Here
• 1.2 Introduction to Figma
• 1.3 Introduction to Sketch
• 1.4 Setting Up Your Workspace for UI Design
• 1.5 How to Build Your Design Gut Instinct
• 1.6 Starting a Project: Brand & Goals
• 1.7 Finding & Using Design Inspiration
• 1.8 3 Ways to Design Above Your Level

II. Fundamentals

• 2.1 Introduction: Analyzing Aesthetics
• 2.2 Alignment
• 2.3 Spacing
• 2.4 Consistency
• 2.5 Sizing
• 2.6 Simplicity
• 2.7 Lighting & Shadows

III. Color

• 3.1 HSB
• 3.2 Luminosity
• 3.3 Gray: The Most Important Color
• 3.4 Variations: The Most Important Color Skill
• 3.5 3 Techniques to Fix Clashing Colors
• 3.6 Picking a Primary UI Color
• 3.7 Creating a Brand-Based Palette
• 3.8 Dark Interfaces
• 3.9 Gradients

IV. Typography

• 4.1 Intro to Typography
• 4.2 The Good Fonts Table
• 4.3 Choosing Fonts: Overview
• 4.4 Choosing Body Fonts
• 4.5 Styling Text I: The Basic Rules
• 4.6 Brand & Letterform
• 4.7 Styling Text II: Interactive Apps
• 4.8 Pairing Fonts
• 4.9 Styling Text III: Editorial

V. User Interface Components

• 5.1 Component Libraries I: Controls
• 5.2 Component Libraries II: States
• 5.3 Vector Illustration
• 5.4 Icon Design
• 5.5 Photography & Imagery
• 5.6 Lists & Tables
• 5.7 Charts & Data Visualizations

VI. Digital Platforms & Paradigms

• 6.1 Responsive UI Design
• 6.2 Designing Multi-State Screens
• 6.3 Accessibility
• 6.4 Overlaying Text on Images
• 6.5 Truncating Tex
• 6.6 Mobile: iOS
• 6.7 Mobile: Android/Material Design
• 6.8 Grids
• 6.9 Autolayout

VII. Communicating Design

• 7.1 Creating a Design Portfolio
• 7.2 Interviewing for Design Jobs
• 7.3 Finding Clients
• 7.4 Presenting Your Designs
• 7.5 Click-Through Prototyping
• 7.6 Developer Handoff

II. The Community: Feedback & Mentorship

Learning design is a tough thing to do alone. Wouldn’t it be nice if you had someone to ask questions, get feedback, and bounce ideas off of?

With Learn UI Design, you’ll get full access to a special community forum where you can do all of that:

• Submit (and receive feedback) on every single homework
• Get design reviews on your own personal projects
• Ask questions from the community mentors
• Talk shop with other designers and folks in tech

The community mentors:

Erik Kennedy

Founder, Learn UI Design

Humble brag, but relevant: I’ve probably seen more beginner UI designs than anyone on earth . 10,000+ submissions later, I’m still in the student community, answering questions, giving feedback, and working to improve the course.

Leah H​uyghe

Lead Product Designer, Meta

L​eah took Learn UI Design in late 2018 and was hired by Meta a few months later. Now she’s back, this time as a Community Mentor, doling out wisdom on UI, UX, process, and career.

Shane Doyle

Lead Designer, Threefold Systems

Coming in hot from County Wexford, Ireland, Shane took Learn UI Design in 2017, and used the lessons from it to get hired as a designer – and promoted to lead – within one year. Look out for Shane’s hard-hitting feedback – delivered in a pleasant Irish lilt.

Jenny Yakovenko

Senior Designer, Ob’vious

As a self-taught designer (coming from the world of cartography 🗺), Jenny quickly realized there’s a large gap between useless theory and practical design advice. Learn UI Design resonated with her when she took it in 2019, and after getting promoted shortly thereafter, she now returns as a student mentor.

Julia Scheffer

UX/UI Designer, Bleech

Coming from a product management background, Julia blazed through Learn UI Design and Learn UX Design in a few months early in 2022. She got hired shortly thereafter, and now returns to give feedback on UX, portfolios, career, and more.

III. The Bonus: Live Redesign Vault

Completely separate from the main lessons of the course, the Live Redesign Vault is 41+ hours of video recordings of me, Erik, redesigning student submissions.

The events are live – and all students are invited. But the vault is where they’re cataloged and tagged by color, fonts, overall brand, and platform – so you can reference them for inspiration and best practices.

As with the video lessons, no rush. You have lifetime access.

• Choose from 38+ redesigns
• Cataloged by colors, fonts, and brand used
• Fully-narrated rationale for design decisions
• Easily see the before/after and more

When it comes to learning how to create beautiful designs, this is the most comprehensive course on earth:

• Lifetime access to 53 video lessons, complete with cheatsheets, skill-building homework assignments
• A supportive community of beginning designers, mentored by top alum
• A vault containing dozens of past redesigns of student submission.