To emphasize a specific interaction:
- Use strong color to contrast content that a user interacts with
- Contrast should be relative to content a user hasn’t interacted with

Arizona State University

University of Michigan - Ann Arbor

Color can provide information about the state of an app, its components, and its elements. 

This includes:

- Current state of an element or component, such as whether a button is enabled or disabled
- Changes in state to an app, component, or element
- Color should be noticeable when indicating state changes, such as subtle differences - Color may be missed so it’s best to indicate a change of state in more than one way, such as displaying an icon or moving the location of an element

State of an App Determined by Web Elements

Indicating Interaction by User Interaction 

To emphasize selected elements use: 
- Strong color contrasts on those elements
- Specific color for elements 

Learn Before

Related