15 TYPE RULES (Intro to GD, Wk 11)

37
15 TYPE RULES & TIPS

description

Week 11, 15 Type Rules Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.

Transcript of 15 TYPE RULES (Intro to GD, Wk 11)

Page 1: 15 TYPE RULES (Intro to GD, Wk 11)

1 5 T Y P E R U L E S & T I P S

Page 2: 15 TYPE RULES (Intro to GD, Wk 11)

Smooth roads, soft beds, large windows, and sound-proof walls spell comfort to the average human being. The same feelings may

be applied to optimum reading comfort of the printed word: suitable paper, sharp printing, well-justified composition, and clean, open, universally recognized letterforms guarantee optimum legibility.

—Adrian Frutiger

Page 3: 15 TYPE RULES (Intro to GD, Wk 11)

“Legibility” is based on the ease with which one letter can be told from the other. “Readability” is the ease

with which the eye can absorb the message and movealong the line.

—from ‘Types of Typefaces,’ by J. Ben Lieberman, 1967

Page 4: 15 TYPE RULES (Intro to GD, Wk 11)

1 . L E G I B I L I T Y

Legibility refers to a reader’s ability to easily recognize letterforms and the word forms built from them. We don’t read by recognizing one letter at a time, but by recognizing the shapes of whole words

and phrases.

Page 5: 15 TYPE RULES (Intro to GD, Wk 11)

Type size is the most abused legibility attribute.

1 . L E G I B I L I T Y FA C T O R S

Page 6: 15 TYPE RULES (Intro to GD, Wk 11)

Text type has a greater need for legibility than display type because text type is smaller, so character

and word recognition is made more difficult.

1 . L E G I B I L I T Y FA C T O R S

Page 7: 15 TYPE RULES (Intro to GD, Wk 11)

Type’s legibility is determined in part by the spaces within and immediately surrounding each character. As type’s

size gets smaller, the spaces must be increased.

1 . L E G I B I L I T Y FA C T O R S

Page 8: 15 TYPE RULES (Intro to GD, Wk 11)

The alphabet has four shapes: vertical, round, vertical/round combination, and angular. Letters in each group can be mistaken for another: choose a typeface

where distinctions are clear.

1 . L E G I B I L I T Y FA C T O R S

Page 9: 15 TYPE RULES (Intro to GD, Wk 11)
Page 10: 15 TYPE RULES (Intro to GD, Wk 11)
Page 11: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y

Readability refers to the facility and comfort with which text can be comprehended. Text with good readability must also be legible,

but more legibility doesn’t make text readable.

Page 12: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y FA C T O R S

Optimal text size is 10 to 11 pt.

Medium weight produces maximum legibility: the relationship of letterforms to counter spaces is balanced.

Paragraphs of italic text are harder to read than roman.

Optimal line length is two alphabets (52 characters).

Optimal letterspacing is invisible.

Wordspacing should be sufficient to separate words but not so much that it weakens lines of type.

Page 13: 15 TYPE RULES (Intro to GD, Wk 11)

Linespacing should increase with line length.

Alignment: Consistent word spacing makes flush left easier to read than justified type.

Type color and background: Black on white is about twice as fast to read as white on black. Reducing contrast between type and back ground causes loss in legibility and readership.

Readers prefer serif faces for text reading.

High gloss paper makes images look great but makes type hard to read.

2 . R E A D A B I L I T Y FA C T O R S

Page 14: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y

Page 15: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y

(exerpt from Ellen Lupton’s Thinking in Type)

Page 16: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y

(exerpt from Ellen Lupton’s Thinking in Type)

Page 17: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y

Page 18: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y

Page 19: 15 TYPE RULES (Intro to GD, Wk 11)

2 . R E A D A B I L I T Y

Page 20: 15 TYPE RULES (Intro to GD, Wk 11)

3 . D A S H E S

Page 21: 15 TYPE RULES (Intro to GD, Wk 11)

4 . T Y P O G R A P H E R S Q U O T E S

Apostrophe vs prime, quotes vs inches. Straight or “dumb quotes” vs typographer, smart, or curly quotes.

Page 22: 15 TYPE RULES (Intro to GD, Wk 11)

5 . E L L I P S E S

An ellipses indicates omission and is also called a suspension point, or more commonly, dot-dot-dot. When the omitted words are within a

sentence, use a three-dot ellipsis preceded and followed by a space. The ellipses is not three periods, but a special character that is found under

the type menu under “Insert Special Character.”

Page 23: 15 TYPE RULES (Intro to GD, Wk 11)
Page 24: 15 TYPE RULES (Intro to GD, Wk 11)

