DESIGN RULES: Fundamental Principles + Practices for Great UI Design

Joe Natoli, Coaching & Training for UX Designers & Developers

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
50 Lessons (5h 9m)
    • 1. Design is Design is Design

      16:37
    • 2. Stop Solving Other People's Problems

      7:25
    • 3. Why Form Doesn't Follow Function

      11:16
    • 4. Balancing Form and Function: Prescription vs. Description

      7:06
    • 5. Form Follows Function is NOT a UI Design Prescription!

      7:43
    • 6. Every Force Evolves Form (So Don't Follow the Prescription)

      4:44
    • 7. Less is More: Small Screens, Big Challenges

      6:41
    • 8. Five Rules for Small Screen Design

      5:38
    • 9. Balance: Creating Order

      6:03
    • 10. Case Studies: Improving Balance in UI Design

      6:38
    • 11. Rhythm: Establishing Reinforcing Comprehension

      4:43
    • 12. Harmony: Shaping the Parts Into a Whole

      5:50
    • 13. Using Harmony to Create Directional Flow

      2:49
    • 14. Case Study: Using Harmony for Better Form Design

      4:00
    • 15. Dominance: Directing User Focus

      5:57
    • 16. Using Dominance to Increase Focus and Decrease Cognitive Effort

      5:21
    • 17. Creating Dominance with Size, Negative Space and Contrast

      5:42
    • 18. Alignment: Leading the Eye

      4:22
    • 19. Case Studies: The Power of Alignment

      5:26
    • 20. Proximity: Showing Relationships

      4:36
    • 21. Using Proximity to Make Cognition Faster

      2:46
    • 22. Using Proximity to Make Browsing Easier

      4:35
    • 23. Color: Getting Viewer Attention and Communicating Emotion

      5:02
    • 24. How Color Influences Interaction

      7:57
    • 25. A Word on Color Theory

      4:07
    • 26. Choosing UI Colors from Common Associations

      4:07
    • 27. Choosing UI Colors for Emotional Impact

      6:42
    • 28. Choosing UI Colors from the World Around You

      4:15
    • 29. Choosing UI Colors from Brand Colors

      4:03
    • 30. The Power of Contrast

      2:55
    • 31. Using Contrast to improve readability, attention and focus

      7:41
    • 32. The 3 essential functions of contrast in UI design

      2:54
    • 33. How to Determine Appropriate Color and Contrast

      4:51
    • 34. Typography 101

      2:43
    • 35. Creating Emotional Impact with Typography

      3:52
    • 36. Choosing a Font isn't Typography: The Power of Pattern Recognition

      3:08
    • 37. The Importance of Proper alignment, leading and kerning

      8:44
    • 38. Seven Rules for Great Typography

      14:43
    • 39. Five Rules for Choosing Imagery

      12:13
    • 40. Imagery DOs and DON'Ts

      8:07
    • 41. Working with Icons

      4:35
    • 42. Four Core Types of Icons (and Choosing the right type)

      6:04
    • 43. Five Rules for Effective Icon Design

      6:50
    • 44. Dealing with Data

      8:45
    • 45. Five Rules for Great Data Design

      5:27
    • 46. Simplifying Visual Information Part 01

      4:10
    • 47. Simplifying Visual Information Part 02

      9:13
    • 48. Separating Content from Controls Part 01

      6:53
    • 49. Separating Content from Controls Part 02

      6:15
    • 50. UI Design Mantras Recap

      6:16
79 students are watching this class
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

51 of 51 students recommend this class