The basic effect of the UI--2

(d) Highlighting

The user's attention is guided by animation. Make the user aware of changes that may be overlooked on the interface. The goal is to use animations to guide users to specific objects. Light and coloring are often used as examples of highlighting.

Highlight the category of dynamic effects:

1. Zooming

Applicable occasions: When a particular object needs to be highlighted.

Action Description: Zooms the target object to highlight it.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

2. Rotate

Applicable occasions: When a particular object needs to be highlighted.

Action Description: Rotates the target object to highlight it.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

3. Coloring

Applicable occasions: When a particular object needs to be highlighted.

Action Description: Highlighted by the target object's color.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

4. Fading

Applicable occasions: When a particular object needs to be highlighted.

Action Description: The surrounding object fades to highlight the target object.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

5. Blur

Applicable occasions: When a particular object needs to be highlighted.

Action Description: Blur the surrounding object to highlight the target object

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

6. Darken

Applicable occasions: When a particular object needs to be highlighted.

Action Description: The surrounding objects darken to highlight the target object.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

7. Flip

Applicable occasions: When a particular object needs to be highlighted.

Action Description: Flips the target object to highlight it.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

8. Glow Highlighting

Applicable occasions: When a particular object needs to be highlighted.

Action Description: The target object glows to highlight.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

9. Change the depth

Applicable occasions: When a particular object needs to be highlighted.

Action Description: The target is moved to a different object before it is highlighted.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience: The object looks like it has changed its depth.

10. Grey Display

Applicable occasions: When a particular object needs to be highlighted.

Action Description: The surrounding object is dimmed to highlight the target object.

Consistency:-

Advantage: The object guides the user's gaze through the attention-grabbing animations.

User experience:-

11. Zoom In

Applicable occasions: When a particular object needs to be highlighted.

Action Description: The target object zooms in when the user interacts with it.

Consistency: If the object is no longer active, it should return to its original size.

Pros: By zooming in on the target to show which object is active and interacting.

User experience:-

The basic effect of the UI--2