How to Choose Colors (Easy 3-Step Process)
Vložit
- čas přidán 15. 06. 2024
- Learn to design high end websites with our Web Design Pro course - bit.ly/3WaPu9D
Grab “The Complete Guide to Choosing Colors” for free here 👉 bit.ly/3IMy9iM
Choosing colors for a new project is a daunting task for many (including myself).
There's so much ambiguity involved:
How do I decide on my primary color?
How do I match it with other great colors?
How do I apply all of my colors thoughtfully to my website?
All of these questions are answered in this video through a simple & reliable 3-step process that you can apply to any project.
Timestamps:
00:00 Intro
00:39 Choosing a dominant color
2:00 Add two more colors
4:12 How to apply your colors
Check out our blog post on color (it includes a table explaining the meaning of every color): bit.ly/39fiw2R
If you want to learn more about how to apply color to web design and combine that with great typography, layout, strategy and everything in-between, then check out our 10k Website Process course: bit.ly/39fiPe1
-
Learn how to build custom websites with Webflow FAST:
bit.ly/WebflowWebclass2020
-
Find me on other social media platforms:
Instagram: / ransegall
Twitter: / ransegall
LinkedIn: / ran-segal. .
-
Gear & Book Recommendations: bit.ly/2ohFOuj
#choosingcolors #webdesign #graphicdesign
Thanks for watching the video!
this 60/30/10 method is genuinely effective, now i got the key of reason why experts do a good decision colors
"why experts do a good decision colors"
@@alex.g7317 who cares. English isnt everybody’s first language
@alex.g7317 Being fluent in english is not the flex you think it is. OP knows english cause it's one of the languages he speaks, whereas you know english cause it's the only language you know.
Try having a common sense next time cause what OP said was easy to decipher.
Anyone notice how he's using his colors (purple, peach, black) on his camera with the lights being purple, the skintones close to peach, and background/shirt being black with slight purple
Yes, those are colors that are used to gain trust.
I just love your channel! Your videos are always so clear and concise, and straight to the point. You explain things so well, without being long winded (thank you!). I’m learning so much from you:-)
Love this video :) Thanks so much for making this 60/30/10 clear. I've been designing graphics for years and am finally learning color theory. Thank you!
Waauw this is amazing! Love it how you simplified that! Me too, I find it challenging picking colours & letting them vibe! This 3-step process is amazing!! Thank you!
Wow, this video is one of the most helpful design tools I’ve ever come across. I’m not formally trained in design but I’m really interested in it and I need to understand it for my work. It’s been so hard to comprehend any of the written resources I’ve found. This just simplified things in such an accessible way, and gave me a place to get started from. I know it’s all pretty rudimentary but it feels like the missing link to help me actually begin to come up with a workable color scheme for my businesses. Thank you very much!
Exactly!!!
@@MountMatze HAHAHAHHAHAHAHAHAHHAHAHAHHAHAHA
Thank you!!!! Love this video because it is focused on processes and steps which is so useful for rookies like me who only know the theory and don't even know where to start!
Great content Champ. Can't stop watching your Vids - keep it coming!!! all the way from New Zealand 🤙
Whoa - one of the best blends of pace, knowledge and practical application. Impressive video.
Maaaaaan, I've finally found the video that completely answers my questions about color usage! Thank you so much for these tips. It will help me for sure 🌿
Thank you so much for this . You have saved a soul from difficult in selecting colours.
Thank you so much. This is very informative and helpful, especially for a budding and self taught graphic designer like me. Many thanks.
thanks for acknowladging the intelligence of the viewers and the customers in your videos, a lot of graphic designers need to see this
Our pleasure!
thank you so much for these! as someone with logic-dominant brain, i suck at creativity. grateful to find your channel 💜
You left brain person, don't you? What do you do?
You don’t suck at creativity. You just probably don’t exercise it enough. Studying like you are right now will definitely help you! Good luck :)
I failed my capstone hi-fidelity mock ups just because of color. I cannot tell you how many sources I tried to figure out how to deal with color. This might have finally been the key for me to get past this door. Thank you so FREAKING much! 🏆
That smooth zoom from the intro. Smoooth!
Thank for for this video. I’m not great at picking colors either. This is so helpful for my work. Appreciate it!
Nice video! I like that even your filming setup uses all 3 of your colors, and that you're actually one of them!
Really appreciated the openness on the topic. Colour is hard at my current level of understanding
It took UI for me to start viewing Black and White as Colours I could actually plan with.
In Arts school, it's viewed as neutral colours that you just use to mix other colours for the right tone or shade
well, in "science-world" they are not even colors... ;)
This channel is amazing, thank you for all this useful content!
Amazing video! Thanks for clarifying colors! This was tremendously helpful!
Pretty helpful man, as a designer, color is my weakness. But your short video help me realized the importance of the 60 30 10 rule. Thank you so much for this man, and I'm looking forward to learn more from your upcoming videos
Great tool. Choosing colours truly is a pain in the ass, especially when you have to take into account the print (cmyk, pantone) and the best compromise between the online and printed visual consistency. I am so happy when you just have to do the digital part. :-)
This is a super cool video! I'd love to see more about color usage. Specifically, what is implied by using contrasting colors, compared to similar colors? What is implied by a gradient? And what other techniques are there? I'd love to learn about that. I'm not sure what that's called though.
I’ve been searching and reading for hours and now I wish I came across this first!! Thank you!!
Great video thank you so much, I always waste a lot of time choosing colors and that made me so stressed, now I will stick to your strategy and the website you suggested is great.
Man! You are always right on time! Thanks for sharing!
Thanks a lot for helping non-designer people. Straight to the point. I'm start a project, so it's probaly be needed.
This is awesome, I’ve learnt a lot from this I honesty have great issues with my colors and fonts, thank you so much ❤
this is an amazing video ; im so glad i found this youtube channel. Phenomenal content 10/10
This was very useful and short, I love short and clear and concise.
Thanks Flux, it helped me a lot in choosing a color for my site, you explained pretty clearer than most of the videos on internet
i havent watched any of your tuts yet .. but from your studio lighting ... i just had to sub bro .. well done sir
Love this! Accesibility colors, choosing fonts I would like to see more of this 👌👍
Thanks for the great video. Short and sweet, to the point.
5:23 60/30/10 rule always works! It's awesome to watch you bring this up in the colors topic :)
This 7 minutes were so useful ! Thank you very much 💜💛🤍
Awesome video, thanks so much for simplifying my life this much!
I love all these rules. Although they're helpful for beginners and sophomoric designers. I think more experienced and capable designers get expand on this beginner palate.
This is really good information, clear and to the point!
Thank you so much for this tip!!! Very helpful
super useful. I recently has to plan for colors pallete ideas for a website revamp. This helped a lot!
This is really helpful! Very valuable resources in this video. Thank you!
Thank you for the quality content! 🙏❤️
I need videos like this to develop color thinking. thank you !!!
So useful tips! Can't wait to use them on my projects 🔥
man i discovered your channel today, it is amazing!
omg I've been looking for something like this for ages. I can't believe this tool is not more known.
This is super useful to me. Sometimes, I create great designs by luck. Because I really have big issue with color combination. Thanks a lot. From Nigeria.
this 60/30/10 method is genuinely effective, now i got the key of reason why experts do a good decision colors
Tnx ! great vudeo
This was very helpful!! Thank you very much!!
Really helpful tips, thanks Ran!
Thank u for this...easily understandable...easy to grasp...
Thanks for the links about colour 😊 it's really helpful
So helpful.. glad I came across it.. will be trying it out asap
Great video! Thanks for sharing! I have been using myColour for a long time and is defo a life saver tool!
This is super helpful! Thank you so much :).
You said a process and I saved the video immedietly. I am sure this is a great video even before i watch it. thank you for sharing
Very well made video. Much appreciated!
I spent a few months trying to figure out a color palette for my website. Now I know what I must do. Thanks bro!
Lol, you sounded like Thanos 😂
@@chukaodunna5461 Hahaha ... yo, that's so funny I definitely sounds like Thanos at the end there. Good catch :)
love this - thank you so much for this video !!!
Thank you so much for helping me choose a color.
Now I can decide on the colors of my company logo. :)
This is a very helpful starting point and works great for basic designs. However, I want to encourage everyone to not stop here with learning about palettes, because once you get into more than just simple brochure sites things start to change. In those cases starting with 3 colors like this is still your best bet, but you will most likely have to create shades for each of them. Add to that messaging colors (your reds for errors, greens for success, and so on) and things can easily start to get out of hand. On top of all that you will also have to manage the contrast between your colors so you can keep your UI's accessible.
Thank you for bringing up the importance of accessibility!
this was really well explained! Thanks!
This video is so helpful. I was stuck with color palette for our website
Thanks for this video! I learned a lot from it. Choosing colors is for me a difficult part of designing and branding. :(
That's why I always look for premade color palettes to help me. (And they work for me for 99% :P)
That 60 / 30 / 10 rule sounds very interesting. Do you have or know any more indept video's or blogs? I'm very curious about it....
Mostly because I'm the type of designer who gives my colors a function and uses the same color everytime again. So in one project every headers are the same color and the same for buttons.
But hearing and seeing that I can work with it differently makes me very happy and curious to learn more about it.
The most thing i hate about design is color plates especially when my clients have their color already. This video is very helpful i kinda understand what to do next time. Thanks
Awesome! Using this right now for a Client website design. Thanks Ran
I tend to use this approach but with two groupings ("main stage" and "supporting acts").
"Main Stage" colours are brand inspired, while "Supporting Acts" are derived from a functional UI standpoint (error/success states, links, etc). It's important to know if these will clash.
Very helpful video I'm very thankful. Thank you 😊
Super helpful video, thank you a lot!
Damn. I just signed in just to like this video. Such a great job at summarizing things. Well executed!
been very helpful, thank you. 😊
That's very helpful, thank you!
this help me out so much, thanks for the great content.
Incredible! I love this. Thanks man
thank you man it's really helpful.
Awesome explanation for the 60/30/10 rule. Great Video.
Cool lesson. It will help me. Thanks. 😊
Thank you so much. Very helpful tuto.
Good video, Keep em coming! 👍🏽👍🏽
Thanks a lot. It'll gonna be very useful!
This was great!! Great link for colors pallettes
i found this chanel today.there are lots of usefull things for frontend developer
This was really helpful. Thank you
thank you for the concise tip!
Really useful video! Thanks 💙
Easy and effective thanks!
Awesome tools! Thank you, man. 🤩
Thank you for the information, i always see people use this design recipe in their deisgn, and i wanna find how gladly i found the video!
Thank you! Very nice explanation. Keep up good work. Cheers! :)
Great video as always!
I am new to ux/ui design and I am loving this video! I wanted to know if you can you make a video a about color and ADA (accessibility) compliance.
Hey, this was really interesting. I like that website that gave you the additional colors.
This is so helpful thank you .
Thanks for this amazing one!
Super helpful, thanks!
This is really informative and helped me alot, I was just wondering is there a tutorial about how to pick a gradient color
The thing to remember about colour meaning is that a lot of it is culture and context bound. McDonald's now using green in their logo is very different than a logging company. Bright blue used to indicate extreme wealth. In some regions white clothing is specifically related to mourning.