- Introduction: What You'll Learn
- First: Design is Design is Design
- Stop Solving Other People's Problems
- Why Form Doesn't Follow Function
- Balancing Form and Function: Prescription vs. Description
- Form Follows Function is NOT a UI Design Prescription!
- Every Force Evolves Form (So Don't Follow the Prescription)
- Less is More: Small Screens, Big Challenges
- Five Rules for Small Screen Design
- 09 Balance Creating order
- Case Studies: Improving Balance in UI Design
- Rhythm: Establishing Reinforcing Comprehension
- Harmony: Shaping the Parts Into a Whole
- Using Harmony to Create Directional Flow
- Case Study: Using Harmony for Better Form Design
- Dominance: Directing User Focus
- Using Dominance to Increase Focus and Decrease Cognitive Effort
- Creating Dominance with Size, Negative Space and Contrast
- Alignment: Leading the Eye
- Case Studies: The Power of Alignment
- Proximity: Showing Relationships
- Using Proximity to Make Cognition Faster
- Using Proximity to Make Browsing Easier
- Color: Getting Viewer Attention and Communicating Emotion
- How Color Influences Interaction
- A Word on Color Theory
- Choosing UI Colors from Common Associations
- Choosing UI Colors for Emotional Impact
- 28 Choosing UI Colors from the World Around You
- Choosing UI Colors from Brand Colors
- 30 The Power of Contrast
- Using Contrast to improve readability, attention and focus
- The 3 essential functions of contrast in UI design
- How to Determine Appropriate Color and Contrast
- Typography 101
- Creating Emotional Impact with Typography
- Choosing a Font isn't Typography: The Power of Pattern Recognition
- The Importance of Proper alignment, leading and kerning
- Seven Rules for Great Typography
- Five Rules for Choosing Imagery
- Imagery DOs and DON'Ts
- Working with Icons
- Four Core Types of Icons (and Choosing the right type)
- Five Rules for Effective Icon Design
- Dealing with Data
- Five Rules for Great Data Design
- Simplifying Visual Information Part 01
- Simplifying Visual Information Part 02
- Separating Content from Controls Part 01
- Separating Content from Controls Part 02
- UI Design Mantras Recap
