The Coolest UI Color Palette Tools Ever!
Вставка
- Опубліковано 5 бер 2024
- These are 3 of my absolute favorite tools for choosing color palettes and color schemes for UI and Web designs!
🎥 WHAT TO WATCH NEXT
⊚ Color is UI Design | • Color in UI Design Les...
🔗 MENTIONED IN THIS VIDEO
⊚ Figma | psxid.figma.com/zc39eq8sxgez-...
⊚ Palette Maker | palettemaker.com
⊚ Realtime Colors | www.realtimecolors.com/
⊚ UI Colors | uicolors.app/
📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED
⊚ Enroll Now | designerup.co/product-design-...
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | designerup.co/ui-design-crash...
⊚ Newsletter | designerup.co/newsletter
⊚ Live Webinars | designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | designerup.co/blog
🥰 JOIN OUR MINDFUL COMMUNITY
⊚ DesignerUp Community | designerup.co/community
💬 CONNECT WITH US
⊚ Twitter | / designerupco
⊚ Instagram | / designerupco
⊚ Facebook | / designerupco
⊚ LinkedIn | / designerupco
⊚ Pinterest | / designerupco
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma - Industry standard design software | go.designerup.co/figma
⊚ ProtoPie - Advanced prototyping tool | go.designerup.co/protopie
⊚ Notion - UX research organization and notes | go.designerup.co/notion
⊚ Framer - No-code website platform | go.designerup.co/framer
⊚ Uizard - AI to UI tool | go.designerup.co/uizard
⊚ Icons8 - High-quality icon set | go.designerup.co/icons8
⊚ Lunacy - Figma alternative | go.designerup.co/lunacy
⊚ Mobbin - Design Pattern examples | go.designerup.co/mobbin
⊚ Setapp - Discounts on apps and software | go.designerup.co/setapp
⚙️ RECOMMENDED GEAR
Video Gear | kit.co/DesignerUp/designerup-...
Home Office Accessories | kit.co/DesignerUp/home-office...
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ UA-cam creator
⊚ Author
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co
Want to learn how to perfectly apply these color palettes and master UI design? Check out our top rated course! designerup.co/product-design-ui-ux-course
Other Chanels: 40 sec intro, 50 sec outro
Elizabeth: Firrst sec, I found cool tools and dive to content.
Thanks wise lady/🥰
Hahha yeah those intros bore me so I figured others probably get bored too. Thanks for watching 🥰
loved ittt!
Thanks Michelle!!
Thanks for this!!
You’re welcome! Thanks for watching 😊
Realtime Colors helped me a lot when I wanted to help a client visualize how their brand color would look like on an actual website.
I also use the Atmos Color Generator because it lets you customize many aspects of the palette like luminosity, and it emphasizes accessibility.
Good to know! I’ve got to check out Atmos. Thanks for the recco 🙂
Wow, great resource! Thanks a lot
Awesome! Thank you, came in handy at the right time!
Oh good! I’m glad to hear 😀
Thank you ❤
I like the video, thank you.
Thaaanks!
Weeeeelcome!
As an absolute beginner in UI/UX, I come from a background in software development and am eager to expand my skill set. I've recently started learning UI/UX, primarily focusing on using Figma to create web and app interfaces. However, I've encountered several challenges along the way. Firstly, I'm struggling with effectively utilizing color palettes to create visually appealing designs. Additionally, I find it challenging to select appropriate fonts and manage typography effectively. Despite creating three projects, I'm not satisfied with their overall aesthetics. While I don't aspire to become a professional UI/UX designer, I aim to produce work that is at least of average quality. Could you please provide guidance to help me improve in these areas?
Hey there, I have a few free crash courses that go into depth with these things. designerup.co/free-lessons
This crash course will teach you everything you need to know about color designerup.co/color-in-ui-design
If you want a good overview of UX/UI check out this crash course designerup.gumroad.com/l/product-design-crash-course
You would need to put in a lot of effort and practice to get a good feel of which typography, colors and layout works best with each other. Some still don't even get good at it even after years which is why it's funny when devs underestimate UI designers thinking "Oh his job is so easy I could probably do it" until they actually try it and end up with goofy designs 😂
But if you're serious with it then I suggest you start with the foundations first, the principles of design such as understanding contrast, white space, hierarchy, balance, unity, scale, emphasis etc. Then the gestalt principles such as rule of proximity, similarity, symmetry etc. When you fully understand these principles it will help you implement appealing typography and colors.
then you also need to take account legibility and readability, this is very important in terms of presenting information in interface, unless the goal is for artistic/decorative purposes then the typeface should always be clear so avoid fancy typefaces for small text
@feelcollins4358 that’s exactly why we have a whole course on this. It takes practice, guidance and time to learn the foundations right - designerup.co/product-design-ui-ux-course