# Visual hierarchy

> The ordering of visual emphasis that guides attention through content.

Course: [Graphic design foundations](https://studybrix.com/en/courses/graphic-design/index.md)
Level: university
Prerequisites: No design software required.

## Notes

### Hierarchy

The ordering of visual emphasis that guides attention through content.

### Contrast

A noticeable difference used to separate or emphasize elements.

### Scale

Relative size used to indicate importance or structure.

### Whitespace

Unoccupied space used to separate, group and improve readability.

## Practice questions

### 1. Which term best matches this description: The ordering of visual emphasis that guides attention through content.

A. Hierarchy
B. Whitespace
C. Contrast
D. Scale

Answer: Hierarchy

Explanation: Hierarchy is the matching concept in this lesson.

### 2. Which term best matches this description: A noticeable difference used to separate or emphasize elements.

A. Hierarchy
B. Contrast
C. Whitespace
D. Scale

Answer: Contrast

Explanation: Contrast is the matching concept in this lesson.

### 3. Which concept would you apply first in a situation where relative size used to indicate importance or structure.

A. Hierarchy
B. Scale
C. Contrast
D. Whitespace

Answer: Scale

Explanation: The scenario directly calls for Scale.

### 4. Name the concept described as: Unoccupied space used to separate, group and improve readability.

Answer: Whitespace

Explanation: The intended concept is Whitespace.

### 5. Which statement about Hierarchy is most accurate?

A. The ordering of visual emphasis that guides attention through content.
B. Relative size used to indicate importance or structure.
C. Unoccupied space used to separate, group and improve readability.
D. A noticeable difference used to separate or emphasize elements.

Answer: The ordering of visual emphasis that guides attention through content.

Explanation: The definition in the lesson notes gives the required condition.

### 6. Explain one important difference between Hierarchy and Contrast.

Sample answer / marking guidance: Hierarchy: The ordering of visual emphasis that guides attention through content. Contrast: A noticeable difference used to separate or emphasize elements.

Explanation: Credit a clear distinction using both definitions and an appropriate example if supplied.

### 7. Give a short example showing how Scale would be used in practice.

Sample answer / marking guidance: A valid example should demonstrate this idea: Relative size used to indicate importance or structure.

Explanation: Credit a relevant scenario that applies the concept rather than merely naming it.

### 8. Summarize why Whitespace matters in the lesson “Visual hierarchy”.

Sample answer / marking guidance: Whitespace matters because Unoccupied space used to separate, group and improve readability.

Explanation: Credit the core purpose, scope and any important limitation from the notes.

## Further reading

- https://www.w3.org/WAI/

Original AI-assisted educational draft; not independently teacher-reviewed. References support further study, not copied exercises, affiliation or curriculum accreditation.