Тёмный

How to Choose Colors (Easy 3-Step Process) 

Flux Academy
Подписаться 822 тыс.
Просмотров 1 млн
50% 1

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!

Опубликовано:

 

3 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 445   
@_aguskhaer
@_aguskhaer 2 года назад
this 60/30/10 method is genuinely effective, now i got the key of reason why experts do a good decision colors
@alex.g7317
@alex.g7317 Год назад
"why experts do a good decision colors"
@cactuz116
@cactuz116 Год назад
@@alex.g7317 who cares. English isnt everybody’s first language
@Kensingtonhawk
@Kensingtonhawk 5 месяцев назад
​@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.
@JohnUntivero
@JohnUntivero 2 года назад
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
@waleedreaper
@waleedreaper 11 месяцев назад
Yes, those are colors that are used to gain trust.
@middleburyastrology
@middleburyastrology 2 года назад
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!
@edma369
@edma369 2 года назад
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:-)
@lucidabi5524
@lucidabi5524 2 года назад
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!
@helenchinweike8080
@helenchinweike8080 3 года назад
Thank you so much for this . You have saved a soul from difficult in selecting colours.
@remusb
@remusb 3 года назад
That smooth zoom from the intro. Smoooth!
@riledmouse4677
@riledmouse4677 2 года назад
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!
@TrueEssencePhotography
@TrueEssencePhotography Год назад
Exactly!!!
@JimmySunders-kr6bd
@JimmySunders-kr6bd 2 месяца назад
@@MountMatze HAHAHAHHAHAHAHAHAHHAHAHAHHAHAHA
@languagelover3343
@languagelover3343 Год назад
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!
@tahiking-hazel603
@tahiking-hazel603 3 года назад
Great content Champ. Can't stop watching your Vids - keep it coming!!! all the way from New Zealand 🤙
@MegaTeeArts
@MegaTeeArts 3 года назад
Thank you so much. This is very informative and helpful, especially for a budding and self taught graphic designer like me. Many thanks.
@samer.mghabghab
@samer.mghabghab 2 года назад
thanks for acknowladging the intelligence of the viewers and the customers in your videos, a lot of graphic designers need to see this
@FluxAcademy
@FluxAcademy 2 года назад
Our pleasure!
@tomoworks5627
@tomoworks5627 2 года назад
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! 🏆
@kylewoodard1900
@kylewoodard1900 Год назад
Whoa - one of the best blends of pace, knowledge and practical application. Impressive video.
@daramolatoluwalope4660
@daramolatoluwalope4660 3 года назад
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
@noskillzdad5504
@noskillzdad5504 2 года назад
well, in "science-world" they are not even colors... ;)
@russianrightnow
@russianrightnow Год назад
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 🌿
@thapryncess3
@thapryncess3 2 года назад
I’ve been searching and reading for hours and now I wish I came across this first!! Thank you!!
@SharonJohnsonFitness
@SharonJohnsonFitness 2 года назад
Thank for for this video. I’m not great at picking colors either. This is so helpful for my work. Appreciate it!
@GrgoPetrov
@GrgoPetrov 2 года назад
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. :-)
@brycecox8249
@brycecox8249 3 года назад
Really appreciated the openness on the topic. Colour is hard at my current level of understanding
@humility0is0a0virtue
@humility0is0a0virtue 3 года назад
Man! You are always right on time! Thanks for sharing!
@adrianapascale3916
@adrianapascale3916 3 года назад
This channel is amazing, thank you for all this useful content!
@kaneki_ken_07
@kaneki_ken_07 2 года назад
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
@benemarci1996
@benemarci1996 3 года назад
Thank you for the quality content! 🙏❤️
@meiyara.manawari
@meiyara.manawari 3 года назад
thank you so much for these! as someone with logic-dominant brain, i suck at creativity. grateful to find your channel 💜
@adipurnomo5683
@adipurnomo5683 2 года назад
You left brain person, don't you? What do you do?
@patriciacoutinho4077
@patriciacoutinho4077 2 года назад
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 :)
@emilycolt9880
@emilycolt9880 2 года назад
Nice video! I like that even your filming setup uses all 3 of your colors, and that you're actually one of them!
@johnmartinpareja2500
@johnmartinpareja2500 3 года назад
Thank you so much for this tip!!! Very helpful
@russelrealeza7142
@russelrealeza7142 2 года назад
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
@roxcastaneda
@roxcastaneda 2 года назад
This was very useful and short, I love short and clear and concise.
@imanealherchi4466
@imanealherchi4466 2 года назад
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.
@nsoneu
@nsoneu Год назад
Love this! Accesibility colors, choosing fonts I would like to see more of this 👌👍
@BrantK147
@BrantK147 Год назад
omg I've been looking for something like this for ages. I can't believe this tool is not more known.
@toluwanimifavouronifade8702
@toluwanimifavouronifade8702 3 года назад
Really helpful tips, thanks Ran!
@VictorCapilla_ESP
@VictorCapilla_ESP 11 месяцев назад
So useful tips! Can't wait to use them on my projects 🔥
@kt1122
@kt1122 Год назад
Thanks for the great video. Short and sweet, to the point.
@Actidad
@Actidad 2 года назад
Very well made video. Much appreciated!
@YamekDrope
@YamekDrope 2 года назад
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
@Foxnet121
@Foxnet121 3 года назад
man i discovered your channel today, it is amazing!
@sirsteadyeddie3478
@sirsteadyeddie3478 2 года назад
this is an amazing video ; im so glad i found this youtube channel. Phenomenal content 10/10
@gustavo15798
@gustavo15798 2 года назад
Thanks a lot for helping non-designer people. Straight to the point. I'm start a project, so it's probaly be needed.
@bbtechie
@bbtechie 2 года назад
Incredible! I love this. Thanks man
@pipeliner8969
@pipeliner8969 2 года назад
this was really well explained! Thanks!
@tieraneycarter5560
@tieraneycarter5560 3 года назад
This is super helpful! Thank you so much :).
@Kids_Toonz
@Kids_Toonz Год назад
This is awesome, I’ve learnt a lot from this I honesty have great issues with my colors and fonts, thank you so much ❤
@picmakerhq
@picmakerhq 2 года назад
5:23 60/30/10 rule always works! It's awesome to watch you bring this up in the colors topic :)
@flix-tw5ow
@flix-tw5ow 2 года назад
Awesome video, thanks so much for simplifying my life this much!
@itsmissalina222
@itsmissalina222 Год назад
This 7 minutes were so useful ! Thank you very much 💜💛🤍
@nickdixon3536
@nickdixon3536 3 года назад
Good video, Keep em coming! 👍🏽👍🏽
@kuroneko9493
@kuroneko9493 3 года назад
been very helpful, thank you. 😊
@CJBuzz-uk8hp
@CJBuzz-uk8hp 2 года назад
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.
@faheemkausar669
@faheemkausar669 2 года назад
super useful. I recently has to plan for colors pallete ideas for a website revamp. This helped a lot!
@chuckolator1859
@chuckolator1859 2 года назад
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.
@dianaavalos3033
@dianaavalos3033 Год назад
This is really good information, clear and to the point!
@amarantakruger8902
@amarantakruger8902 2 года назад
Easy and effective thanks!
@elpidampt9194
@elpidampt9194 2 года назад
This was very helpful!! Thank you very much!!
@camillabrandao_ads
@camillabrandao_ads 2 года назад
Great video as always!
@martamajkowska1046
@martamajkowska1046 3 года назад
Really useful video! Thanks 💙
@Milchenkaa
@Milchenkaa 3 года назад
Super helpful, thanks!
@kawserahmed1471
@kawserahmed1471 3 года назад
thank you man it's really helpful.
@thieutinhte
@thieutinhte Год назад
I need videos like this to develop color thinking. thank you !!!
@taofiqyakubu3036
@taofiqyakubu3036 2 года назад
i havent watched any of your tuts yet .. but from your studio lighting ... i just had to sub bro .. well done sir
@anonymousppl4528
@anonymousppl4528 3 года назад
I spent a few months trying to figure out a color palette for my website. Now I know what I must do. Thanks bro!
@chukaodunna5461
@chukaodunna5461 2 года назад
Lol, you sounded like Thanos 😂
@anonymousppl4528
@anonymousppl4528 2 года назад
@@chukaodunna5461 Hahaha ... yo, that's so funny I definitely sounds like Thanos at the end there. Good catch :)
@hworknet
@hworknet 3 года назад
Cool lesson. It will help me. Thanks. 😊
@irinalinuza8341
@irinalinuza8341 2 года назад
Super helpful video, thank you a lot!
@katinkaza
@katinkaza 11 месяцев назад
love this - thank you so much for this video !!!
@user-zh4vo1kw1z
@user-zh4vo1kw1z Год назад
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.
@mariannethompson8851
@mariannethompson8851 2 года назад
Thank u for this...easily understandable...easy to grasp...
@_onemorestep
@_onemorestep 2 года назад
Thank you for sharing!
@happycloud8790
@happycloud8790 10 месяцев назад
That's very helpful, thank you!
@jaychang100
@jaychang100 2 года назад
this help me out so much, thanks for the great content.
@om.nom.candymadness1256
@om.nom.candymadness1256 Месяц назад
Amazing video! Thanks for clarifying colors! This was tremendously helpful!
@ThomasGrantMacDonald
@ThomasGrantMacDonald 10 месяцев назад
Awesome! Using this right now for a Client website design. Thanks Ran
@iziahw
@iziahw Год назад
This is really helpful! Very valuable resources in this video. Thank you!
@alexbaciu8211
@alexbaciu8211 3 года назад
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.
@shinyshinythings
@shinyshinythings Год назад
Thank you for bringing up the importance of accessibility!
@jeremiahsamuel3707
@jeremiahsamuel3707 2 года назад
This is so helpful. Thanks
@ogundaretaiwo383
@ogundaretaiwo383 2 года назад
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.
@carlosnani
@carlosnani 2 года назад
Thanks a lot. It'll gonna be very useful!
@satah5045
@satah5045 2 года назад
Thanks for the links about colour 😊 it's really helpful
@fahimraffiee3323
@fahimraffiee3323 2 года назад
Thanks for sharing!
@MJallo
@MJallo 9 месяцев назад
Thank you so much. Very helpful tuto.
@lpaveld
@lpaveld Год назад
Useful tip. Thanks.
@comfortigboko9856
@comfortigboko9856 Год назад
it was helpful, thank you.
@jrareising5344
@jrareising5344 3 года назад
Really a useful content...Now I don't have to keep repeating my color scheme subconsciously..
@FluxAcademy
@FluxAcademy 3 года назад
Glad it was helpful!
@MuhammadYamman
@MuhammadYamman 3 года назад
Yes it was really helpful. But there is nothing wrong with using same scheme again and again if fits a brand or business. Don’t be shy to repeat colors in projects.
@amalaliyu8905
@amalaliyu8905 2 года назад
Very helpful video I'm very thankful. Thank you 😊
@sergiokiselov1458
@sergiokiselov1458 2 года назад
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
@kouroshazarian6089
@kouroshazarian6089 Год назад
Awesome tools! Thank you, man. 🤩
@omkarp9943
@omkarp9943 Год назад
Helpful video!!🔥
@ArtVandelayInc
@ArtVandelayInc 2 года назад
Damn. I just signed in just to like this video. Such a great job at summarizing things. Well executed!
@coolabstractart
@coolabstractart Год назад
Thank you for sharing this video.
@jagrutisawant5205
@jagrutisawant5205 2 года назад
This is so helpful thank you .
@promiseigbosonu1455
@promiseigbosonu1455 9 месяцев назад
So helpful.. glad I came across it.. will be trying it out asap
@adamstuartclark
@adamstuartclark Год назад
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.
@1WillyDAVID
@1WillyDAVID 2 года назад
awesome, thanks Ran!
@ashishpondit8183
@ashishpondit8183 8 месяцев назад
thanks, it was really helpful
@kofheartsdesigns
@kofheartsdesigns 10 месяцев назад
thank you for the concise tip!
@mattmeetmatt
@mattmeetmatt 2 года назад
Some of this useful. I would say that relying on algorithms for color choice is not a good idea. It's a quick fix leading to a bigger problem. Taking the time to study a little color theory would be much more beneficial. For example, if a client asks you why you chose those colors to represent their brand, "it's what the computer said would work" isn't going to fly. Start with Josef Albers on color theory and go from there. You'll make much better color decisions.
@aakashhhhhhhh
@aakashhhhhhhh 2 года назад
This video is so helpful. I was stuck with color palette for our website
@xyancpo
@xyancpo 5 месяцев назад
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!
@dominiquevalle3519
@dominiquevalle3519 2 года назад
This was great!! Great link for colors pallettes
@nasimakhanliza1561
@nasimakhanliza1561 3 года назад
Wow,this is great.
Далее
How I make UI color palettes
8:51
Просмотров 378 тыс.
Guess The Drawing! ✍️✨🧐 #shortsart
00:14
Просмотров 1,5 млн
65 Design Terms You Should Know | FREE COURSE
19:37
Просмотров 1,4 млн
Give Your Website a Perfect Color Scheme, Fast & Easy
14:53
18 Hero Section Designs You Can Steal
11:45
Просмотров 669 тыс.
3 Tools to Help You Choose Fonts for Your Projects
6:01
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Просмотров 495 тыс.
Give your site a fantastic color scheme fast
25:55
Просмотров 323 тыс.
60-30-10 Colors - Design Masterclass
8:15
Просмотров 55 тыс.
Understanding Color
23:14
Просмотров 6 млн
Why Color Studies Are So Powerful
10:44
Просмотров 952 тыс.