Colors in UI Design — Theory, Psychology & Practice

Photo by George Becker from iconscout

Color Psychology

Color preference of men and women

Let’s understand it with a demo app

Expense Manager Demo App

Color Theory

Famous Color Wheel

Hue

Value

Photo by Nextvoyage from iconscout
Color with Value

Saturation

Color Saturation

Color in User Interface Design

Golden Ratio — 6:3:1 Rule

Color Palette using 6:3:1 rule

Shadows in UI

Photo by Brigitte Tohm from iconscout
Shadow in UI element

Color in Typography

Both color with same opacity

Iconscout - Design Assets Marketplace

Iconscout is India’s first digital resource marketplace. Powered by community of passionate creative artist, Iconscout offers ready to user high-quality design resources like Icons, Illustrations and Stock photos.

Dalsukh Tapaniya

Written by

Thinker. Creator. Designer. Developer.

Iconscout - Design Assets Marketplace

Iconscout is India’s first digital resource marketplace. Powered by community of passionate creative artist, Iconscout offers ready to user high-quality design resources like Icons, Illustrations and Stock photos.