The 7 Principles of Good UI Design (With Before & After Examples) | Ep 3

Why do some apps look clean and professional while others feel messy, even with the same features? In this beginner-friendly episode, you'll learn the 7 principles of good UI design: visual hierarchy, contrast, consistency, alignment, spacing, simplicity, and feedback. Every principle comes with a clear before-and-after example, and at the end we redesign a messy food ordering screen step by step using all seven. No experience needed. 📺 This is Episode 3 of "UI/UX Design for Absolute Beginners", a 30-episode series that takes you from zero to your first design project. 📂 Full series playlist:    • UI/UX Design for Absolute Beginners   Previous episodes: ▶ Ep 1 — What Is UI/UX Design? Explained for Beginners:    • What Is UI/UX Design? Explained for Beginn...   ▶ Ep 2 — What Does a UI/UX Designer Actually Do?    • What Does a UI/UX Designer Actually Do? (D...   Next: Ep 4 — What Is UX Research? Simple Examples ⏱ CHAPTERS 0:00 Intro: why some apps just look better 0:44 Principles 1-4: hierarchy, contrast, consistency, alignment 4:26 Principles 5-7: spacing, simplicity, feedback 6:56 Before & after: full redesign with all 7 8:10 Recap + challenge + next episode In this video: • Visual hierarchy, the squint test, and using 3–4 text sizes • Contrast and readability (the 4.5:1 guideline for normal text) • Consistency and design systems • The 60–30–10 color rule • Alignment and grids • Spacing, proximity, and the 8-point system • Simplicity: “If I remove this, will anyone miss it?” • Feedback: button states, loading, success and helpful error messages • A full before & after redesign using all 7 principles 🏆 Mini challenge: open an app you use every day and spot all 7 principles. Then find one screen that breaks a rule, and think about how you'd fix it. 💬 Which of these principles do you see broken most often? Tell me in the comments! 🔔 Subscribe and turn on notifications so you don't miss the next episode. All app screens in this video are original illustrations made for teaching. #UIDesign #UIUXDesign #DesignPrinciples