How I Organize Colors for a UI Design Project

Подписаться 45 тыс.

Просмотров 181 тыс.

50% 1

▶︎▶︎ www.udemy.com/course/learnske... - Today I'm taking a step back from my design tool and sharing one of my personal workflows. Organizing colors for a UI design project is a step often skipped and as a result, we create headaches for ourselves. By the end of a project, many hours spent working off the cuff turn into many disjointed colors that send mixed messages to our users. Let's take a look at some of the ways I force myself to get organized from the start to save myself time and afford myself consistency.
-
🐦 Follow me on X:
/ jatodaro
🎉 Download my free 3D illustrations from Shapefest:
www.shapefest.com
📷 The video gear I use:
www.amazon.com/shop/josephato...
🧑🏻‍💻 Design a website for free with Framer:
bit.ly/goframer

Наука

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

4 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 206

@guiancarlo 5 лет назад

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

@AdrianLopez-sr3dd 6 лет назад

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

@loliradotopper 5 лет назад

Me too. It’s just boom, knowledge.

@gamasierra 3 года назад

Same.

@zaturntarto3814 3 года назад

xD ? Pun intended ?😀

@ruthumez 2 года назад

Same here! I was pleasantly surprised.

@kitziasalgado 2 года назад

same

@AnshMehraa 3 года назад

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

@AlexFlores-cl9fo 5 лет назад

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!

@CuriousWanderer_ 5 лет назад

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

@MultiMarty1987 5 лет назад

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

@Pankaj-Verma- 4 года назад

Thank you so much for your kind help!

@russellbalahadia2984 4 года назад

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

@yeaheiamahmudhridoy4590 2 года назад

Best color explaination video out there in YT! 👍😍

@tcroz7733 6 лет назад

Really helpful! Definitely going to adapt this into my workflow

@FleiDiego 3 года назад

Super helpful these tips! Thanks for sharing!

@noisydoll168 2 года назад

Dude I love this. I saw this video as part of Springboard's UI/UX curriculum and had to open it on RU-vid 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.

@huntrrams 5 лет назад

The animations were oddly satisfying. Great video!!

@michel_dg5051 2 года назад

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

@ricardorergis2442 Год назад

Dude this information is pure gold, thanks!

@erikbriones 6 лет назад

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!

@andreacruz6769 Год назад

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

@aaronruiz816 5 лет назад

Absolutely terrific video, bro. Well done.

@devegram 3 года назад

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

@arkinzoodsma1510 3 года назад

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!

@ashleyleddy194 2 года назад

Thank you for breaking it down!

@Underhills 6 лет назад

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.

@khalidal-hassan2566 4 года назад

Those are really useful tips ! Thx a million

@kgay 2 года назад

Absolutely awesome video.

@RuxandraBklyn 5 лет назад

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

@nandhagopalgopalsamy1726 6 лет назад

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

@hanac5586 Год назад

Really good small info packet! Thanks

@temporarythoughts 5 лет назад

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

@Fullstackdev18 5 лет назад

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

@shravani9740 2 года назад

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

@Faizan56388 3 года назад

Very helpful. Thanks for sharing.

@vlad74745 5 лет назад

Awesome approach!

@Kris-to7vh 3 года назад

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

@adi_philosophy 2 года назад

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

@sudikshakhanduja8165 4 года назад

so so helpful thanks

@adevikthur Год назад

Thanks Joe!

@shriragreddy7193 3 года назад

Immensely helpful. Thank you for this video

@mdmozammel5731 3 года назад

very helpful😍 thank you, man.

@ArthurLarin 4 года назад

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

@annia9157 5 лет назад

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

@JawkneeTango 5 лет назад

Very insightful methodology!

@mmediaculturel3738 Год назад

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

@joenotaverage 6 лет назад

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

@user-pe9qg3hg3k 2 года назад

What a super interesting and amazingly put together video

@user-yj1fn9dz4z 6 лет назад

This was a great instructional video. Thanks!

@nuvill1123 6 лет назад

Really great video man! Thanks

@kike1987 5 лет назад

Great job! Thanks!

@ibanezrg7421 4 года назад

So effing helpful. Thank you!

@user-hi8yg5nn7r 2 года назад

thanks for the info

@rectify2003 5 лет назад

Such a good explanation. 👍

@antoineleduc7611 3 месяца назад

Excellent video, really helpful

@farhanfauzi8070 4 года назад

Thank you so much joseph

@SaSha-hb5rq 3 года назад

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

@SupernovaSites 2 года назад

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

@hwj8640 Год назад

You are really smart, thanks for sharing

@djstylistictv 4 года назад

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

@MrFarkasOfficial 3 года назад

Really good stuff!

@devmrin 6 лет назад

This is pure gold! 🤑

@nuraydurmus1734 4 года назад

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

@DimitriBoyarski 5 лет назад

Outstanding! Thanks alot!

@NdamuleloNemakh 4 года назад

Great tips, thanks

@AnilOfz 3 года назад

It's really useful and would certainly help..

@yileizhang3545 6 лет назад

This is hell useful!!!! Thank you so much!!!!

@mahibhrmi 4 года назад

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

@josephatodaro 4 года назад

Thank you!

@gadirosales1209 5 лет назад

great content!! keep it up !

@ruggeddog3103 3 года назад

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

@Microbex 5 лет назад

Super useful, thanks.

@sinarahimi3041 4 года назад

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

@josephatodaro 4 года назад

Thank you Sina 🙏 I really appreciate that

@maryspringg 5 лет назад

It was really useful Thank you Joseph

@Amheklerior 3 года назад

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

@toquival 6 лет назад

You make learning fun!

@josephatodaro 6 лет назад

I'm so glad to hear that :)

@dipenparmar2273 2 года назад

Nice info.. great tricks

@ruksanakabir46 2 года назад

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.

@kademello 4 года назад

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

@MicheleDiTrani 6 лет назад

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

@chethankvs6256 6 лет назад

Thanks. This was very insightful :)

@Dizasteroner 6 лет назад

I just saw and thought to my self... WOOOWWWW !!! Excelent VIDEOOOO !!! =D

@yond3r427 4 года назад

This was edifying but also unexpectedly hilarious.

@Rafael-Bravo 3 года назад

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

@AmirWaisblay Год назад

Underrated video

@anbrizuela 5 лет назад

Excellent! Thanks very much :D

@Enowbeats010 4 года назад

good info thanks!

@ish5057 3 года назад

"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!

@divyasampath9500 4 года назад

Informative!

@Kris-to7vh 3 года назад

Damn this video is incredibly useful ! thanks

@SonNguyen-wi3nc Год назад

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

@mohammadnajafian7335 5 лет назад

Great , You are a teacher realy. :)

@MashaShugrina 6 лет назад

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?

@What_was_wrong_w_jst_our_names 5 лет назад

Fascinating

@intelone814 4 года назад

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.

@hardboiled2000 6 лет назад

great stuff

@rajinair6622 4 года назад

Very very useful

@gametechvlog 3 года назад

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

@georgyp9553 3 года назад

SOOOOOOOO COOOOOL

@jaysenb 5 лет назад

nice work

@anth0ni33 3 года назад

Subscribed✊🏾

@igorkhomenko9680 5 лет назад

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!

@RyanHooGeek 4 года назад

This is a really useful video even for a programmer.

@josephatodaro 4 года назад

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

@lawrencerosen7113 4 года назад

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.