- This weather app pairs color with weather conditions
- A navigation app uses color to signal traffic conditions.

Arizona State University

University of Michigan - Ann Arbor

Color communicates the meaning of different UI elements. For example, a weather app displayed colors indicating current weather conditions.

Meaning with Color in UI

Examples of Meaning Using Color

Color should be used consistently in a product so that certain colors always mean the same thing.
- Attention should also be given to colors with local or cultural significance
- For example, alerts may typically be colored red in some cultures but not in others

Learn Before

Related