How to pick the right colors for your website or app | UI/UX design tips

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

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

50% 1

Choosing the right color palette for UI/UX design can be tough. I struggle at this too! However, with a few simple systems in place, you can now be a pro at creating color palettes that resonate with your target audience. In this video, we talk about how to pick the right colors, what are the color palettes you need, accessibility, tools to get color palette ideas, with real examples!
🔗 Links mentioned
Cultural Color Meanings: www.empower-yourself-with-col...
Atlassian Design System: atlassian.design/foundations/...
Adobe Color: color.adobe.com/
Tint & Shade Generator: maketintsandshades.com
Color Contrast Checker: coolors.co
Figma plugin: www.figma.com/community/plugi...
Apple Human Interface Guidelines: developer.apple.com/design/hu...
mymind color palettes: access.mymind.com/colors
Dribbble
Lapa.ninja
📺 Watch next:
How to create your first UX case study: • How to design your UI/...
15 Tips to design your resume: • 15 tips to design your...
Design animated slides on Figma: • Design animated slides...
8 ways to get started in UX design for free: • 8 free ways to get sta...
🎉
My gear, tools, resources: rachelhow.com/resources
Webflow: webflow.grsm.io/0cprnc6dmbhy ✿
Links marked ✿ are affiliate links, meaning I make a small commission when you purchase through my link, at no extra cost to you. :)
💫 If you're new here
Thank you for stopping by! I create videos on product design (UI/UX), productivity and solopreneurship.
👋 Come say hi!
My daily life: / rachelhxw
Newsletter: www.rachelhow.com/newsletter
00:00 What to expect
00:35 Pick colors based on your target audience
01:41 The 60-30-10 Rule
02:05 Primary colors
04:06 Secondary colors
04:38 Neutral colors
06:00 Semantic colors
08:27 Accessibility
10:20 Airbnb, RU-vid
11:16 Tools for color palette ideas!
12:39 The Checklist

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

4 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@qonitaafnani1454 Год назад

Thank you very much, Rachel! I love your thorough explanation of the basic theory of color and how we can explore by ourselves. It is very helpful for beginner like me

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

Thank you for watching ❤️ For more resources, check out rachelhow.com/resources or my other videos! Comment below your content ideas - thanks Ahmed for suggesting this video!

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

Hi girl! Thanks for this :) Choosing colors has always been super confusing to me, and what I really needed was a system. Your checklist helps a lot!

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

IMHO one of the clearest and best video on the topic. Examples and resources are rly meaningful!

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

Always so helpful!! Thank you for your content. You are my go-to channel for UX/UI info. You explain things in a way that I can easily understand and retain, even as a beginner designer. Please keep up the good work 🙏

@giovcaria6440 Год назад

Wow this was awesome, super informative and full of resources, and it's refreshing to finally see someone give accessibility the importance it should have in design. Thank you!

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

This video was a lifesaver for me as a UX designer with no design background! Love how you problem solve and deliver such a clear message for others who might be struggling too! Keep doing what you do as you're an inspiration ✨ 💯

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

Thanks Irene! All the best to you

@itsjeanyu Год назад

Hi Rachel, this video is super helpful specially for someone like me who's learning UI/UX Design. Thank you!!

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

This is such an amazing resource! Thank you for creating this 😄

@opeodunlami 11 месяцев назад

Thank you so much for sharing, Rachel! You touched all grounds 👏

@manoelafvb Год назад

Girl you simply explained how to use color better than the whole material design article omg THANK YOU so much for your video

@rachelhow Год назад

I'm so glad to hear that! Thank you for watching too!

@nicolaspettini3143 Год назад

Great content! Thanks Rachel for sharing your method and ressources.

@davidostrowski679 11 месяцев назад

Simplicity is key for me! Love this video! Thanks Rachel!

@rachelhow 11 месяцев назад

You're so welcome!

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

This is very useful and well explained ❤️ thank you!

@Eyenn_n 9 месяцев назад

Your videos are all super helpful! Thank you for sharing your knowledge!

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

Thanks. You videos are very insightful and informative! Keep up the good work.

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

Wow Rachel! This is one of the most insightful and straight-forward video about colors I have watched so far. Thank you so much, this means a lot 🤍

@thrillerz2505 Год назад

Wow! My data has been well spent. Beautiful presentation with tons of relevant informations for designers. Thank you so much for this. You've got a brilliant mind.

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

Thank you so much for your videos, Rachel! It really helps so much, especially for an aspiring UX designer myself :)

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

