15 TYPE RULES (Intro to GD, Wk 11)

Post on 17-Aug-2014

47.938 views 0 download

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)

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

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

“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

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.

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

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

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

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

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.

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.

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

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

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

(exerpt from Ellen Lupton’s Thinking in Type)

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

(exerpt from Ellen Lupton’s Thinking in Type)

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

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

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

3 . D A S H E S

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.

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.”

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).

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.

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.

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.

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.

Also be sure to shape your headlines as well.

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.

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

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

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).

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.

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.