Contrast
Introduced| English | Meaning |
|---|---|
| contrast/ˈkɒntræst/ | The difference between elements. |
| visual hierarchy/ˈvɪʒuːəl ˈhaɪərɑːki/ | The arrangement of visual elements to show their relative importance and guide attention. |
Difference creates energy
- Contrast 对比 is the difference between elements.
- It can be of value, colour, shape, texture, or size.
- Contrast creates energy, variety, and readability.
High or low contrast effect?
Sort each result by whether it comes from high or low contrast.
Contrast is best described as the ____ between elements.
Difficulty 1/5 · 100 coins + a small bonus on first completion today
Contrast is the difference between elements.
Select all kinds of contrast.
Difficulty 2/5 · 140 coins + a small bonus on first completion today
Value, colour, and size are kinds of contrast; time is not a visual element.
Match each level of contrast to its effect.
Difficulty 2/5 · 140 coins + a small bonus on first completion today
High = drama; low = calm; hierarchy = order.
Contrast and attention
- Strong contrast attracts attention and defines a focal point.
- Low contrast unifies a work and feels calm or subtle.
- The right amount of contrast guides the viewer's eye.
A value scale, and value contrast modelling a form
Low contrast tends to make a work feel dramatic and tense.
Difficulty 1/5 · 100 coins + a small bonus on first completion today
False. Low contrast tends to unify a work and feel calm; high contrast is the dramatic choice.
Visual hierarchy
- In design, contrast creates visual hierarchy 视觉层次.
- Bigger, bolder, higher-contrast elements are seen first.
- This tells the viewer what matters most and in what order.
In design, contrast creates visual ____, guiding what the viewer reads first.
Difficulty 1/5 · 100 coins + a small bonus on first completion today
Visual hierarchy ranks elements by importance through contrast.
Contrast is a tool with a dial, not an on-off switch. High contrast grabs attention and adds drama; low contrast unifies and calms. Too much everywhere is chaotic; too little is dull. Use contrast deliberately to guide the eye.
A poster puts the headline in huge dark bold type and the fine print in small grey text. The strong contrast in size and value creates a clear visual hierarchy — you read the headline first, exactly as intended.
Contrast is difference — of value, colour, shape, texture, or size. Strong contrast attracts attention and defines a focal point; low contrast unifies. In design, contrast creates visual hierarchy, telling the viewer what to read first.
Write from a 14 cm mark beside a 2 cm mark
- One shape is 14 cm across.
- The shape beside it is 2 cm across.
A design places a 14 cm shape beside a 2 cm shape. What kind of contrast is that, and how is it different from black beside white?
A large shape next to a small one creates energy through scale.
What kind of contrast is 14 cm next to 2 cm?
Difficulty 1/5 · 100 coins + a small bonus on first completion today
The difference is one of size, not of light and dark.