- 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

Color should be used consistently in a product's user interface so that certain colors always convey the same meaning. Attention must also be given to colors with local or cultural significance; for example, alerts may typically be colored red in some cultures but have different connotations in others.

Learn Before

Related