From the course: Graphic Design Tips & Tricks
Typographic silence
From the course: Graphic Design Tips & Tricks
Typographic silence
- Came across a book awhile back titled "My Heart" by Corinna Luyken. The whole book is a single short poem that she wrote and illustrated, and it's sweet. "My heart is a window. "My heart is a slide. "My heart can be closed or opened up wide." And on it goes. A rainy heart, a broken heart, and to the final spread, "I get to decide." What caught my eye was the extremely simple typography. Every spread has only a few words alone in a sea of white space or in this case illustrated space. White space, you already know this, is visual silence. And when you have something valuable to say, silence is a big thing. Silence is what allows you to hear. But type is naturally talky. When you set type, it's talking to you. So how do you quiet it? I think there are three things. One is your choice of type style. You want it appropriate to the subject, but not imposing a voice of its own. Lily Malcom, who designed this book, chose the typeface Granjon. It's a classic book face almost identical to Garamond, so it's warm and familiar, but almost invisible to your mind. You may not even have noticed it. Two is the way you set it. And three is where on the page you put it. Let me make an example. I love these lines from poet Mary Oliver. "Things take the time they take. "Don't worry. "How many roads did St. Augustine follow "before he became St. Augustine?" Here's what I did. I started with a favorite face of mine called Filosofia. I like it because it's soft and warm and very human. It's rounded and cupped and a little quirky. Less desirable for me would be Times Roman like this, which is sharp and spiky and comparatively harsh. You already know not to use a script. It's hard to read, flamboyant. Or a block shadow, which is decorative and also hard to read. Trickier, though, would be this. This is Goudy Sans. Very pleasant typeface. Pretty, easy to read, but with a strong style. It has a flare, lot of calligraphy, and those qualities will color the words, which we don't want. So Filosofia. Next was to break the lines as the poet did, which left this widow. That's nothing something I do in prose, but here it's on purpose. Line spacing projects voice. I left it as you see it, which is neutral like a book. If it were tight like newspaper text, there's pressure like something being compressed, which also imposes tension. If the spacing is very wide, it feels unnatural enough to also draw attention. So leave it as it is. You may see an unintended shape here. We want to soften that so it's more like a spoken voice. Two things. First, break the left edge with a hanging indent, which is natural anyway for poetry. Then on the right, indent the byline to here, which aligns with nothing, and italicize it, which sets it apart from the poem very quietly. And I like this. Soft type, neutral spacing, organic shape. It reads gently and correctly, and you won't notice it. Next, a soft background. And reduce its size by half. Question here is where does it go? Not in the center. The center is a target. It draws eyes from every direction. If this were a logo, it's the perfect spot. But for this, no. To the right creates another kind of tension. Our eyes naturally move to the right, so they just blast across this space. This position is active. It's crowding the edge. There's all kinds of issues here. I tried a few others, top, bottom. Wound up here. And to my eye, this feels right. It's quiet. I think that's because the position is ambiguous. No movement. So that's on an abstract screen, which is generally my preference because it allows the reader to assign the meaning or no meaning. You can read into it what you will. If you want an image, my preference also leans toward the abstract like this. I want those words to be the thing. There's always the temptation to do this. It's a beautiful picture. There's a road. There's a promising light at the end of the road. all that. And how many things have you seen just like this? But given the words, I don't like it. It strikes me as trying to lead the reader. That light is a promise that's not in the words. The words give hope, but you can't promise an outcome. So it feels false and kind of saccharine. I like this better. It's attractive. It's true to the words, but I think too literal. Just picturing words is the least interesting use of art. Art has the power to bring mystery and nuance and emotion. So one more. Of the three, I like this best. The words are behind her. The uncertainties of the sea, future unknown. But there's hope here, endless horizon. Perhaps some sadness, but we're on our way come what may. All of this is so subtle and tricky. It's a little like painting with words. It takes a very light touch, demands a light touch. But if you can get words and images working together like that children's book so the words just release the story without coloring it, magic can ensue. And that's your design for today. See you next time.
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Design a modern cover: Think simple, clean, and angular3m 22s
-
(Locked)
Transform a product sheet: Put your words here, not there3m 1s
-
(Locked)
Design a business card: Make it look like what it says4m 40s
-
(Locked)
Double your artwork for free: Use the same picture twice3m 49s
-
(Locked)
Design a ghosted logo: A picture always goes with itself5m 39s
-
(Locked)
Design a business card using repetitive shape4m 38s
-
(Locked)
Why round letters are bigger than straight ones1m 49s
-
(Locked)
Design a powerful poster: Work with your photo, not against it7m 13s
-
Design stationery that’s almost a brochure: Picture your product, not your logo7m 42s
-
(Locked)
Alignment: Your ruler’s good only for regular things4m 32s
-
(Locked)
Logo design: Think simple3m 40s
-
(Locked)
Your design needs a focal point: Dramatic photo anchors a strong makeover8m 5s
-
(Locked)
Chart your data with images2m 26s
-
(Locked)
Make a beautiful logo with off-the-shelf type3m 30s
-
(Locked)
How to transfer your look to a new format13m 55s
-
Angles4m 52s
-
(Locked)
The (very!) versatile art of the silhouette8m 14s
-
(Locked)
Easy, functional one-line design6m 30s
-
(Locked)
Signage: Consistency makes the brand7m 59s
-
(Locked)
Elementals: How black, white, and gray make depth2m 43s
-
(Locked)
A beautiful desk calendar you can make yourself9m 28s
-
(Locked)
Lesson of the counterintuitive logo5m 24s
-
(Locked)
How to design visual instructions5m 42s
-
Design a beautiful CD package9m 7s
-
(Locked)
Simple brochure presents your face to the public2m 37s
-
(Locked)
Soften the edge2m 49s
-
(Locked)
Small layout packs a big punch6m 59s
-
(Locked)
Shape it: Part one6m 52s
-
(Locked)
Shape it: Part two4m
-
(Locked)
A logo makeover: Part one5m 3s
-
(Locked)
A logo makeover: Part two5m 22s
-
(Locked)
Grid collage3m 8s
-
(Locked)
People in a group on a grid5m 24s
-
(Locked)
Magazine cover redesign4m 33s
-
(Locked)
Designing cards with type alone7m 7s
-
(Locked)
Designing a small-space advertisement4m 11s
-
(Locked)
Designing a business card for a photographer5m 17s
-
Designing names with type and basic shapes4m 17s
-
(Locked)
Review of an outdoor sign logo7m 58s
-
(Locked)
Creating a small multipage brochure9m 21s
-
(Locked)
Designing with black, white, and gray5m 19s
-
(Locked)
Gestalt techniques: Isomorphism6m 40s
-
(Locked)
Redesigning a business card7m 48s
-
(Locked)
How to put motion on a static page11m 59s
-
(Locked)
The color wheel6m 36s
-
(Locked)
Layout decision points5m 3s
-
(Locked)
Designing a tiny brochure3m 53s
-
(Locked)
Panoramic spacing3m 23s
-
(Locked)
Multi-use format for a business card7m 57s
-
The boring book cover challenge: Part 17m 31s
-
(Locked)
The boring book cover challenge: Part 24m 21s
-
(Locked)
The single space practice5m 1s
-
(Locked)
Incorporating hairlines into your design4m 22s
-
(Locked)
Close enough with color choice4m 39s
-
(Locked)
More design techniques with grids4m 35s
-
(Locked)
Lanzarote calendar assignment4m 11s
-
(Locked)
Foreground focal point2m 58s
-
(Locked)
Stop, look, observe3m 50s
-
(Locked)
Working with a rule of thumb (dynamic) grid8m 24s
-
(Locked)
The humble power of negative space9m 37s
-
(Locked)
Go with the flow9m 52s
-
(Locked)
Learning by doing11m 43s
-
(Locked)
For the love of design!4m 7s
-
(Locked)
The boring book cover challenge, part 35m 50s
-
(Locked)
Bold moves5m 6s
-
(Locked)
Simply beautiful4m 51s
-
(Locked)
Common but versatile looks5m 37s
-
(Locked)
Audacious philanthropy5m 50s
-
Simple slides12m 48s
-
(Locked)
Every face has a place5m 8s
-
(Locked)
Those little extras1m 53s
-
(Locked)
Seeing sight lines13m 34s
-
(Locked)
Swiss style grids, part 15m 26s
-
(Locked)
Swiss style grids, part 26m 54s
-
(Locked)
Poetic type5m 20s
-
(Locked)
Visual continuity4m 53s
-
(Locked)
Find your balance5m 25s
-
(Locked)
Procrastiworking with album covers10m 21s
-
(Locked)
Looking around: Why it works4m 17s
-
(Locked)
Don't fake it2m 3s
-
(Locked)
Find the focal point6m 5s
-
(Locked)
Tooth and texture8m 35s
-
(Locked)
Small and simple5m 37s
-
(Locked)
Design challenge: Dino Water3m 36s
-
(Locked)
Looking around: Address the audience2m 52s
-
(Locked)
Experimenting with borders5m 20s
-
(Locked)
Magazine layout triple threat5m 48s
-
(Locked)
Product ad comparison4m 5s
-
(Locked)
Lanzarote calendar assignment: Revisited5m 24s
-
(Locked)
Rewind: Simply beautiful4m 59s
-
(Locked)
Rewind: Seeing sight lines13m 33s
-
(Locked)
Find your center with typefaces4m 59s
-
(Locked)
Maki poster, part 15m 40s
-
Maki poster, part 26m 35s
-
(Locked)
Quick look: Decoded wallet case1m 2s
-
(Locked)
A type of luxury2m 32s
-
(Locked)
Quick look: Saltwater restaurant1m 15s
-
(Locked)
Quick look: Nick's Cove1m 1s
-
(Locked)
Less is more: Book covers5m 22s
-
(Locked)
Less is more: Notices5m 25s
-
(Locked)
Less is more: Posters4m 44s
-
(Locked)
Movement in design4m 16s
-
(Locked)
The British Academy: Logo4m 36s
-
(Locked)
The British Academy: Type3m 48s
-
(Locked)
The British Academy: Grid4m 45s
-
(Locked)
Quick look: Teavana rock sugar53s
-
(Locked)
Ask John: Authentic advice2m 33s
-
(Locked)
Blue Note: Donald Byrd album cover3m 50s
-
(Locked)
Blue Note: Caddy Daddy, Part 14m 45s
-
(Locked)
Blue Note: Caddy Daddy, Part 24m 28s
-
(Locked)
Blue Note: Caddy Daddy, Part 33m 56s
-
(Locked)
Ask John: Finding your passion2m 41s
-
(Locked)
It's all in the details: Lineweights1m 49s
-
(Locked)
Paper flyer redesign4m 6s
-
(Locked)
Set a headline with Gossamer3m 54s
-
(Locked)
Ask John: New business logo1m 52s
-
(Locked)
A new type: Helvetica Now5m 48s
-
(Locked)
In detail: Line values2m
-
Typographic silence6m 46s
-
(Locked)
Rebranded: Uber4m 6s
-
(Locked)
Capture connection with authenticity5m 27s
-