How I Organize Colors for a UI Design Project

[@guiancarlo]

I love the fact that you can just go to KZbin and learn a lot for free. Thank you for this, Joseph!!

[@AdrianLopez-sr3dd]

Ive found this video really really more usefull than i thought that it was going to be when i clicked on it xD

[@loliradotopper]

Me too. It’s just boom, knowledge.

[@gamasierra]

Same.

[@zaturntarto3814]

xD ? Pun intended ?😀

[@ruthumez]

Same here! I was pleasantly surprised.

[@kitziasalgado]

same

[@CuttingEdgeSchool]

Really well made! the association of brand colour with error vs success was a really interesting point! Thanks a lot.

[@CuriousWanderer_]

_The informative video that I have been looking for years is now right before my eyes._ This is what I need. *Perfect.*

[@yeaheiamahmudhridoy4590]

Best color explaination video out there in YT! 👍😍

[@MultiMarty1987]

This video taught me infinitely more than any other video on how to use colour properly - thank you!!

[@AlexFlores-cl9fo]

Thanks Joseph! Definitely was in the "overwhelmed with possibilities" category and I really appreciate how you broke down the variants of colors actually needed and your process for discovering them. Much appreciated!

[@intelone814]

Joseph, you're such a good designer, please don't limit yourself to sketch, sketch tutorials are fine, but don't waste the rest of your capabilities ;) this a humble useful (I hope) advice from a fellow designer.

[@noisydoll168]

Dude I love this. I saw this video as part of Springboard's UI/UX curriculum and had to open it on KZbin to tell you how much I like your explanations and your sense of humor. I'm definitely going to keep coming back to this channel to supplement what I'm learning there.

[@russellbalahadia2984]

This is really useful specially for someone like me that is struggling with color combination. Thank you

[@SaSha-hb5rq]

your channel is so underrated, you have an awesome quality of your visuals and content.

[@nuraydurmus1734]

this is useful for me, because your english(speech) is very clear and I understand it

[@shravani9740]

We are being taught accessibility with colours, it's good to see this example of it. Really helpful video!

[@mmediaculturel3738]

TNice tutorials was so detailed! Great video for beginners. Thank you!

[@mahibhrmi]

I think this is thee Best video about choosing app color 👌 thanks!

[@jatodaro]

Thank you!

[@hanac5586]

Really good small info packet! Thanks

[@devegram]

Super informative, directly to the core, pure knowledge which gets you ready to production

[@temporarythoughts]

This is a great great video! Would love to see more, like: how to organise text styles, how to organise everything.

[@ruksanakabir46]

Great example of 50 shades of Grey.. Haha very funny. I really love this.So wonderfully explained with lit bit humbleness and humor. Thank You Joseph.

[@ish5057]

"You don't know what kind of screens people are using, you don't know what kind of eyeballs people are using" lol Really instructive video. Thank you!

[@Michel2003g]

this video is gonna help me out alot. thanks for explaining it so well.

[@yond3r427]

This was edifying but also unexpectedly hilarious.

[@djstylistictv]

Im in school for UX/UI so this helps a lot thanks.

[@SupernovaSites]

Great video. Never thought about using one colour for the interactive elements!

[@ricardorergis2442]

Dude this information is pure gold, thanks!

[@GarnetMoses]

I am an amateur trying to design a UI interface for a web/mobile app. I didn't think colors and their variations could be so overwhelming, to say the least. That being said, your video was really simple and easy to understand/adhere to for people like me. Would it be possible for you to share the hex codes for the red/green you used please? Thanks so much!!!

[@huntrrams]

The animations were oddly satisfying. Great video!!

[@arkinzoodsma1510]

Thank you for this great video! I just started getting into UI design and I felt lost. But seeing the way you look and think about design projects worked magic for me! keep up the good work!

[@erikbriones]

Wow. I have been looking for some sort of guide to come up with brand colors or comply with existing brand colors when developing a product design. This is absolutely helpful. thank you so much!

