Typography & Graphic Communication

Watch

• The first secret of great design | Tony Fadell ↗TED
• Why are these 32 symbols found in caves all over Europe | Genevieve von Petzinger | TED ↗TED
• Episode 01: Why this Book? | Animation Fundamentals (English) ↗dedicated designer
• Swiss Design: Iconic & Influential (Original Long Version) ↗Design Smith

Read

• The Elements of Typographic Style ↗This canonical guide offers a meticulous exposition of typographic principles, essential for anyone seeking mastery over the printed word's aesthetic and legibility.Robert Bringhurst
• Thinking with Type ↗An accessible yet rigorous primer, this volume demystifies typographic theory and practice, making complex concepts digestible for the modern designer.Ellen Lupton
• Grid Systems in Graphic Design ↗A foundational text demonstrating the enduring power of systematic grid structures to bring order and clarity to visual communication.Josef Müller-Brockmann
• Stop Stealing Sheep & Find Out How Type Works ↗This engaging and opinionated guide provides practical insights into type selection and usage, cutting through academic jargon with refreshing directness.Erik Spiekermann
• The Crystal Goblet, or Printing Should Be InvisibleThis influential essay argues compellingly for typography's role as a transparent vessel for content, advocating clarity and subservience to the message.Beatrice Warde

Voices to follow

• Erik Spiekermann ↗A titan of German typography, his work and writings have profoundly shaped contemporary type design and its digital dissemination.Typographer, designer, author, founder of FontShop
• Ellen Lupton ↗Her accessible yet incisive analyses demystify design theory, making complex typographic concepts digestible for a broad audience.Graphic designer, curator, author, educator at Cooper Hewitt
• Michael Bierut ↗A leading voice in design discourse, he articulates the strategic power of graphic communication with clarity and wit.Graphic designer, design critic, partner at Pentagram
• Paula Scher ↗Renowned for her bold, expressive typographic solutions, she demonstrates how type can be both functional and a vibrant artistic medium.Graphic designer, painter, partner at Pentagram

Glossary

• AlignmentAlignment refers to how text or objects are lined up on a page or screen. Common alignments include left, right, center, or justified (spread evenly across the width). For example, most books use left alignment for paragraphs, while poem titles are often center-aligned.
• ContrastContrast is the difference between two or more elements in a design, used to make certain parts stand out or to create visual interest. This can be achieved through differences in size, color, shape, or typeface. For example, using a large, bold title with small, light body text creates strong contrast, making the title immediately noticeable.
• FontA font is a specific size, weight, and style of a typeface. Think of it as a particular version of a typeface. For example, "Arial Bold 12pt" is a font, while "Arial" is the typeface.
• HierarchyVisual hierarchy is the arrangement of elements (like text and images) in a way that guides the reader's eye to the most important information first. It tells you what to look at and in what order. For example, a newspaper uses hierarchy by making headlines large and bold, subheadings a bit smaller, and body text even smaller, so you know what's most important.
• KerningKerning is the adjustment of space between individual letters to make them look evenly spaced and visually pleasing. It's about fine-tuning the gaps between specific letter pairs. For example, if the letters "VA" in a logo look too far apart, a designer might use kerning to bring them closer together.
• LayoutLayout is the overall arrangement and organization of all the visual elements on a page or screen, including text, images, and white space. It's like planning where everything goes to create a balanced and effective design. For example, the layout of a poster determines where the title, picture, and event details are placed.
• LeadingLeading (pronounced "led-ding") is the vertical space between lines of text. It helps improve readability by preventing lines from looking too cramped or too spread out. For example, increasing the leading in a long paragraph makes it easier to read because there's more white space between the lines.
• Sans-serif"Sans" means "without," so a sans-serif typeface is one that does not have the small decorative strokes (serifs) at the ends of its letters. These typefaces often look cleaner and more modern. For example, Arial and Helvetica are sans-serif typefaces because their letters have smooth, plain ends.
• SerifA serif is a small decorative stroke or line attached to the end of a larger stroke in a letter or symbol. Typefaces with these strokes are called serif typefaces. For example, the little "feet" at the bottom of the letters in Times New Roman make it a serif typeface.
• TypefaceA typeface is a specific design of letters, numbers, and symbols, like a unique style of handwriting. It's the overall look of the characters. For example, Arial, Times New Roman, and Comic Sans are all different typefaces.
• TypographyTypography is the art and technique of arranging letters and text to make them clear, readable, and visually appealing. It's about choosing typefaces, sizes, and spacing to create a specific look and feel. For example, the way text is presented in a magazine, on a website, or in a school textbook is all thanks to typography.

Threads 3

Where this connects to other fields, and why it's worth knowing.

• Writing Systems Literature

  In the 1920s Turkey's leader Ataturk swapped the country's Arabic letters for Latin ones, almost overnight. Just like that, every kid could read the new signs, but nobody could read grandma's old books anymore. Changing the alphabet quietly cut a whole nation off from its own past, on purpose.

• How Learning Works Education

  Weirdly, an ugly, hard-to-read font can help you remember more. The extra effort of decoding the letters forces your brain to work harder and lock the information in deeper. So a slick, easy design and durable memory can actually pull against each other, a twist researchers call 'desirable difficulty.'

• Rhetoric & Persuasion Literature

  A font talks before you read a single word. The same sentence set in goofy Comic Sans versus elegant Baskerville is actually believed by readers at different rates, tested and measured. So typography is silent persuasion: the shape of the letters is quietly vouching for the message, or quietly wrecking it.