Autoplay
Autocomplete
Previous Lesson
Complete and Continue
DESIGN RULES: Principles and Practices for Great UI Design
Ground Rules: What You Need to Know Upfront
Design is Design is Design. (16:37)
Stop Solving Other People's Problems (7:25)
Form Doesn't (and Shouldn't) Follow Function (11:16)
Balancing Form and Function: Prescription vs. Description (7:06)
Why Form Follows Function is NOT a UI Design Prescription! (7:43)
Every Force Evolves Form (So Don't Follow the Prescription) (4:44)
Less is More: Small Screens, Big Challenges (6:41)
Five Rules for Effective UI Design on Small Screens (5:38)
Organizing Visual Information
Balance: Creating Visual Order (6:03)
Case Studies: Improving Balance in the User Interface (6:38)
Rhythm: Establishing and Reinforcing Comprehension (4:43)
Harmony: Shaping the Parts Into a Whole (5:50)
Using Harmony to Create Directional Flow (2:49)
Case Study: Using Harmony for Better Form Design (4:00)
Dominance: Directing (and Maintaining) User Focus (5:57)
Using Dominance to Increase Focus — and Decrease Cognitive Effort (5:21)
Creating Dominance with Size, Negative Space and Contrast (5:42)
Alignment: Leading the Eye Across the Screen (4:22)
Case Studies: The Power of Alignment (5:26)
Proximity: Showing and Communicating Visual Relationships (4:36)
Using Proximity to Make Cognition Faster (2:46)
Case studies: Using Proximity to Make Browsing Easier (4:35)
Using Color and Contrast Appropriately
Color: Getting Attention and Communicating Emotion (5:02)
How Color Influences Interaction (7:57)
A Word on Color Theory — and Using Color Correctly (4:07)
How to Choose the Right Colors for your UI: Common Associations (4:07)
How to Choose the Right Colors for your UI: Emotional Impact (6:42)
How to Choose the Right Colors for your UI: From the World Around You (4:15)
How to Choose the Right Colors for your UI: From Brand Colors (4:03)
The Power of Contrast (2:55)
Using Contrast to Improve Readability, Attention and Focus (7:41)
Three Essential Functions of Contrast in UI Design (2:54)
How to Determine Appropriate Color and Contrast (4:51)
Designing with Typography and Imagery
Typography 101: It's About Much More Than Choosing a Font! (2:43)
Creating Emotional Impact with Typography (3:52)
Choosing a Font Isn't Typography: The Importance of Pattern Recognition (3:08)
The Importance of Proper Alignment, Leading and Kerning (8:44)
Seven Rules for Great Typography (14:43)
Five Rules for Choosing Imagery (12:13)
Imagery DOs and DON'Ts (8:07)
Creating and Simplifying Visual Cues
Working with Icons (4:35)
Four Core Types of Icons (and How to Choose the Right Type) (6:04)
Five Rules for Effective Icon Design (6:50)
Dealing with Data (8:45)
Five Rules for Great Data Design (5:27)
Simplifying Visual Information Part 01 (4:10)
Simplifying Visual Information Part 02 (9:13)
Separating Content from Controls Part 01 (6:53)
Separating Content from Controls Part 02 (6:15)
Things to Remember
Recap: UI Design Mantras (6:16)
How to Determine Appropriate Color and Contrast
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in UX 365 to Unlock