[@Kris-to7vh]

This is such a valuable video! I keep coming back to it everytime i need to do some UI Design, just to be sure I'm taking all these steps. THANKS SO MUCH

[@ashleyleddy194]

Thank you for breaking it down!

[@user-pe9qg3hg3k]

What a super interesting and amazingly put together video

[@RuxandraBklyn]

Instructive, useful AND hilarious. So happy I clicked on this video, thanks!

[@MaxWeir]

What’s your process for choosing the level of lightness and darkness for the blue colour example you did?

[@ashrock1990]

They always miss the most important parts to show

[@Yathavan5947]

@@ashrock1990 exactly 😂 they never share their knowledge just reading a random article to make a video

[@Pankaj-Verma-]

Thank you so much for your kind help!

[@Rafael-Bravo]

Great video do more like this and I'll see you on your first 1M

[@aaronruiz816]

Absolutely terrific video, bro. Well done.

[@adevikthur]

Thanks Joe!

[@loremipsum5503]

What Microphone did you use? Your voice is crystal clear

[@Underhills]

Thanks. That's a nice share. To the point, crisp sound and great hd production AND good content. Can't get any better than that.

[@MashaShugrina]

Thank you for posting this very useful tutorial! Could you please elaborate on how you actually organize these colors once you have selected them? What are some good palette management tools? Is there some way to keep a color "cheat sheet" always accessible as you work on your design?

[@ArthurLarin]

Great, informative video that still holds up today. Thanks!

[@FleiDiego]

Super helpful these tips! Thanks for sharing!

[@SonNguyen-wi3nc]

TNice tutorials was really helpful for soone coming from Ableton Live and having used Fruity Loops waaaay back in the past

[@huus5682]

7:29 love your laughs 😁

[@andreacruz6769]

Yesssss, thats what i was looking for. hanks for helping

[@yaj126]

2:12 Protip: #fff is the same in css as #ffffff. Together we can stop F key abuse

[@lachlanearle6903]

F

[@sylviapekarek4372]

lol

[@tcroz7733]

Really helpful! Definitely going to adapt this into my workflow

[@snimavat]

A video on how to generate all this colors from a main color, what tools to use, and what to consider when doing this - would be helpful

[@sinarahimi3041]

Love your video, everything is excellent, animations, dialogs, and it is fun.🤞

[@jatodaro]

Thank you Sina 🙏 I really appreciate that

[@khalidal-hassan2566]

Those are really useful tips ! Thx a million

[@Fullstackdev18]

Your video is simple, perfect and make sense.. thanks for this man😀 subscribed

[@adi_philosophy]

Thank you soooo much! This is great stuff. saved a lot of my time.

[@iramkahkashan9843]

Hello Joseph,This is very awsom video.I want to learn more about colours from fundamental to advance . where should I start?

[@Amheklerior]

What a fantastic video buddy :D awesome job.. It's been really useful, thank you

[@davay1539]

Thanks for this amazing guide ! Could you please tell where did you edit this video? and how did you create all these animations as 6:02 for example? slide the color aside that it instantly creates another color as a combination of two ? thanks in advance!

[@kgay]

Absolutely awesome video.

[@Faizan56388]

Very helpful. Thanks for sharing.

[@shriragreddy7193]

Immensely helpful. Thank you for this video

[@RyanHooGeek]

This is a really useful video even for a programmer.

[@jatodaro]

So glad to hear that Ryan! Share it with your programmer friends if you think it might be helpful for them :)

[@lawrencerosen7113]

If your future is in employment, you could be a specialist. The rest of us have to be all-rounders. The idea is enough to get programmers into color. Many thanks for actually publishing it.

[@sudikshakhanduja8165]

so so helpful thanks

[@farhanfauzi8070]

Thank you so much joseph

[@AiiirDropBeats]

bro just wanna say your shapefest website is dope affff

[@jatodaro]

Thank you!!!

[@gametechvlog]

