December 19, 2018
Typography has to be completely rethought.
The old, standard way — Bauhaus, Swiss, minimal — was perfect in a static environment like print. Now we have animated type, dynamic CSS units, variable fonts and viewports, spatial AR / VR typography.
And less attention.
We need both a classic and an experimental typographic system.
Classic used to style old-form content like long text — we can’t avoid this type of content. It will be always present.
Experimental used to style presentational content like landing pages, storytelling, and whatever needs a short span of attention.
Invented by Bauhaus a century ago classic typography is still relevant today. Everything static on print — books, magazines, newspapers, posters — and everything static on screen — graphic design, blogs, marketing websites, social networks — are using its principles.
Minimal typography is built on a basic assumption: there is always a body text in a content; there is always something to read. A long form text like an article, a book chapter, a description — or a short form text like an event invitation with details.
The main goal of this kind of typography is to make the reader read the text, and, to offer help when the text is too long or diverse. It wraps into chapters, sections and subsections with title; it decorates with quotes, asides, tables, first letter initials, spacers — and so on.
Minimal typography’s basic rule is to set the body text first:
These three are defining the typographic grid where everything else — headings, quotes, figures, figure captions — are aligned.
Every new element on the grid has to differ in a minimum amount of properties from the body text. You don’t let your fantasies go wild here. Just compose up with care.
For example if your text has just one heading you don’t increase it’s size. You make it bold and space generously from previous and next elements. This way it won’t be confused with bold text inside the body text, and, will differ in a minimal way from the body text itself.
This approach of constructing typography for print, for user interfaces is highly effective and still brings in endless creativity offered by the unlimited typefaces, colors, images and other decorators available.
The problem with classic typography in today’s context lies in it’s foundation, basic assumptions:
Today with smartwatches, smartphones, tablets, emojis, interactive installations, moving images and text, variable fonts, skim reading, likes and shares, immersive computing — we need other assumptions.
To set up the rules of this new experimental typography is an ongoing process. Hopefully someday we can come up with a system.
Until then, ideas.
To React with best practices. Written by @metamn.