60-30-10 Color Rule
1,889,269
Published 2022-03-04
How can you use color inside of your mobile UI design projects to come out looking really mature and really seamless and really well thought out and not obnoxious and loud? And really the worst thing that it could be is distracting. Well, you might want to use a little rule or guideline called the 60 30 ten rule, which is going to help you to understand how to use color, how to implement color, and when to break that rule. We're going to talk all about that coming up next.
------------------------------------------------------------------------------------
🤝 //////////// Learn UI Design in 30 Days with me
www.30dayui.com/
🏆 //////////// Join my members community to get access to perks:
designchamps.io/
📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
------------------------------------------------------------------------------------
🎨 ////////// I design in Figma
psxid.figma.com/xcm8rxa8f162-cb44ct
🖥️ ////////// I build websites with Webflow
webflow.grsm.io/4495884
📅 ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/16252
------------------------------------------------------------------------------------
Design Examples:
dribbble.com/shots/15571949-Task-Manager-Mobile-Ap…
dribbble.com/shots/15460654-Task-Management-Mobile…
dribbble.com/shots/17637163-Eugen-app
dribbble.com/shots/17446776-Heyring-Job-Search-Mob…
All Comments (21)
-
As a developer, after watching this video, I am still confident that: a) designers are bad at math; b) I am bad at design, so will continue hiring designers for the design part.
-
The simplicity, clarity, and overall usefulness of this video made me a subscriber.
-
This was a great video, as a developer I've always struggled with colours so knowing these kinds of heuristics is super helpful!
-
This is one of the best recommendations YouTube gave me.. Using synchronized colors was always a tough thing to do..
-
I love how clean designs make the usability way easier.
-
I'm mostly a backend developer so this was pretty confusing when seeing a 4th color for the font and sometimes other colors being added. It's what I dislike about design, there are no absolutes or precise standards it needs a lot of intuition, or taste, that I don't have.
-
I had never heard bout this rule before! Now I can understand why my design looks immature! But now I know how to fix it! Thanks for sharing! Great video!!
-
This is probably one of the best Design suggestions I got in several years, that too finding it in a random Youtube Suggestion is absolutely a blessing. Thanks 😄
-
I’m an artist but I love using logic. This is why your method is so calming and satisfying to my nerves. Ahhhh. Thank you.
-
This is the type of information that is going to stick on the back of my head and guide me. LOVE IT!
-
Great tips for use in any kind of design! Keep attention focused on a very limited area with a bright color. Thank you for sharing.
-
Love how you don’t stretch out your videos unnecessarily. Great presentation and I learned something super quick!
-
So much value for a product designer in just 6 min. 🔥🔥
-
As a newer designer I am glad to have been recommended this video. Helped with my landing page, Thank you sir! You are a gentleman and a scholar!🎉
-
I love this stuff. Breaking it down for anyone to understand is gold. Thank you.
-
That was so good, I always get confused when using colors for my design, but with this rule, it's much easier✨️
-
Wow, this video has solved a lot of clashes that happens between designs, stakeholders & developers. Thank you for making this concept so simple. 👌🏾
-
Man, I have seen a lot of videos about this rule but they always confused me. but this is right on point, Thanks jesse.
-
Really helpful didn't even knew this rule existed
-
I've been making digital designs for my business and projects for years and never realized this. I think I kind of learned to understand it, but always wondered why some of my designs were 🔥 and some were 🗑. Thanks for this info.
