@zerotoui: Struggling With Colour In UI? If you want to learn colour in UI design, start with structure first. In this short video I explain: 1. Why you should design your layout in grayscale before adding colour 2. How the 60 30 10 rule works in real UI screens 3. Why beginners should use only one brand colour for primary actions These simple UI design principles will help you improve visual hierarchy, call to action clarity, and button emphasis in Figma. Perfect for junior designers, self taught designers, and anyone learning UI design fundamentals. Try this on one screen in your next Figma file. Start in grey. Then add one colour only to your primary button.

02ui.com

Open In TikTok:

Region: GB

Friday 13 February 2026 14:21:11 GMT

16461

1296

Music

Download

No Watermark .mp4 (9.36MB) No Watermark(HD) .mp4 (5.68MB) Watermark .mp4 (9.42MB) Music .mp3

Comments

Sugardaddy :

can you explain it with example? how to figure out the percentage of the colour? by guess work or is there anyway to measure 60/30/10 rule?

2026-02-14 16:38:22

PonsAeliusKid :

That’s helpful, thank you

2026-02-13 14:27:13

Coco Purps- Creative Designer :

Thank you Sir✨

2026-04-09 20:40:55

Exeist Digital :

Thanks for sharing, that 60,30,10 is really helpful also it is very hard to learn

2026-03-02 01:32:01

gentlemanCaller69 :

Is your primary button color the same as your call to action color?

2026-03-01 00:12:46

Cedaret :

Very helpful. Thanks

2026-04-08 17:05:30

dev404 :

This is amazing! Thank you!

2026-03-02 11:28:19

To see more videos from user @zerotoui, please go to the Tikwm homepage.