Hello, very nice work, i love your videos and i am considering to buy your large course, but there is something i do not understand, I have a question. When you say, you have black-white-cream as primary, blue as secondary, and fucsia&gold as accent. What is the proportion between the three primary colors? if we share the 60% between black-white-cream, does it mean we should use 20% of black, 20% of white and 20% of cream? how can then these be primary if we are gonna use them LESS than the secondary blue which is 30%? Thank you for your help! :)
This isn't a sob story... I went to university to learn design around 18 years ago. The course was poor, the teaching was dire, it was oversubscribed and woefully underfunded - unfortunately we didn't realise until too late, probably naivety on our part. Fast forward to today and after a few safe corporate in-house roles I've realised I'm nearly 40 and I lack so many of the basic skills - I'm being shown up by junior designers in terms of basic knowledge, and I'm being shamed in front of other colleagues. To the point recently where I considered retraining in something else. As a last chance, I've made a conscious effort to really refresh my skills (or learn in the first place...) and am going through huge amounts of content such as this - it's genuinely bringing back the enthusiasm I had some 18-20 years ago to create, solve problems and enjoy doing my work. Thanks a lot for this - and am hoping to purchase some of the Futur courses soon, just need to be a bit mindful of spending at the moment... Edit - I bought the colour course. Thanks Greg!
Really enjoyed reading your comment. I've been in video and frequently am required to make decisions for text and colors and I didn't go to design school (just took 1 beginner class) and so am overwhelmed by the clean layouts and colors I see on high design videos. It's distressing to see young new graduates who really went to art school and seem to magically know how to create visually amazing video while I struggle just picking colors. It's so nice to see something like this break down what feels like secret information that I'll never have because I didn't go to design school.
I know how that feels. I am currently taking a course [to graduate on May, 21] and my design courses were kind of non-existent for sure. Glad that I was focussing more on other parts of marketing and designing was never my war to fight. I just keep upskilling myself, just in case.
Every one is teaching how to create a palette but you are the one who taught us how to properly apply them and the impact of percentages / ratios of each color on the design ! Precious stuff for free ! Keep creating.
I can't believe this is free. This is a 200 page book content spread across few 10 minute videos. You're amazing man, thank you for sharing your knowledge.
@@DanielDogeanu I can't! Their videos are very magnetic. Send halp pls. 😂 Thruth is, I'm a backend web developer wanting to up my web design skills. The rules they give to apply the colors are so good that even after having no design skills, I was able to apply it.
This was an amazing video! Guys, please give us more Gregg Gun content, he's amazing infront of the camera and his teaching is so simple and entertaining and straight to the point
I don't know how this guy is super talented to explain this complex content in such a simple way!!!!. I am a UX UI designer with few years of experience but I was struggling with choosing the color palettes and I think most of the designer face this problem. I read through some of the article/ books recap the color theory once again , dig down hot to choose color palletes but I was still struggling to use color palletes in my design in right way. I am shocked, speechless , happy and don't know exact words how can I express my emotion what I am feeling now after watching this video and clearing the concept.
I can't thank you enough for this. It's SO HARD to find tutorials on color. Yes, I get the whole colors have meaning and what not. But, if you actually intend to use color, not just the whole minimal, all white + 1 color kinda thing, it's very hard to find quality material on how to use those colors. Plus, you are an amazing speaker! So fun to watch.
unbelievable nowdays what a quality educational content someone could get for free online , thank you for this informative video i've been struggling with proper use of colors in my designs .
Great tutorial. Many thanks for sharing your insights, Greg. 😊 Since I am coming back once again, I add some time stamps for the respective chapters that might as well serve as a checklist: [ 00:00 ] Introduction [ 00:17 ] How to NOT use colour palettes (introduction to the exemplary landing page) [ 01:02 ] Colours: Context [ 01:20 ] 60-30-10 rule [ 01:38 ] 60-30-10 rule - examples [ 02:19 ] Applying the 60-30-10 rule to the exemplary web page [ 02:25 ] Color ratio (starting point) [ 02:37 ] Choosing the primary and secondary colours as well as accents [ 04:07 ] Defining the basic colour rules for backgrounds and typography depending on what colours work together [ 04:07 ] Backgrounds [ 04:39 ] Headlines (incl. legibility 05:00) [ 05:39 ] Links [ 06:50 ] Buttons [ 07:59 ] Design elements (for decoration or else) [ 09:15 ] Applying the newly defined colour rules on the exemplary landing page [ 09:40 ] Menue [ 09:45 ] first section / basics [ 10:15 ] second section / basics [ 10:44 ] third section (main call to action) / basics [ 10:58 ] stepping back and looking at the landing page on a whole [ 11:14 ] fine tuning the illustrations / simplifying using the visual hierarchy [ 12:45 ] recap
struggled with applying colour palette nicely for a long time and I tried to put this in practice just now and wow I'm very blown away right now. I MIGHT REALLY SIGN UP FOR THE CLASS
Well that blew my mind. By knowing some color theory I could create my own color palettes, but it was still as frustrating as trying to use the nice looking 'popular' palettes, simply because I had no idea how to actually use the colors. This is the first video I've seen on color that has a very practical set of rules to visualise the proportions you should use (according to the 60-30-10 rule) and how to choose good pairings between the individual colors. Thanks a lot!
There's just one thing that makes an instructor unique. You're pedagogically skilled. Your ability to break down complex topics like this one is exceptional. It took me about 6hrs of searching for videos like this. You just got a +1 loyal subscriber.
This is awesome, no one's really explaining HOW to use the color palette - this really helps understand how to build the palette in the first place since the vision becomes clearer. Thanks for this awesome tutorial! :D
I'm not into commenting and giving feedback - but for the very first time I feel i can use colors and to be afraid plus i know know how to experiment and try different colors - thank you Greg you're an awesome teacher
2 suggestions: - always check contrast ratio for accessibility (most of your choices won't pass WCAG guidelines) - try using Figma for UI, way easier than Illustrator
The new color scheme and layout you chose at the end felt more professional, but I can't help but feel that the joy that the original one invoked stayed. The colors being tinted mostly blue and black made them feel more regal and professional, and the toning down of the yellow made it feel less ... edgy? Alternative? I didnt like how the colors were used in the first layout, I mean they were real eye bleeding, and while the second one is more appealing, it does feel like the zest has evaporated, and looks more like Im on the snacking site to do my taxes or something serious, when the subject you colored was not serious.
I think you feel like the new version is less exciting because you’re no longer being overwhelmed. The main issue with the first version was that it didn’t have any plan on how the colors were going to be used. The second one happens to look more professional because of the use of neutrals as a background, but I think the most important quality (and the lesson you should learn from it) is that it is now cohesive and leads the viewer to the most important parts of the page. The pink, blue, and yellow could probably still be primary colors if you can find a way to use them following the suggestions in the video.
The original colors of the snack illustration reminded me of taco bell, yum. But the second version did feel more professional business-y. Otherwise I think all the other colors looked better simplified.
I feel like it went a little bit TOO neutral on some parts. But that pure pink background was just too much. I would have liked it if he made the background strings from the second strip yellow so it doesn't blend in so much tho. And the blue went a little bit overboard on the first illustration
@@davidkonevky7372 i agree that the first illustration was too much and really hard to see, but it looks kinda fun and wild not gonna lie:) And i do think it did need some more structure with the saturation of the colors...and colors in general:)
This was excellent!!! My biggest take away is "The reason color is so hard to work with is because it's use is based on CONTEXT." That is a huge revelation for me. Big games changer. Thank you Greg Gunn!!!!
i loved the lesson! didnt love the end result much tbh but hey to each his own. Just thought it could've used a different palette entirely but his methods are rock solid, I love it. SUBSCRIBED
The futur and the futur Academy- my favourite UA-cam channels so far. I'm so sold out to these channels. Such immense value! Team 1Bminus1 all the way (cheering you all from Nigeria ). I am surely a beneficiary of this vision 😄
Whaaaaa In just 13 minutes you showed us what i've learned in first year at art college... what you showed us is amazing. Its simplified and its clear. Thanks!
THANK YOU THANK YOU THANK YOU THANK YOU!!! Colors can be so damn confusing but these techniques make it so much efficient! I have 2 quick questions I was hoping you can help me with: 1) On a website/app that has a lot of vector illustrations, would you recommend using a different color palette altogether, just for illustrations, instead of the UI color palette 2) I have seen a lot of UI style guides that have a primary color palette (5 or 6 colors)... and then they have a secondary color palette (another 5 to 6 colors and the instructions are " use colors from the secondary palette when the primary palette isn't enough" .. what does that mean? When should we use secondary palletes? Thank you once more!
1) I'd try to stay within the brand’s existing palette, but maybe a simplified version with fewer colors. Kind of like what I did in the video here. 2) Depends on the brand guidelines and how that brand uses color. Typically, those tertiary colors are used to expand the palette when/if needed and very rarely.
I really love the example you gave on using the color ratio the right way to help user's better perceive things , but i have a question ,why does the website use so many colors , since a company would have a specific color for their brand identity ?
Man this is the video i was looking for so long like everyone talking about color theory but no one explains how to apply that Thanks for sharing this info
This is the best video on color out there. I'm going to use this to redesign my portfolio right now. If you haven't subscribed to this channel yet, you are missing out on so much valuable content like this.
OK. Take this follow! This was really useful. Love the upfront work you did to create the color pairings. Love how you paired color with “calls to action.”
🎨 Want to learn more about color? Sign up for our color course - bit.ly/ColorCreatives
whew! Chile you just spilled some major tea right here. I am totally feeling this.
@@PHlophe BMW g
Mg 0 and a lot cc are. OP cut c z the
Hello, very nice work, i love your videos and i am considering to buy your large course, but there is something i do not understand, I have a question. When you say, you have black-white-cream as primary, blue as secondary, and fucsia&gold as accent. What is the proportion between the three primary colors? if we share the 60% between black-white-cream, does it mean we should use 20% of black, 20% of white and 20% of cream? how can then these be primary if we are gonna use them LESS than the secondary blue which is 30%? Thank you for your help! :)
thank you so much for such use full information, i learned a lot here and use those tips in my videos ua-cam.com/video/ZkNjI0EOMNY/v-deo.html
thank you so much for such use full information, i learned a lot here and use those tips in my videos ua-cam.com/video/ZkNjI0EOMNY/v-deo.html
This isn't a sob story...
I went to university to learn design around 18 years ago. The course was poor, the teaching was dire, it was oversubscribed and woefully underfunded - unfortunately we didn't realise until too late, probably naivety on our part.
Fast forward to today and after a few safe corporate in-house roles I've realised I'm nearly 40 and I lack so many of the basic skills - I'm being shown up by junior designers in terms of basic knowledge, and I'm being shamed in front of other colleagues. To the point recently where I considered retraining in something else.
As a last chance, I've made a conscious effort to really refresh my skills (or learn in the first place...) and am going through huge amounts of content such as this - it's genuinely bringing back the enthusiasm I had some 18-20 years ago to create, solve problems and enjoy doing my work.
Thanks a lot for this - and am hoping to purchase some of the Futur courses soon, just need to be a bit mindful of spending at the moment...
Edit - I bought the colour course. Thanks Greg!
Just give that man a like
Really enjoyed reading your comment. I've been in video and frequently am required to make decisions for text and colors and I didn't go to design school (just took 1 beginner class) and so am overwhelmed by the clean layouts and colors I see on high design videos. It's distressing to see young new graduates who really went to art school and seem to magically know how to create visually amazing video while I struggle just picking colors. It's so nice to see something like this break down what feels like secret information that I'll never have because I didn't go to design school.
Wow, "bringing back the enthusiasmn" made me smile.
wholesome!
I know how that feels. I am currently taking a course [to graduate on May, 21] and my design courses were kind of non-existent for sure. Glad that I was focussing more on other parts of marketing and designing was never my war to fight. I just keep upskilling myself, just in case.
Every one is teaching how to create a palette but you are the one who taught us how to properly apply them and the impact of percentages / ratios of each color on the design ! Precious stuff for free ! Keep creating.
very true
Fr this is the only video that showed how to use it😭
Dang I wish my art college is as entertaining as this.
Wish mine was too.
Haha! Even i wished my art college shared this technique earlier. But happy to know now☺️
Wish i went to art college
I wish i went to an art college from the beginning
@@danielthephan same sadness
I can't believe this is free. This is a 200 page book content spread across few 10 minute videos. You're amazing man, thank you for sharing your knowledge.
I'm not even a designer and I'm here, that's how good this video is.
Brah! That's how you become a designer! Run away before it's too late! 😂
@@DanielDogeanu I can't! Their videos are very magnetic. Send halp pls. 😂 Thruth is, I'm a backend web developer wanting to up my web design skills. The rules they give to apply the colors are so good that even after having no design skills, I was able to apply it.
@@DanielDogeanu Here's a sample of what I made from this video haha imgur.com/a/yfJjEBO
@@DanielDogeanu why should he run?
@@Heisenberg-xc8ub looks good
This was an amazing video! Guys, please give us more Gregg Gun content, he's amazing infront of the camera and his teaching is so simple and entertaining and straight to the point
You are very nice.
I NEEDED a video like this. You're right when you say that it's content that we crave!
I don't know how this guy is super talented to explain this complex content in such a simple way!!!!. I am a UX UI designer with few years of experience but I was struggling with choosing the color palettes and I think most of the designer face this problem. I read through some of the article/ books recap the color theory once again , dig down hot to choose color palletes but I was still struggling to use color palletes in my design in right way. I am shocked, speechless , happy and don't know exact words how can I express my emotion what I am feeling now after watching this video and clearing the concept.
I can't thank you enough for this. It's SO HARD to find tutorials on color. Yes, I get the whole colors have meaning and what not. But, if you actually intend to use color, not just the whole minimal, all white + 1 color kinda thing, it's very hard to find quality material on how to use those colors. Plus, you are an amazing speaker! So fun to watch.
unbelievable nowdays what a quality educational content someone could get for free online , thank you for this informative video i've been struggling with proper use of colors in my designs .
I second that! Wow
Great tutorial. Many thanks for sharing your insights, Greg. 😊
Since I am coming back once again, I add some time stamps for the respective chapters that might as well serve as a checklist:
[ 00:00 ] Introduction
[ 00:17 ] How to NOT use colour palettes (introduction to the exemplary landing page)
[ 01:02 ] Colours: Context
[ 01:20 ] 60-30-10 rule
[ 01:38 ] 60-30-10 rule - examples
[ 02:19 ] Applying the 60-30-10 rule to the exemplary web page
[ 02:25 ] Color ratio (starting point)
[ 02:37 ] Choosing the primary and secondary colours as well as accents
[ 04:07 ] Defining the basic colour rules for backgrounds and typography depending on what colours work together
[ 04:07 ] Backgrounds
[ 04:39 ] Headlines (incl. legibility 05:00)
[ 05:39 ] Links
[ 06:50 ] Buttons
[ 07:59 ] Design elements (for decoration or else)
[ 09:15 ] Applying the newly defined colour rules on the exemplary landing page
[ 09:40 ] Menue
[ 09:45 ] first section / basics
[ 10:15 ] second section / basics
[ 10:44 ] third section (main call to action) / basics
[ 10:58 ] stepping back and looking at the landing page on a whole
[ 11:14 ] fine tuning the illustrations / simplifying using the visual hierarchy
[ 12:45 ] recap
struggled with applying colour palette nicely for a long time and I tried to put this in practice just now and wow I'm very blown away right now. I MIGHT REALLY SIGN UP FOR THE CLASS
Well that blew my mind. By knowing some color theory I could create my own color palettes, but it was still as frustrating as trying to use the nice looking 'popular' palettes, simply because I had no idea how to actually use the colors. This is the first video I've seen on color that has a very practical set of rules to visualise the proportions you should use (according to the 60-30-10 rule) and how to choose good pairings between the individual colors. Thanks a lot!
This is the best video about color on the internet
There's just one thing that makes an instructor unique. You're pedagogically skilled. Your ability to break down complex topics like this one is exceptional. It took me about 6hrs of searching for videos like this. You just got a +1 loyal subscriber.
love thing this series on colors. what I am most happy about is the style of presentation from Greg is informative with a handsome sense of humor.
This is awesome, no one's really explaining HOW to use the color palette - this really helps understand how to build the palette in the first place since the vision becomes clearer. Thanks for this awesome tutorial! :D
This is probably the best tutorial I've watched on how to use color. Wow!
THIS is singlehandedly THE best branding video on YT. The creation of rules is hella key. Thank you.
I'm not into commenting and giving feedback - but for the very first time I feel i can use colors and to be afraid plus i know know how to experiment and try different colors - thank you Greg you're an awesome teacher
This was so fun to watch! I like how you added bits of humor but still made a great video. Thank you so much.
2 suggestions:
- always check contrast ratio for accessibility (most of your choices won't pass WCAG guidelines)
- try using Figma for UI, way easier than Illustrator
You have the best microphone I have ever hear on UA-cam.
You guys are always coming through with the timely videos
the other guy on youtube gives history but never actually teaches how to go about, thanks man you deserver more subscribers:)
Gregg "Top" Gunn taking our breath away
Thanks, Ice Man.
The new color scheme and layout you chose at the end felt more professional, but I can't help but feel that the joy that the original one invoked stayed. The colors being tinted mostly blue and black made them feel more regal and professional, and the toning down of the yellow made it feel less ... edgy? Alternative? I didnt like how the colors were used in the first layout, I mean they were real eye bleeding, and while the second one is more appealing, it does feel like the zest has evaporated, and looks more like Im on the snacking site to do my taxes or something serious, when the subject you colored was not serious.
I think you feel like the new version is less exciting because you’re no longer being overwhelmed. The main issue with the first version was that it didn’t have any plan on how the colors were going to be used. The second one happens to look more professional because of the use of neutrals as a background, but I think the most important quality (and the lesson you should learn from it) is that it is now cohesive and leads the viewer to the most important parts of the page. The pink, blue, and yellow could probably still be primary colors if you can find a way to use them following the suggestions in the video.
@@NasukaStar I agree! Thank you.
The original colors of the snack illustration reminded me of taco bell, yum. But the second version did feel more professional business-y. Otherwise I think all the other colors looked better simplified.
I feel like it went a little bit TOO neutral on some parts. But that pure pink background was just too much. I would have liked it if he made the background strings from the second strip yellow so it doesn't blend in so much tho. And the blue went a little bit overboard on the first illustration
@@davidkonevky7372 i agree that the first illustration was too much and really hard to see, but it looks kinda fun and wild not gonna lie:) And i do think it did need some more structure with the saturation of the colors...and colors in general:)
This was excellent!!! My biggest take away is "The reason color is so hard to work with is because it's use is based on CONTEXT." That is a huge revelation for me. Big games changer. Thank you Greg Gunn!!!!
Most useful straight forward and practical series on youtube period. Thank you
NEEDS MORE VIDEO FROM GREGG!! I NEED IT
i loved the lesson! didnt love the end result much tbh but hey to each his own. Just thought it could've used a different palette entirely but his methods are rock solid, I love it. SUBSCRIBED
The futur and the futur Academy- my favourite UA-cam channels so far. I'm so sold out to these channels. Such immense value! Team 1Bminus1 all the way (cheering you all from Nigeria ). I am surely a beneficiary of this vision 😄
This is the greatest design tip I have ever learned THANK YOUUUUU.
What an awesome exercise!!! Def helped! Thanks 😊
I had to watch this muted and with subtitles but after that it's an incredibly useful video! straight to the point and very pragmatic. Awesome video!
Best video in showcasing colors in use. Thank you.
Whaaaaa In just 13 minutes you showed us what i've learned in first year at art college... what you showed us is amazing. Its simplified and its clear. Thanks!
THANK YOU THANK YOU THANK YOU THANK YOU!!! Colors can be so damn confusing but these techniques make it so much efficient! I have 2 quick questions I was hoping you can help me with:
1) On a website/app that has a lot of vector illustrations, would you recommend using a different color palette altogether, just for illustrations, instead of the UI color palette
2) I have seen a lot of UI style guides that have a primary color palette (5 or 6 colors)... and then they have a secondary color palette (another 5 to 6 colors and the instructions are " use colors from the secondary palette when the primary palette isn't enough" .. what does that mean? When should we use secondary palletes?
Thank you once more!
1) I'd try to stay within the brand’s existing palette, but maybe a simplified version with fewer colors. Kind of like what I did in the video here.
2) Depends on the brand guidelines and how that brand uses color. Typically, those tertiary colors are used to expand the palette when/if needed and very rarely.
This is amazing. I'm learning a lot especially considering I'm self-learning during this lockdown period. And it's so much FUN!!!
Just the kind of value I want my youtube channel to give.
JESUS GREG WHY ARE YOU SO GOOD AT THIS
All of Greg's videos are gold! Thank you!
OK Greg is awesome at tutorials. Yall have the best people working for yall sheesh
Awesome colour education. I particularly struggled so far with finding the right colours. Am starting to use this way now - thanks for sharing
That demo practice in the video is great!
It was surprisingly pleasing to watch!
I really love the example you gave on using the color ratio the right way to help user's better perceive things , but i have a question ,why does the website use so many colors , since a company would have a specific color for their brand identity ?
So helpful to see the whole process. Thanks. Color use is my biggest battle to date.
Your course is 👍 Learning so much! Thank you Gregg!
Happy to hear it, Dharshini!
Man this is the video i was looking for so long like everyone talking about color theory but no one explains how to apply that
Thanks for sharing this info
This is the BEST WAY to how use a color pallet! I like it this trick! thank you so much! 😍
I'm all over! The end result is crazy convincing! 👍🏼
This video is... quality, quality, and quality content! Thank you very much, Greg and The futur!
Definitely helpful! You have an amazing teaching style!
This is one of the best video I watched in 2022 about colors.
Awesome. Great video on how to actually use the colour palette. Thanks
This is worth it watching...
Too many information narrated in a simple yet effcetie way
Tnx for this video
Im officially watching all of Greg's videos!
This is the best video on color out there. I'm going to use this to redesign my portfolio right now. If you haven't subscribed to this channel yet, you are missing out on so much valuable content like this.
Chef's kiss to this video
Thank you for figuring out my brand color , this was best video ever seen in this subject!
EMMMHHHHH, HEADSHOT.........!!!!! THIS ITS THE BEST TUTTORIAL I EVER SEEN FOR COLORING THANKS GREGG
Thanks Greg 👏
You integrated the color palette into the video thumbnail itself. Loved it.
This was really useful, that will help a lot with the current project that I'm working on at the moment
OK. Take this follow! This was really useful. Love the upfront work you did to create the color pairings. Love how you paired color with “calls to action.”
Glad you liked it!!
Such a timeless video on color. Thank you for sharing and spreading your love for color~
Finally the course I was looking for !
Thanks a lot !
Boom boom..... Lv it....
wow... you won my heart, just going to watch and learn more.
Amazing video. Simple, effective, with application… Thank you!
Gold, pure gold. I need that course for sure!!!!
Underrated channel
Awesome Video with lots of valuable info. Thanks for taking the time to make it!
Greg, a man, a god, a myth of colors.... Thanks a lot for this class
You are welcome.
Wow wow wow!
Omg this was such an amazing video. Didn't even realize I reached the end of it.
Kudos to you for such amazing content!
Subscribed real quick! Amazing information, simply delivered and entertaining. We Applaud you , good person !
This was extremely helpful, doing this for all my projects form now on Thank you.
that's an excellent and direct approach to the use of color! Thank you, Greg!
so satisfying. I love it.
Amazing video! You saved me a lot of headache in managing colors. Thank you!!
you’re amazing Greg
I just want you to know, I’ve been looking for these color application videos my whole life! Thank you so much!!!
I learned sooo much from this, needed this!
Thank you for the amazing video man, this will help my brand and me to be more consistent and creative!
Keep those coming! Greg's color videos are the most useful and practical raw design knowledge on the channel imo!
What a nice lesson, its really fun to watch, the way you throw the puchline is just unbelivable dude
I keep coming back for more Greg, atta boy.
your tutorial is so informative and enjoyable . The simple non-formal way you talk makes it fun and interesting for student.
Wow, this is awesome work.
Love your content and your personality Greg! More colour content please!
Thank you and yes!
That one was awesome... Definately need more of Greg
So, this is how magic happen in design of colours usages, wonderful and thanks.
Greg's tutorials are always funny 😂 Shout out man 🔥🔥🔥
wow, thank you, really opens up my perspective on how to manage colors, thank you
Very useful and applicable tips! Thank you so much for sharing!
I reaally like your style! Thank you for these amazing videos.
Thank you for such a great video, and for free! What a great gift!