Choosing and Applying UI Colors | 60-30-10 Rule for color palettes

[@osikebruno]

This an outstanding graphic gesign video on how to create a good composition. Please do a video on getting clients and how to keep going when things don't work out your way as a designer. I would also like you to share your experience on the struggles someone might face when learning UI/UX and the best place to learn UI/UX. I would recommend you create an online membership website to mentor people globally because your design flow is top-notch and you keep everything simple in a layman's understanding. It means the world to me.

[@uxtshili]

Thank you so much for your feedback. I will add that video idea to the list. I will be doing a free webinar soon, sign up to my mailing list to get details soon. Thank you for watching 😊

[@alexandervanlohen4229]

Again, so well explained. Thanks a lot!

[@adeisaac]

I could sit all day just watching her do thing. She is amazing...nice work there

[@uxtshili]

Thank you so much for watching 😊

[@ChenChing-h3x]

Nice content, I like the examples and contrast after your change. It really demonstrates how your point is making design better. Thank you for all those videos!

[@uxtshili]

Glad you liked it!

[@jamsonmsuzi9645]

All Design Principles in one video. Thanks for making things simple

[@uxtshili]

Most welcome 😊

[@s7s_space]

Thanks Tshilti for great content , we need more from that esp for beginner for applying basics like typography, spacing, Visual hierarchy, white space, aligment , UI patterns for web & mobile ..etc

[@uxtshili]

Great suggestion! I will be making more videos soon

[@jaammmiiii]

This is amazing Tshili! My fave part was applying the techniques we just learned by redesigning existing screens. Love how practical it is and it really makes the lesson stick :)

[@uxtshili]

Thank you so much. Glad it was helpful

[@adenawalker7]

Thanks Tshili...your videos are always on point and very helpful. Keep up the great work and I look forward to your next vid.

[@uxtshili]

Glad you like them! Thanks for watching😊

[@scenesfromsophia]

Thank you Tshili for this video. I absolutely love your videos, I'm an entry designer and your videos have been really helpful ❤😊

[@uxtshili]

Thanks for watching. I'm glad its helpful 😊

[@warisakorede_]

Thank you so much for this! This is really helpful 💯

[@uxtshili]

Glad it was helpful!😊

[@kellysam9348]

I love it...pls do more for landing pages

[@uxtshili]

Thanks for watching, yes will be doing more in the future

[@edo2470]

Bravo Bravo bravo! Huge applause to you for making this great video!

[@uxtshili]

Thank you very much!

[@laughtero.atanda2721]

Thank you so much for this great and useful content🥰. And I would also love to see subsequent tuts video on style guides and components in figma.

[@uxtshili]

Thanks for watching, that might be my next video 😉

[@laughtero.atanda2721]

@@uxtshili Great, thanks for all you do.

[@mercm97]

Thanks Tshili! this was really informative and I will be using the concepts for my business

[@uxtshili]

Glad it was helpful! Thanks for watching

[@inibhojeomatseyin8105]

Very informative Tshili! Thanks!

[@uxtshili]

Glad it was helpful!

[@nanonkay5669]

For me, it comes down to these 3 rules when picking colors: 1. Pick colors that harmonize. 2. The picked colors must contrast well 3. Keep it as minimal as possible For color harmony, there are tools online that help you see which colors harmonize well with whatever color you picked For contrast, you can incorporate a neutral color. If not, you can turn the colors picked into a neutral by either tinting them whiter or shading them darker, depending on what works better for your needs. From here, you can apply the 60 30 10 rule.

[@uxtshili]

Yes this is a great way to to pick good colours. Thanks for watching 😊

[@skottmellins4584]

This tutorial is absolutely amazing and so clarifying this complex topic… really a lot of congratulations and I thank you sooooo much for this great work. One big question though… Even though, as you did, we could see that there is more of this or that color in a design which could feel unbalanced, but how are you doing to calculate the exact pourcentage of the colors already there in a design like you’re doing? That is so mysterious to me. Are you guessing or Is there a plugin or something else to do that please ? Best,

[@uxtshili]

Apologies for the late response 😊 Thank you so much for your kind words. It's not a strict calculation, its just a guide to help you when you first get started, just guess, and as you are practicing design you will get more confident with it

[@skottmellins4584]

Ohhhh ok thank you so much for your great help and also you really deserve all of these kind words. bye

[@learn_with_sher_wali]

Very Helpfull for me thanks for the video

[@uxtshili]

Thank you for watching 😊

[@CHINWENDUIZUAKOR]

Beautiful! Thank you ma'am 🙏🏿

[@uxtshili]

Thank you for watching

[@tysonbwalker]

really great video. thanks!

[@uxtshili]

Thank you for watching 😊

[@ibiyeisokariari5742]

amazing video! can you do one on autolayout please?

[@uxtshili]

Yes, added to the list!

[@warisakorede_]

Yay!🎊🎉

[@fatimasbee]

Thank you so much for this!

[@uxtshili]

Glad it was helpful!😊

[@EliteTech24]

So beautiful ❤❤❤❤ u go girl !

[@uxtshili]

Thank you

[@kousar335]

teaching is awesome it would have been good if you could have shared figma file for our better understanding

[@uxtshili]

Thanks for watching. Apologies, I will take that into account next time 🙂

[@Man_davo]

thank you

[@uxtshili]

Thanks for watching😊

[@chidiutonjoku1336]

I am always confused when attempting to follow the 60-30-10 rule, particularly in material design systems that use baseline design tokens and assign different functions to colors. I find it difficult as a beginner to understand how to use these unique colors in my designs in a way that makes sense.

[@uxtshili]

Yes I understand, Material design is very rigid in their colours and its very specific to Material design, most designers don't use it unless designing specially for android. As a beginner dont put too much pressure on yourself just keep experimenting, it will get easier 😊

[@chidiutonjoku1336]

@@uxtshili Thank you for this advice.

[@Chris-jm2gx]

"stay away from gray"? but everybody uses gray

[@uxtshili]

😅

[@3dwizard3d]

[@_efeoghene]

This is Suppose to be a color video right??

[@uxtshili]

Why do you ask?

[@_efeoghene]

@@uxtshili You really deviated from it Was thinking it was mainly for 60 30 10 color principle alone. All along it was a solid one as always ☺️ Thanks.

[@uxtshili]

@@_efeoghene ok, which parts do you feel deviated from talking about colour? I cant explain the 60-30-10 Rule without explaining colour theory. If you don’t start by picking the right colours, then the 60-30-10 is useless. Then I demonstrated how to actually design with it.

[@_efeoghene]

@@uxtshili Alignments and grids

[@_efeoghene]

I think if it was on colors.. then the video should be for just for just colors which you delivered as usual.. talking about alignments and laying emphasis on grid's wasn't really cool..I almost forgot I was watching a video on colors actually.

[@YTNutflexPayb]

Thank you