Typographic Hierarchy Quiz

Typographic Hierarchy

• Hierarchy is a design concept, easy to implement when dealing with typography.
• It's a system for organizing text based on importance.
• Users can easily navigate and understand information within a design.
• A well-structured hierarchy leads to a more visually appealing and easy-to-understand design.

Three Levels of Hierarchy

• Level One: Most important content, immediately noticeable typographic elements.
• Level Two: Organizes the design into sections and directs readers to different sections. Subheadings in a document.
• Level Three: The body or main text of the design. The primary concern is readability with smaller font sizes if necessary.

Examples of Hierarchy

• Newspapers (headline, subheadline, body copy) are a classic example of a typographic hierarchy.
• It's a common method used in both print and online mediums.

Visual Appeal

• Designs with no hierarchy are visually unappealing and hard to read.
• Design elements with different sizes, weights, and styles create visual appeal while improving readability.

Creating Hierarchy

• Varying font sizes is the simplest way to create contrast, increasing size for most important information (top-level). The size decreases as information moves down the page.
• This top-to-bottom hierarchy is a natural method for reading and easy to navigate.
• Grouping related information together improves organization. This can be done using level two type.

Contrasting Typefaces

• Using a sans-serif and serif typeface in a design is a common practice for a visually appealing effect.
• It's a good starting point.
• Different fonts create visual impact.

Font Styles and Weights

• Font styles can include italics, small caps, and condensed/extended versions.
• Weight refers to the visual lightness or heaviness of a font (e.g. light, medium, bold.)
• Varying font styles and weights can further enhance a design's hierarchy.