Color Theory


- https://uxplanet.org/ultimate-guide-to-color-in-ux-ui-design-de8eb104b5d3
- https://uxplanet.org/atmospheric-design-what-is-it-and-how-can-it-be-achieved-6817da74bad2

- Men tend to interact more with websites that have darker design schemes and more saturated colors.
- Women tend to prefer to interact with websites that have lighter design schemes and more muted color palettes, such as Tally, below.
- Some men have a sharp reaction to websites using distinctly feminine colors such as pastel pinks, purples, and yellows.
- More women tend to be put off by websites with harsh color schemes such as dark background with fully saturated red accents.
- Mid-tone palettes are the most generally appealing to everyone.

- Red: Power, danger, love/passion, hunger
- Yellow: Energy, happiness, light, warmth
- Orange: Creativity, determination, stimulation, encouragement
- Green: Nature, growth, harmony, freshness
- Blue: Confidence, trust, serenity, calmness
- Purple: Magic, royalty, ambition, independence


60-30-10 rule
Storytelling, guiding viewer's attention.
- 60-30-10 rule, organize color proportions, primary, secondary, accent colors
- the brain processes thousands of visual details at once, using a limited color palette, individual colors take on more significance.
- color relativity
- the brain processes colors contextually, you can make certain elements pop
the importance of color in UI design
It significantly influences first impressions of a product. It discusses the concept of creating a color system rather than just mixing visually appealing colors.
Key points include:
- Color Values: Understanding different color models like Pantone, CMYK, HEX, and RGB is crucial, especially since HEX and RGB are primarily used for screen design.
- Application: Color choices can convey different emotions and messages, impacting user experience.
- Best Practices: The guide provides tips for effective color usage, ensuring consistency across digital and print platforms.
Overall, the article serves as a foundational resource for both beginners and advanced designers in mastering color usage in UX/UI.