Concept / Image-text hierarchy

Image-text hierarchy

A layout using image and text size or position to show importance

A layout using image and text size or position to show importance.

A phrase to start with

Guides reading order through relative image and text emphasis.

Appearance and effects

Guides reading order through relative image and text emphasis.

Visual traits

  • image and text emphasis

Expected changes

  • Guides reading order through relative image and text emphasis
  • The feature is more likely to be legible

Five examples

1 — Medium-sized dog
Open image ↗
2 — Cat
Open image ↗
3 — Teenage boy
Open image ↗
4 — Unoccupied interior
Open image ↗
5 — Valley with a river and mountain ranges
Open image ↗

Meaning and scope

Definition

A layout using image and text size or position to show importance. It does not determine a particular work person culture technology or narrative.

In more detail

Guides reading order through relative image and text emphasis. Content color art style and place remain separate choices.

Includes

  • A layout using image and text size or position to show importance

Excludes

  • A particular work or person
  • A particular culture or technology
  • A final deliverable type

What this does not imply

  • A particular work person or culture
  • A particular art style or medium
  • A specific narrative

Variability

Strength can be adjusted while keeping content legible.

Usage and adjustments

Usage

  • Specify only layout or period setting
  • Specify other conditions separately

Distinguish similar expressions

  • Specify art style and narrative separately

Typical uses

  • Guides reading order through relative image and text emphasis
  • Organize content for clear reading

Possible failure modes

  • The feature is not legible and becomes generic
  • It is confused with another layout or period

Content updated:

From the same theme

Items linked through explicit membership in the same theme.