How to use colours the right way (60-30-10 rule)
Colours can make or break your designs. 🎨
•
🎥 How to choose colours: https://youtu.be/7J27E864IxY
📗 Learn UX Fundamentals: https://www.gleanux.com/learn-ux
•
Struggling to apply colour to your UI designs without making them look chaotic or bland? In this video, we break down a powerful, easy-to-follow approach used by professional UX/UI designers to bring clarity, focus, and visual hierarchy to their interfaces, the 60-30-10 colour rule.
You’ll learn how to use your colour palette the smart way — not just picking colours randomly, but strategically applying neutral, secondary, and primary colours to your UI in a way that elevates both usability and aesthetics. Whether you're designing in light mode or dark mode, this rule stays consistent and incredibly effective.
We’ll walk you through a practical example by applying colours to a todo list wireframe, showing you how to create visual balance, enhance user focus, and guide attention to key actions like CTAs. Most beginners make the mistake of overusing colours, we’ll show you why less is more and how colour restraint can make your UI cleaner and more engaging.
Whether you're a beginner UI designer, a UX student, or someone who just wants to improve their design decisions, this tutorial will help you think more intentionally about colour application. You'll walk away with a simple yet powerful framework to use on any screen design.
•
📖 Chapters:
00:26 - Step 1
00:55 - Step 2
01:22 - Step 3
01:51 - Step 4
•
🎧
Music track: Wooden Table by Lukrembo
Source: https://freetouse.com/music
Vlog Music for Video (Free Download)
•
🌐 Stay Connected:
Instagram: @glean_ux
YouTube: @glean_ux
Twitter/X: @glean_ux
Website: https://www.gleanux.com
•
🎬 A GleanUX Production
•
#uidesign, #uiux, #ui, #uxui, #uidesigner, #uxdesigner
•
🎥 How to choose colours: https://youtu.be/7J27E864IxY
📗 Learn UX Fundamentals: https://www.gleanux.com/learn-ux
•
Struggling to apply colour to your UI designs without making them look chaotic or bland? In this video, we break down a powerful, easy-to-follow approach used by professional UX/UI designers to bring clarity, focus, and visual hierarchy to their interfaces, the 60-30-10 colour rule.
You’ll learn how to use your colour palette the smart way — not just picking colours randomly, but strategically applying neutral, secondary, and primary colours to your UI in a way that elevates both usability and aesthetics. Whether you're designing in light mode or dark mode, this rule stays consistent and incredibly effective.
We’ll walk you through a practical example by applying colours to a todo list wireframe, showing you how to create visual balance, enhance user focus, and guide attention to key actions like CTAs. Most beginners make the mistake of overusing colours, we’ll show you why less is more and how colour restraint can make your UI cleaner and more engaging.
Whether you're a beginner UI designer, a UX student, or someone who just wants to improve their design decisions, this tutorial will help you think more intentionally about colour application. You'll walk away with a simple yet powerful framework to use on any screen design.
•
📖 Chapters:
00:26 - Step 1
00:55 - Step 2
01:22 - Step 3
01:51 - Step 4
•
🎧
Music track: Wooden Table by Lukrembo
Source: https://freetouse.com/music
Vlog Music for Video (Free Download)
•
🌐 Stay Connected:
Instagram: @glean_ux
YouTube: @glean_ux
Twitter/X: @glean_ux
Website: https://www.gleanux.com
•
🎬 A GleanUX Production
•
#uidesign, #uiux, #ui, #uxui, #uidesigner, #uxdesigner