April 10, 2017 Sid No Comments on Watch: Basic Typographic Hierarchies
Watch: Basic Typographic Hierarchies
When our writers at MicroCreatives are creating an article, it’s usually the title or headline with the largest font size to give emphasis. In creating web content, this is what we format as Heading 1, then subheadings as Heading 2, and the content as normal paragraph font. Within the content, some important words or phrases are in bold or italicized format. This is what we call typographic hierarchies; formatting types according to their level of importance.
Typographic hierarchy is done by using different fonts as well as variation of weights and sizes of the same typeface. This helps guide the readers to find the information they are looking for and know what they need to navigate through the content. Typographic hierarchy is also observed in branding, graphic design, and information design, among others.
Lynda.com, an educational website, shared a video in 2013, titled, “Foundations of Typography” by Ina Saltz. The video highlights the role of hierarchy in typographic design. It covers best typographic practices, adding impact through type, measurement and size, and other typographic elements that can affect the design, including alignment and spacing. An excerpt of the tutorial can be found below.
The video above focuses on typographic hierarchies in the world of packaging, specifically designing packaging labels. In packaging, there two levels of typographic hierarchy: the first level is how well the entire package stands out among the others around it and how it projects its individuality personality. The second level of hierarchy is how clear the levels of typographic hierarchy are indicated by size, weight, color, orientation, and adjacency. The video explains how typographic design can affect the overall design and the message the brand or the product wants to convey.
Typographic hierarchy will always come up almost every time text is present. Share the video with everyone you know. It probably seems like common knowledge, but it is greatly useful to those in the design industry and everyone dealing with typography and content.
To learn more about typography, check out these related readings:
- Handy Open-Source Typography Handbook For Best Industry Practices
- Less Is More: Using Whitespace In Web Design
- Character Spacing In All Caps Headings
- The History Of Typography
- Typography: Basic Terminologies
- How Typography Can Improve Branding
- 4 Tips For Using Text In Your Design
- Well-Matched Typography Engages More Users