DESIGN RULES: Fundamental Principles + Practices for Great UI Design
Joe Natoli, Coaching & Training for UX Designers & Developers
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
-
students are watching this class
