Creating a Color System for UI Designs
Hi, product designer! Colors play a big role when you are designing user interfaces 🎨🖌️ They set the tone, reinforce the message, strengthen brand identity, and ensure accessibility. In this video, I'm telling you the framework I use for creating a color palette for UI projects from scratch. Plus, I'll share the pro tools to streamline the process.
🔌 Plugins:
Supa Palette: https://bit.ly/3z8rMVs
Contrast: https://bit.ly/45DZWwf
Stark (Contrast Alternative): https://bit.ly/3Vvgv9b
🎨 UI Prep Design System (Free Sample): https://bit.ly/3KV4rcw
🖌️ Adobe's Design System (Spectrum): https://spectrum.adobe.com/
🔀 Watch next: • Don't Make These 3 UI Design Mistakes!
🖌️ Design with Figma: https://psxid.figma.com/255rc2xfz161
👋🏻 About me
I'm Deborah, a creative being who works in tech as a product person and designer. I post videos about design tools, projects, productivity, and vlogs of my day-to-day at work.
If you have a video suggestion you'd like me to make, let me know in the comments!
💖 Favorites
→ Work Setup: https://bit.ly/3CuFkfw
→ Design Books: https://bit.ly/3OgOEWM
→ Interview Prep: https://bit.ly/40Q8eRx
→ Channel Gear: https://bit.ly/3Zb8cSQ
⚡️ Let's connect!
Instagram: / debbiebitt
X: / debbiebitt
LinkedIn: / deborahbittencourt
📣 Subscribers: 2, 317
⌛️ Timestamps
0:00 - Intro
0:42 - Color system foundations
2:08 - Use this framework!
2:26 - Phase 1
3:15 - Phase 2
4:12 - Phase 3
4:55 - Outro
This description may contain affiliate links, meaning I receive a commission if you sign up for the tools through them, at no extra cost to you. It's a valuable way to support the channel, allowing me to continue creating content. Thanks for your support! 🤍