Great video helps me a lot. It will be very use full to us if you update this video how you choose colors in 2020

[@AmirWaisblay]

Underrated video

[@vlad74745]

Awesome approach!

[@hwj8640]

You are really smart, thanks for sharing

[@kademello]

this was really helpful! Thumbs up for your sense of humor :D

[@mdmozammel5731]

very helpful😍 thank you, man.

[@roobannadarajah7989]

How did I missed your channel all these years ... errrrrr..

[@JohnDrach]

I was thinking the same thing. I went to subscribe but then realized I was subscribed. KZbin does a terrible job fo feeding content from subscribed channels

[@andu896]

Use the notifications bell.

[@cygnusart379]

ditto!. this is so helpful!

[@antoineleduc7611]

Excellent video, really helpful

[@NdamuleloNemakh]

Great tips, thanks

[@MicheleDiTrani]

Thank you, that was very useful for a non-educated designer like me!

[@MelissaLynn]

"however many f's make 6" so 6? LOL loves it

[@JawkneeTango]

Very insightful methodology!

[@AnilOfz]

It's really useful and would certainly help..

[@AK-jt7kh]

This was a really useful video! A lot of times, this is stuff you already know, but since you never think about it, it can be helpful to someone to vocalize the process explicitly and simply to you if you're stuck. This kind of content gets me motivated to work! Thank you!

[@jatodaro]

I feel the same way. Glad to hear this was helpful for you!

[@ruggeddog3103]

this is some solid stuff, thanks for sharing man :)

[@Warg00]

I fucking love how you smile at the camera at 4:04

[@jatodaro]

😂

[@nandhagopalgopalsamy1726]

Loved the process and thanks for giving insight into ur process 👌👍

[@ibanezrg7421]

So effing helpful. Thank you!

[@berbooo]

4:05 the face of success

[@المهندسمحمدكاظمشكيرالشمري]

This was a great instructional video. Thanks!

[@cssmonkey6193]

Hi Same name. lol What's your mic setup(condencer and audio interface) if I may ask? I love the way you explain things and the audio is damn good.

[@subhomaybasu7471]

plz check accessibility score while selecting coliurs , the contrast ratio may seem sexy but when u put the colour in accessibility metrix the colour choices will slowly start narrowing down . very difficult to make a handsome combination

[@joshuabaker31]

Great video! Could you do a video on project preparation as far as sketch to x-code go? I noticed I encountered a few trial and error problems with layering and grouping when prototyping with Principle/Flinto for the first time and it would be really helpful to know roughly what is expected by a dev to make their job easier :)

[@jatodaro]

Great idea Joshua!

[@kike1987]

Great job! Thanks!

[@igorkhomenko9680]

Agree with every single word, I am using essentially the same approach. I will be stealing your -1 +1 naming convention - awesome! - much better than percents or hundreds. Very nice palette btw. Thanks from a year after the publishing your vid :) Subs!

[@joenotaverage]

You're awesome dude.. thank you for sharing this video...

[@attaullah2569]

This video was a massive help! Do you have a UI/UX course on skillshare? I'd love to learn from it. Thanks.

[@uibyade]

Hi, thanks for sharing your process, I really appreciate this video it's very helpful. May I ask about your process of choosing colors from scratch? It can be very overwhelming for me as a beginner. Thank you😊

[@MrFarkasOfficial]

Really good stuff!

[@nuvill1123]

Really great video man! Thanks

[@rectify2003]

Such a good explanation. 👍

[@sanaroma]

Neat workflow! Though would love to know how have you recorded the voice for the video? It’s crystal clear

[@annia9157]

Thank you for this video, it's been super helpful!

[@СергейИванов-о6б5ш]

thanks for the info

[@maryspringg]

It was really useful Thank you Joseph

[@milestait7738]

"You don't know what kind of screens people are using, you don't know what kind of eyeballs people are using. They could be pretty bad." Lmaooooo

[@gadirosales1209]

great content!! keep it up !