62
Don’t Be Ugly Suck Less Through Good Typography And Document Design

Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

  • Upload
    vongoc

  • View
    221

  • Download
    1

Embed Size (px)

Citation preview

Page 1: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Don’t Be Ugly

Suck Less ThroughGood Typography And

Document Design

Page 2: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Why Typography Matters (from Typography for Lawyers)

Page 3: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Why Typography Matters (from Typography for Lawyers)

Page 4: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Communication And Reader Attention

“Writing as if you have unlimited reader attention is presumptuous because readers are not doing you a personal favor. Reading your writing is not their hobby. It’s their job. And their job involves paying attention to lots of other writing. . . .

“. . . [M]ost readers are looking for reasons to stop reading. Not because they’re malicious or aloof. They’re just being rational. If readers have other demands on their time, why should they pay any more attention than they absolutely must? Readers are always looking for the exit.”

Matthew Butterick, Typography for Lawyers

Page 5: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Good Typography

• Reinforces the goals of the text• Enhances communication• Holds reader attention• Eases the reader’s task

Page 6: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Bad Typography

• Is at odds with the goals of the text• Inhibits clear communication• Makes the reader look for the exits• Makes your brief hard to read and less

persuasive

Page 7: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Don’t Let Bill Gates Choose Your Oral Argument Attire

Page 8: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

If You Don’t Believe Me, Believe The Seventh Circuit

Page 9: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

The Cover

No Second Chance To Make A First Impression

Page 10: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly
Page 11: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly
Page 12: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly
Page 13: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Pretty Good

Page 14: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Wear Appropriate Attire

Fonts for Reading

Page 15: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

General Font Rules

• Proportional fonts work better than monospaced fonts

• Book fonts work better than newspaper fonts

• Serif fonts work better for body text than

Page 16: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Proportional v. Monospaced

Page 17: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

If You Don’t Believe Me, Believe The Seventh Circuit

Page 18: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Proportional v. Monospaced

Page 19: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Serif v. Sans Serif

Page 20: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Serif v. Sans Serif

Page 21: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Book v. Newspaper

Page 22: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

But What About Times New Roman?

Page 23: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Book v. Newspaper

Page 24: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

The Font That Dare Not Speak Its Name

“When Times New Roman appears in a book, document, or advertisement, it connotes apathy. It says, ‘I submitted to the font of least resistance.’ Times New Roman is not a font choice so much as the absence of a font choice, like the blackness of deep space is not a color. To look at Times New Roman is to gaze into the void.”

Matthew Butterick, Typography for Lawyers

Page 25: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Accessorize (Fonts for Headings)

• Sans Serif makes for very readable headings

• Contrast to show the difference between headings and text

• Some people don’t like this (and that’s OK!)

Page 26: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Sans Serif Headings

Page 27: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

DON’T SHOUT

Page 28: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

DON’T SHOUT

Page 29: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Don’t Shout

Page 30: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

DON’T SHOUT

LEGIBILITY DEPENDS UPON THE TOPS OF THE LETTERS. BUT IF I GIVE YOU A LINE OR A PARAGRAPH OF ALL CAPS RECTANGLES, I TAKE AWAY CONTOURS OF THE TOPS OF THE LETTERS AND I MAKE IT REALLY HARD TO READ. SMALL CAPS OR INITIAL CAPS ARE A MUCH BETTER WAY TO GO. AND MORE POLITE TOO.

Page 31: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Space, the final frontier . . .

• Get from one line to the next without a hitch

• Line height and line length• Double spaced 1 inch margins required by

the rules are not optimal• Put related things together• More space before heading, less

afterwards

Page 32: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Worst

Page 33: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Decent

Page 34: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Better

Page 35: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Best

Page 36: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Emphasize with class

• Don’t underline. Ever. It’s ugly and makes the text harder to read.

• On the RARE occasions where it is appropriate to emphasize a word or phrase, use bold or italic instead.

• Bold and italic styles are specially designed to match basic style of font.

Page 37: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Emphasize with classUnderlining is a holdover from the typewriter age. Typewriters had no bold or italic styling. So the only way to emphasize text was to back up the carriage and type underscores beneath the text.

Underlining is a holdover from the typewriter age. Typewriters had no bold or italic styling. So the only way to emphasize text was to back up the carriage and type underscores beneath the text.

Page 38: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Say Something

• Heading should be a declarative statement• State what you want the reader to

conclude• Headings should be frequent• Enhances screen readability• Creates space• Creates a usable table of contents

Page 39: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Headings That Say Nothing

Page 40: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

The Useless Table Of Contents

Page 41: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Headings That Won’t Shut Up

Page 42: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

More Headings That Won’t Shut Up

Page 43: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Unreadable Table Of Contents

Page 44: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

The Goldilocks Heading

Page 45: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

The Persuasive Table Of Contents

Page 46: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Use bullet lists effectively

• I don’t like Word’s default settings for bullet lists.

• Not enough indentation.• Always use a hanging indent. • Bullet list will lose all effect if double

spaced.• Try using a different font for the bullet list.

Page 47: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Use bullet lists effectively

Page 48: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Use bullet lists effectively

Page 49: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

How Not To Be Read

Page 50: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Dash Dash Dash

• When setting off an interruptive phrase with dashes, don’t use hyphens.

• Use en-dashes or em-dashes.

• Lately, I prefer em-dashes.

• No definitive answer on the issue of spaces around the dashes.

Page 51: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Dash Dash Dash

Page 52: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

No Double Space. Period.

• Typewriter rule left over from monospaced fonts• Creates rivers of white space to disrupt your

paragraphs• EVERY typography and style guide says one

space only.• “If you’re skeptical, pick up any book,

newspaper, or magazine and tell me how many spaces there are between sentences.”

Page 53: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

If You Don’t Believe Me, Believe The Seventh Circuit

Page 54: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Footnote Wars• I am not a footnote fundamentalist• I use footnotes whenever doing so helps the reader • This usually means using footnotes to deemphasize

material that is secondary or would interrupt the reader from my point.

• Often this means putting record cites below the text rather than interrupting the story.

• Refrain from using footnotes whenever a footnote would hinder the reader.

• This usually means not using a footnote when the identity of a source is important to the story.

Page 55: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

The Secret Code Fact Section

Page 56: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Stories For Humans

Page 57: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Guidelines on Footnotes And Legal Authority

• Use footnotes whenever doing so helps the reader • This usually means using footnotes to deemphasize

citations that are secondary (“See alsos” or string cites)• Refrain from using footnotes whenever a footnote might

hinder the reader. • This may mean avoiding use of a footnote when the

source of an authority is important (e.g., key cases).• A complete lack of authority in the text is troubling to

some readers• All footnotes can be troubling to the presbyopic judge or

the screen reader

Page 58: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

The Guidelines In Action

Page 59: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Footnote Formatting

• 10 pt. font size too small.

• Use the same justification as body text.

• Indent correctly.

• Put a 6pt space between notes.

Page 60: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

Footnote Formatting

Page 61: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

For Further Reading

• Matthew Butterick, Typography For Lawyers• http://www.typographyforlawyers.com/• Ruth Anne Robbins, Painting with Print• http://www.ca7.uscourts.gov/Rules/Painting_with

_Print.pdf• Requirements and Suggestions for Typography

in Briefs and Other Papers• http://www.ca7.uscourts.gov/Rules/type.pdf

Page 62: Don’t Be Ugly - dallasbar.org · Don’t Be Ugly Suck Less Through ... If You Don’t Believe Me, Believe The Seventh Circuit. Proportional v. Monospaced. ... Don’t Be Ugly

For Further Reading

http://www.appellaterecord.com/