You're welcome, Hael! Open to any video suggestions too :)

@sarariosochoa2264 Год назад

Ohh Jesus, I am a graphic designer and I am learning a lot about colors with the tools you use. Uff Really thank you, this video it was an amazing complement to my UI&UX studies, Xhanks! Hello from Medellín Colombia. 💛💙❤

@believe-in-yourself 3 месяца назад

I am designing a website it has taken me weeks to decide I learnt that you should use 3 colours maximum and first 65% second 25% third 10% .. would you agree with this? Thank you for this great video. Best wishes 😊

@yrds96 Год назад

I was struggling on how to find adequate colors for my web application and this video was very helpful.

@subhasrini2706 11 месяцев назад

The checklist is handy. Thanks a lot! I think you're underrated!

@johngomes4278 Год назад

Your channel is so instrumental! Thank you

@johngomes4278 Год назад

I love your channel too?

@rachelhow Год назад

Thank you!

@johngomes4278 Год назад

Your hair and voice is so lovely 🌹 thank you for creating your channel too

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

Thank you so much for the video rachel, it was useful and insightful video especially for me as a beginner to learn more abt the ui ux design...Expecting more videos like this, Thank you 🙏😊

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

Love your UI design for this video! Thanks for sharing your helpful tips :)

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

Thank you for watching too!

@soniyamazloomi7763 Год назад

This was awesome and very informative. Thanks a lot ! ❤

@amankrsharma1572 7 месяцев назад

Enlighting and to the point! Thanks for sharing this Rachel ❤

@rachelhow 6 месяцев назад

Glad it was helpful!

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

How useful your video is. Thank you for sharing. Love it ❤❤❤

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

That's what I'm waiting for. Really love it

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

Thanks for the idea! I'll definitely put this in my notebook :)

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

You're a great inspiration! Thank you for your videos!

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

thank you for watching!!

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

FANTASTIC Info! Thank you!

@AIContentHacker Год назад

Love it! It has been a long time since I subscribed. Finally, I move to WordPress website building now I need this badly~👍👍👍👍👍

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

Woah what a game changer video. Can't thank you enough for this. Great work 😀

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

thank you, Harsh! hope it's helpful to you :)

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

I'm thinking about creating an ad for a language course (i'm still in the very beginning stage tho :D) and i stumbled upon your video. It helped a lot to get an overview of what to keep in mind as well as provided me with some useful websites i'd really love to check out as soon as i can, thank you! 😊

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

Hi! I'm so bad at design so this shorten my design phase. Thanks a lot!

@digigoliath Год назад

Great tips & nice tool recommendations. TQVM!!

@rachelhow Год назад

Thanks for watching!

@Mr.Persistent763 2 года назад

Let me start by saying this. You're doing some amazing work girl!

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

Thanks for watching :)

@syrenzen8055 Год назад

Such a great video! I really enjoyed how you simplified the major key components of UI/UX design. Stumbling across your video upon researching color scheme for my mercari selling platform has inspired me to pursue UI/UX design. Always knew I wanted to transition into coding/design & this helped me decide on a speciality. Gracias! 🤍

@natalia2722 Год назад

This is a great set of useful websites! Thank you so much for sharing it 😊

@rachelhow Год назад

Likewise. Thanks for watching 🤝

@sarahatef9614 6 месяцев назад

Always so helpful!! Thank you for your content😍😍

@rachelhow 6 месяцев назад

You're so welcome!

@0the0ambient0 Год назад

Nice, thorough explanation. Thank you!

@rachelhow 11 месяцев назад

Glad it was helpful!

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

Great tips! And thanks for the resources

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

You're welcome, thanks for watching 😁

@charlestube1012 Год назад

I love you and you’re best I’ve seen yet

@solomonodunusi4660 Год назад

Thank you for the amazing tips

@Sifu26 Год назад

Amazing! Great help thank you!

@nivedha8303 Год назад

Such an amazing video with lots of helpful resources

@rachelhow Год назад

thanks! I’m happy to hear that it’s helpful.

@svet_lana8860 9 месяцев назад

This was soo helpful! Thank you, Rachel!

@rachelhow 9 месяцев назад

You're so welcome!

@MrVipulLal Год назад

Excellent video. Many thanks

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

Thank you very much for this video!!! ❤️

@rakshaslog3058 Год назад

thankyou so much I just needed this!😍

@rachelhow Год назад

Thanks for watching too! :)

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

Thanks. This was very helpful!

