Thank you for making such a comprehensive presentation about using colors effectively in UI design. Please make a short presentation or may be a video tutorial on 60-30-10 rule of applying colors.
Hi Elizabeth - this video is so brilliant as you as you open up a multitude a possibilities in colour combinations through the use of just one colour. This in turn make designer products slick, minimalistic and aesthetically pleasing. Just the way they should be. Thank you for this amazing tip.
Thank you Damien! That was exactly my hope for the video, which you so articulately stated 😀 thanks, as always for your support. Hope you are keeping well
first and most important: Thank you! Very nice explained videos. Then (fun fact): as not only a software engineer but also as a hobby: audio engineer and game sound designer (more orchestral composition and foley for the latter) I've learnt: mixing colors is like mixing audio, so why the noise in the background ;) you really can adopt the knowhow about design to make it sound (pun intended) 🎉
Thanks for your thoughts here! I do touch on that in this video @2:38 th-cam.com/video/wuZuvhF4u6U/w-d-xo.html but could definitely consider expanding more on that, however it's respective of the design software that you are using (ie. sometimes you'll be looking at a color spectrum vs a wheel).
Thanks Martin. For this particular video I didn't go into color as applied to UX or usability hieristics for components states. This is really just focused on pairing hues for UI visual elements. In terms of errors, warning and success...there are some standard color guidelines that we normally follow (along with applying contrast standards). Red for error, yellow for warnings, orange for transient warnings, green for success/encouragement. These are generally universally understood to be good practice. Hope that helps!
Thank you Chio!! So instead of dragging your color picker all the way to solid gray or black. Start with your brand color and drag it into the back or gray (but keep it to where you can still see that brand color peaking through). For example, if your brand color is purple, your gray should be a purple-ish gray or if it’s green, a green-ish gray or whatever your main color is. Make sense? It should be subtle but by having a little hint/tint of that main color mixed in you get a really nice harmony between colors and something to ground your palette! 🎨
I really don't want to toot my own horn but I never studied this and just ended up figuring out _all_ of these exact same things. Not even kidding. Yes, I know this comment is cringe. I'm sorry. :( Excited to subscribe and see more! You really condensed color stuff down to the perfect essentials.
Not cringe at all! haha that's pretty much how I learned this all too!! Thanks Cory, means a lot that it makes sense to others the way it finally clicked for me. More to come!
@@elle8995 I've been in design for a good amount of time now and this was a great way start thinking more concisely about color selection. It was both affirming of previous knowledge as well as inspiring for future projects. I particularly liked the pallet presentation at 3:34 and the shade/saturation insights at 2:39.
This is such appreciated feedback @Noah Thul! Having taught color theory in different ways over the years I noticed my students found it most helpful when I related things back to the color picker (which is the main vehicle through which we and apply this information in our design process ). I'm glad to hear this resonated with you too and for you stopping by to say as much.
Hi @Yasir the font for all of the headings including 'Color Theory' is Futura PT in Bold and the subheadings including 'Revolves around the color wheel' are Futura PT in Book. Thanks for watching!
Ha yeah, the sound is rough during the intro. It has been fixed in current videos (ashame I can't reupload this one) Thanks for watching anyway! Cheers.
@@DesignerUp No cringe at all, and there isn't anything wrong with the way you talk, it was just something I noticed by mistake, your video is informative.
Hello, 2002budokan The education and preparation you receive from a high quality education correlates to your ability to earn a higher income. It is an investment in your future that enables you to make more money. We know how expensive this can be for some and have managed to make our course the most affordable program of its kind by far. We also offer generous discounts and other course packages to those that are in need. The value you receive from our program, as our students will tell you is well beyond the cost. Just to give you some perspective if you’ve ever looked into other similar programs: Our DesignerUp Course - $997 USD General assembly - $14950 USD Springboard- $9891 USD Career foundry - $6999 USD Designlab - $6749 USD We also offer endless free content and talks for those that are not able to invest this much in their career
📚Watch more lessons like this in our Product Design (UI/UX) Course - designerup.co/product-design-ui-ux-course
I just love how calm and steady she is. This channel is way too underrated.
Appreciate that @Lancebear. 😊
Wonderful to finally see someone connecting the theory behind colors with the practical aspect of applying them in your work. Well done!
Cheers! Thanks a lot
Thank you for making such a comprehensive presentation about using colors effectively in UI design. Please make a short presentation or may be a video tutorial on 60-30-10 rule of applying colors.
Awesome video. The "less is more" approach always surprises me with how well it works
MaxM that’s exactly it!
i have been struggling with colors, watched alot of videos but this made it easy for me to understand. Thank you from a picky understanding brain
So happy to hear that. You’re welcome, from one picky brain to another 💜🤓
Thank God I can finally sleep. Ended up watching this and be able to fully grasp how to choose a color and how color theory works in a nutshell
That’s wonderful to hear 😀Best of luck
Hi Elizabeth - this video is so brilliant as you as you open up a multitude a possibilities in colour combinations through the use of just one colour. This in turn make designer products slick, minimalistic and aesthetically pleasing. Just the way they should be. Thank you for this amazing tip.
Thank you Damien! That was exactly my hope for the video, which you so articulately stated 😀 thanks, as always for your support. Hope you are keeping well
Great Video, i really like how you broke down how to pick our colors if choosing a monochromatic approach.
Thank you Andi! I'm happy that you found it useful.
Thanks for sharing this. You make learning fun and simple, thats truly an art.
That means a lot, thank you very much 😊
first and most important: Thank you! Very nice explained videos. Then (fun fact): as not only a software engineer but also as a hobby: audio engineer and game sound designer (more orchestral composition and foley for the latter) I've learnt: mixing colors is like mixing audio, so why the noise in the background ;) you really can adopt the knowhow about design to make it sound (pun intended) 🎉
Your speaking tone is brilliant 🙌💜 - great channel content as well! You’ve got a new subscriber 👍
So happy to hear that Ashton! 💜 Thank you! 😊
Wow I now know how to select colors when it comes to design. This is really helpful
Really happy to hear that Kweku!
Really underrated! Great video!
Thanks!
Wow! what a huge Level Up!
anybody feel like we should of paid for this? lol this was amazing!
Haha that really made me laugh and smile. Thanks for that Mark.
I really didn't not get kind of information from my high reputed college❤️
Dont give them ideas
Damn, best video on color theory I've ever seen...and I've seen a lot of them. ty!
Thank you for this very doable tut! Excellent work.
Thanks John!
Wow!
Thank you so much!
You are also a good explainer )
Wow that was a lot of very useful information in very short time
thank God yt delivered me to you. just what I was looking for for wp colors
Hahah so happy to hear that Jeff! It was meant to be!
I'd like a video showing where exactly are you selecting the colors on the color wheel instead of describing the process.
Thanks for your thoughts here! I do touch on that in this video @2:38 th-cam.com/video/wuZuvhF4u6U/w-d-xo.html but could definitely consider expanding more on that, however it's respective of the design software that you are using (ie. sometimes you'll be looking at a color spectrum vs a wheel).
I love your videos so much. Have been struggling to understand colour theory for UI
Thank you Keneilwe. I sincerely hope they help you struggle a bit less! My best wishes 💜
Very informative video, I was looking for information something like this. Thank you for sharing the knowledge.
Thank you Shrey! I’m glad it helped. Appreciate you taking the time to comment!
Best channel everrrrr
Haha thank you Kulraj!
Really great video with clear information :)
Thanks Frame Sorravit ! Glad you thought so
Awesome! Thank you!
My quest for colors end today
that's some quality content, tbh!
Thanks very much!
Thank you so much for this video...Just request to you...could you please make a video with an example with the help of coolors.co
Thank you:) u made it so easy to understand:)
Thank you! Glad it helped!
Amazing, also learn figma in my channel th-cam.com/channels/RwYDakXkxcLfismc23aS_g.html
thank you for your efforts , so useful videos and organised
Nicely explained. Want more...
More coming soon!
Hi, nice paced video. But I’m wondering, how do you handle errors, warnings, and success colours when designing with just one hue?
Thanks Martin. For this particular video I didn't go into color as applied to UX or usability hieristics for components states. This is really just focused on pairing hues for UI visual elements. In terms of errors, warning and success...there are some standard color guidelines that we normally follow (along with applying contrast standards). Red for error, yellow for warnings, orange for transient warnings, green for success/encouragement. These are generally universally understood to be good practice. Hope that helps!
Amazing, thanks very useful
Thanks, too little views for such a gold live-saving material!
Very good information! Thank you very much
Thank you Michael, I'm glad you found it useful.
Very helpful!
Wonderful video!
Thanks Sachin!
Helpful, thank you
Thank you, for this video,
Here from springboard ⭐️
Awesome, so easy to learn and understand
Really happy to hear you think so! Appreciate your comment.
Glad to hear it @Tanveer thank you!
Thank you!
One of the best video
That’s so nice to hear! Thank you 😊
Fantastic video and visualization! Quick clarification, what did you mean by tinting your greys and blacks with your brand color?
Thank you Chio!! So instead of dragging your color picker all the way to solid gray or black. Start with your brand color and drag it into the back or gray (but keep it to where you can still see that brand color peaking through). For example, if your brand color is purple, your gray should be a purple-ish gray or if it’s green, a green-ish gray or whatever your main color is. Make sense? It should be subtle but by having a little hint/tint of that main color mixed in you get a really nice harmony between colors and something to ground your palette! 🎨
I really don't want to toot my own horn but I never studied this and just ended up figuring out _all_ of these exact same things. Not even kidding. Yes, I know this comment is cringe. I'm sorry. :(
Excited to subscribe and see more! You really condensed color stuff down to the perfect essentials.
Not cringe at all! haha that's pretty much how I learned this all too!! Thanks Cory, means a lot that it makes sense to others the way it finally clicked for me. More to come!
Really good video thanks!
Thank you Richard! Glad it was helpful :)
It's very helpful
thank you , good video
Very Good Video @Elizabeth Alli
Thank you @Nilesh
Awesome presentation!
Thanks @Noah! Hope it was helpful.
@@elle8995 I've been in design for a good amount of time now and this was a great way start thinking more concisely about color selection. It was both affirming of previous knowledge as well as inspiring for future projects. I particularly liked the pallet presentation at 3:34 and the shade/saturation insights at 2:39.
This is such appreciated feedback @Noah Thul! Having taught color theory in different ways over the years I noticed my students found it most helpful when I related things back to the color picker (which is the main vehicle through which we and apply this information in our design process ). I'm glad to hear this resonated with you too and for you stopping by to say as much.
Great video. Thank you so much
Thank you Mouadh!
great video , thanks alot
Thank you Ana
❤
Lovely I very much appreciate
Amazing video
Thanks so much
thanks alot!
i like blue grey and white best combination for me
That’s a classic
Wait that's not her voice behind the animated video 😳🤩🤩🤩🤩🤩🤩😍
It sure is 😊
Its too good .amaziing
nice one g
Love it!
Thanks Arthur!
Hello, at 2:57, what are the fonts used for heading 'Color Theory' and 'Revolves around the color wheel' text. Thanks in advance!!!
Hi @Yasir the font for all of the headings including 'Color Theory' is Futura PT in Bold and the subheadings including 'Revolves around the color wheel' are Futura PT in Book. Thanks for watching!
thank you
what's the font used for `Color Theory` & `Revolves around color wheel`?
Hi there, the font is called Futura and is available on Googlefonts.
Play at 1.25x for better experience
Ha yeah, I was weirdly slow in the beginning :/
Awsome
Thanks sister
Thanks man!
Video is perfect at 1.25x
Ha yeah, the sound is rough during the intro. It has been fixed in current videos (ashame I can't reupload this one) Thanks for watching anyway! Cheers.
Mute the audio on the introduction or almost anywhere at all, you would think she is on slow motion
So cringe, I know. I talk about this all the time. Hopefully you'll find subsequent videos far improved 😅
@@DesignerUp No cringe at all, and there isn't anything wrong with the way you talk, it was just something I noticed by mistake, your video is informative.
@@georgejames3868 Thanks George. I appreciate that.
Informative but the whole course costs 997$$$, I think they strongly believe that everyone in this planet earns dollars. 🤞
Hello, 2002budokan
The education and preparation you receive from a high quality education correlates to your ability to earn a higher income. It is an investment in your future that enables you to make more money. We know how expensive this can be for some and have managed to make our course the most affordable program of its kind by far. We also offer generous discounts and other course packages to those that are in need. The value you receive from our program, as our students will tell you is well beyond the cost.
Just to give you some perspective if you’ve ever looked into other similar programs:
Our DesignerUp Course - $997 USD
General assembly - $14950 USD
Springboard- $9891 USD
Career foundry - $6999 USD
Designlab - $6749 USD
We also offer endless free content and talks for those that are not able to invest this much in their career
@@DesignerUp Udemy : 10$ per course. Skillshare: 99$ annual fee... Further, I am learning design not for job search, just because I want to learn it.
Can I get you a better mic? =)
Well if you're offering... lol Cringe I know, but hey was my first video ever. I'd say the improvement now is apparent.
Sorry, but the music is extremely annoying
Great video
Appreciate you Shaun!