DESIGN RULES: Fundamental Principles + Practices for Great UI Design | Joe Natoli | Skillshare

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
51 Lessons (5h 12m) View My Notes
    • 1. Introduction: What You'll Learn

      3:08
    • 2. First: Design is Design is Design

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

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

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

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

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

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

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

      5:38
    • 10. 09 Balance Creating order

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

      6:38
    • 12. Rhythm: Establishing Reinforcing Comprehension

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

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

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

      4:00
    • 16. Dominance: Directing User Focus

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

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

      5:42
    • 19. Alignment: Leading the Eye

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

      5:26
    • 21. Proximity: Showing Relationships

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

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

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

      5:02
    • 25. How Color Influences Interaction

      7:57
    • 26. A Word on Color Theory

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

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

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

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

      4:03
    • 31. 30 The Power of Contrast

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

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

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

      4:51
    • 35. Typography 101

      2:43
    • 36. Creating Emotional Impact with Typography

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

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

      8:44
    • 39. Seven Rules for Great Typography

      14:43
    • 40. Five Rules for Choosing Imagery

      12:11
    • 41. Imagery DOs and DON'Ts

      8:07
    • 42. Working with Icons

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

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

      6:50
    • 45. Dealing with Data

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

      5:27
    • 47. Simplifying Visual Information Part 01

      4:10
    • 48. Simplifying Visual Information Part 02

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

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

      6:15
    • 51. UI Design Mantras Recap

      6:16
55 students are watching this class