@ianemartins9714 6 месяцев назад

This is the best RU-vid channel about UX design I have ever seen. Thank you so much!

@emmamovsesyan Год назад

This was amazing, thank you

@williamoh Год назад

Thank you so much for this video!

@rachelhow Год назад

Thank you for watching too!

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

So Great! Thank You ☺

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

I really enjoy your tutorial videos! thank you so much for the info! :) More subscribers to come! God bless!

@HABXKD Год назад

so helpful, thank you!

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

This was really helpful, thank you!

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

I'm so glad to hear that! Thank you for watching :)

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

thank you for this! i just found your channel and i love it!

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

Welcome!! Thanks for watching Vernice!

@MultimodalityEdu Год назад

You are amazing! Thank you sooooo much!🥰

@rachelhow Год назад

You’re welcome 😊

@kenzakhelkhal7931 Год назад

Thanks a bunch! that was very practical

@rachelhow Год назад

You're welcome!

@corneliushuang1308 Год назад

Good Video！！With clear knowledge structure and practical online tool.

@rachelhow Год назад

Thank you for watching!

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

This was soooo good!!!!

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

This is so useful wow, thank you so much!!

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

Thank you!!!

@johngomes4278 Год назад

That was great ! Looking forward to the next video !!

@rachelhow Год назад

More to come!

@johngomes4278 Год назад

@@rachelhow yes my prayers are answered! I love your channel !!

@umarfaruqadeshina1656 Год назад

Wow 😮 this is helpful, thank you very much

@rachelhow Год назад

You're welcome!

@charlestube1012 Год назад

Watch all your videos and they’re worth it

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

Thank You Rachel

@t.m.2229 2 месяца назад

What a helpful video! I could create my perfect color palette thanks to you! Could you please tell me which font you used for the titles? Like the word „Accessibility“? I love the square dots on the i

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

wow very quick hack for colors

@yuvisiddh1650 Год назад

It's very useful to me 👍, thanks for this video

@rachelhow Год назад

You’re welcome 😊

@yourtrinty Год назад

This is so helpful

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

Excellent video, thanks a lot

@Roosterhoot2024 Год назад

really helpful thanks

@Naz-yi9bs 2 года назад

Hey thank you for this awesome video. Question, if your primary and secondary color is Green and Blue, what would you use for successful state/ info state colors, would it be just different shades of green and blue or something totally different. Thank you in advance.

@user-qu6yn5dm4b 13 дней назад

thank you!!

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

Composition! It will and awesome theme!! And alsoo how color impact on composition? Sometimes you make everything look perfect in grey scale palette. But then... you add a 3-4 colors and composition is ruined : )

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

Thanks so much this help me.

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

You're welcome!

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

Thanks for the share! :)

@prince-sonawane 2 года назад

This was really help full :)

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

Thank you!!

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

Great explanation

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

Can you do a video on typography like what fonts to use, where to use them, their size, color etc

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

Great video!! Very helpful~

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

Thank you!

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

Such a worth video! Next maybe design system can ah?

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

Can lah 😂 Thanks Asyraf! I'll park it in my Notion :)

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

Thanks!

@mdismailhossain4324 Год назад

Thank you so much.

@rachelhow Год назад

You're welcome!

@saurabh8damor Год назад

✨ Gold information ✨

@rachelhow Год назад

🙌

@Sara-oy6ly 6 месяцев назад

Thank you rachel ❤❤

@rachelhow 6 месяцев назад

❤️

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

great video..could you please make video about how you create you tube videos, softwares and tools (camera model) and explain how you edit and add audio

@thiyagesh9789 11 месяцев назад

Hi Rachel!, The content is really helped me and leant a lot 💙. But, I didn't get exactly why should I need neutral color palette for my website.

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

hi, what name is the font that you use in this video for the titles like "What to expect" and so on?

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

Thank you

@wallacesousuke1433 Год назад

So cute!!!!

@user-hz5mk8iu5j Год назад

Thank you soo much

@rachelhow 11 месяцев назад

Thank you for watching!

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

Hi Rachel, I am new in Figma. I am facing problem about Alignment tool. Actually I missed badly 'illustrator Key Object' Alignment System. Can you help me about this?

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

Rachel ,the content in ui/ux design(the writtern part) do we have to write all that or someone else does it? Btw loved your content.

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

Hi Celica, in established companies they hire a UX writer to write the copy. But in agile teams like mine or my clients, we write our own copy. Hope this answers your question! :)