6 . W H I T E S PA C E C H A R A C T E R S

Letterspace, em space, tabs. (see also, hair space, non-breaking space, thin space, figure space, punctuation space).

Page 25: 15 TYPE RULES (Intro to GD, Wk 11)

7 . D O U B L E S PA C E

Use only one space after periods. Never hit the space bar more than once.

Page 26: 15 TYPE RULES (Intro to GD, Wk 11)

8 . D O U B L E R E T U R N S

Use space before and space after to create extra space between paragraph-level elements.

Page 27: 15 TYPE RULES (Intro to GD, Wk 11)

9 . PA R A G R A P H S H A P E

Soft line breaks allow you to start a new line without starting a new paragraph. This will avoid creating a new paragraph that takes on the potentially unwanted formatting attributes of the paragraph that

it came from. You create a line break by holding down the shift key when pressing return.

Page 28: 15 TYPE RULES (Intro to GD, Wk 11)

If using flush-left alignment, keep and eye on excessive rags on the right-hand side, as well as unnatural repetition and alignment at the end of

lines. If using justified text, be sure to avoid rivers—uneven and excessive spacing between words.

Page 29: 15 TYPE RULES (Intro to GD, Wk 11)
Page 30: 15 TYPE RULES (Intro to GD, Wk 11)

Also be sure to shape your headlines as well.

Page 31: 15 TYPE RULES (Intro to GD, Wk 11)

1 0 . F R A C T I O N S

A single space should be used after periods. Fractions should normally be set as shown on the right. Most of the common fractions should be

build into the font, and can be accessed in the “Glyphs” palettes under the “Type” menu. Besides fractions, other numerical signs, like the multiplication sign, might also be hidden in the font’s glyph set.

Page 32: 15 TYPE RULES (Intro to GD, Wk 11)

1 1 . W I D O W S

Widows and orphans can be corrected by discriminating tracking, line breaks (soft returns), and, if possible, copy editing.

before after

Page 33: 15 TYPE RULES (Intro to GD, Wk 11)

1 2 . O R P H A N S

Representative Roscoe G. Bartlett is confident that in voting against a $35 billion expansion of the State Children’s Health Insurance Program, he reflected the views of his conservative Congressional district in western Maryland. But some of his constituents are not so sure.

“It’s a good program,” said Edward Wrzesinski Jr., a Republican who manages Frederick Primary Care Associates, a group practice with 24 doctors and eight offices. “It’s benefiting children.”

Mr. Bartlett, a Republican, was the only member of the Maryland delegation to vote against the bill, and he is coming under intense pressure to switch sides as the House moves toward a vote next week on whether to override President Bush’s veto of the

legislation.

The struggle here in Frederick County, a crossroads of the Civil War, not far from Antietam and Gettysburg, is a microcosm of national debate over the child health bill.

“Roscoe just looks mean and petty,” said Amy-Catherine McEwan, a manager at the Frederick County Humane Society. “He looks like Snidely Whiplash, the cartoon villain, taking medicine away from little kids.”

But Walter T. Mills, the proprietor of a barbershop here for 32 years, said he and many of his customers agreed with Mr. Bartlett.

Mr. Mills, a Republican, summarized the reasons for his opposition to the

Page 34: 15 TYPE RULES (Intro to GD, Wk 11)

1 3 . L I N I N G A N D N O N - L I N I N G F I G U R E S

AKA Arabic and old style/lowercase/hanging numerals. Arabic numerals are the familar digits used in arithmetic; they all have the same height and all stand on the baseline. Normally, they all have the same width, for better alignment in tabular work. Old style numerals contain characters that have descenders and are only as tall as the face’s x-

height. They are used like small caps—they blend in better when used in running text, and have more interesting shapes than lining figures.

However, they typically have unique character widths, making them usually unsuitable for tabular work.

The third type of numerals are roman numerals (I, IV, XIIXV).

Page 35: 15 TYPE RULES (Intro to GD, Wk 11)
Page 36: 15 TYPE RULES (Intro to GD, Wk 11)

1 4 . PA R A G R A P H L E N G T H

On average, line measures should be between 35–65 characters long.

Page 37: 15 TYPE RULES (Intro to GD, Wk 11)

1 5 . D O N ’ T U S E D E FA U LT S

— at least not all of the time, but some settings should always be considered for adjustment, such as tabs, line spacing, and bullets.

Kerning and tracking settings should be adjusted in some situations, as with large or small type, all caps, italics, and special characters.