logo
dan@odannyboy.com
12 Forbes Terrace
Pittsburgh, PA 15217
412.422.0555

WHO I AM

WHAT I DO

WHAT I'M
THINKING ABOUT

WHAT I'M STUDYING

 

 

 

 

 

 

WHAT I'M STUDYING :: ARCHIVED ENTRY

Sunday, March 28, 2004

What's Normal
Karen Moyer gave another one of her infamous lectures: What's Normal. It's a response to when people say, "I just want to type up a term paper or something and isn't there just a little recipe you can give me to make the paper look normal?" So this is how to make general typography look normal.

You should always start with body copy and then base the titles, subtitles, and captions/footnotes/marginalia afterwards. It's most important that the body copy be legible.

Here's the things to be aware of:

  • Alignment. Flush Left/Ragged Right is more legible than Flush Right and Justified. Only justify with a longer line length and only use Flush Right sparingly and never for body copy.
  • Rivers. Rivers are formed when the white spaces between words seemingly line up and form a "river." Avoid these.
  • Line Lengths. You want to apply the Goldilocks Principle to line length: not too long, not too short, but just right. Forty characters (about an alphabet and a half's worth of letters, spaces, and punctuation) is about the absolute minimum you'd want for body copy. Short line lengths: 40-55 characters. Longer line lengths are 75-90 characters. You generally want something in the middle range: 55-75 characters.
  • Font Size. The best typical font size for body copy is 10 point. (sometimes 11).
  • Leading. Leading, the vertical space between lines, is 20 percent additional of you font size. Which for body copy, typically means +2 points. So 10pt font has 12pt leading, 11pt font has 13pt of leading, etc. One exception to this is very small type (below 8pt), which needs more leading to make it more legible.
  • Line Length : Leading Ratio. The most important thing for legibility (for black type on white paper anyway). Optical Grey is how dense the type appears on the page. You generally don't want to have lines of text without enough leading. More leading makes the optical grey lighter. The longer your line length, the more leading you have to have to add. For body copy, add +3 or +4. Perversely, the same hold true with short line lengths, where you should add +2.5, +3, or +4. Never more than +4 though.
  • Font Choice. The difference between the thick and thin parts of letters in certain fonts like Bodini make a lot of "sparkle" that make then less legible. You need to add more leading to compensate. Also: the ratio of the Cap (the top of a capital letter) to the X Height (the top of a lower-case x) makes a difference. The bigger the ratio, the less leading you need to add because there is a lot of space already designed into the font face.

posted at 10:32 AM in design 101, faculty, typography | comments (0) | trackback (0)

 

‹‹ preceding entries

 

SEARCH ENTRIES

 

CATEGORIES
3D (2)
alumni (3)
assistantships (3)
big ideas (25)
classes (16)
classmates (17)
cmu (14)
cognition (1)
cpid program (3)
design 101 (27)
design theory (20)
extracurricular (11)
faculty (9)
field trips (5)
hci program (4)
info design (3)
interface design (6)
meta (6)
money (5)
papers (4)
photography (5)
preparation (6)
projects (43)
readings (30)
software (8)
special guest stars (11)
student life (16)
teaching (1)
techniques (12)
thesis paper (4)
thesis project (1)
typography (8)
visualization (8)

 

WEEKLY ARCHIVES
Week of Mar 28, 2004
Week of Mar 21, 2004
Week of Mar 14, 2004
Week of Feb 29, 2004
Week of Feb 22, 2004
Week of Feb 15, 2004
Week of Feb 8, 2004
Week of Feb 1, 2004
Week of Jan 25, 2004
Week of Jan 18, 2004
Week of Jan 11, 2004
Week of Jan 4, 2004
Week of Dec 7, 2003
Week of Nov 30, 2003
Week of Nov 23, 2003
Week of Nov 16, 2003
Week of Nov 9, 2003
Week of Nov 2, 2003
Week of Oct 26, 2003
Week of Oct 19, 2003
Week of Oct 12, 2003
Week of Oct 5, 2003
Week of Sep 28, 2003
Week of Sep 21, 2003
Week of Sep 14, 2003
Week of Sep 7, 2003
Week of Aug 31, 2003
Week of Aug 24, 2003
Week of Aug 17, 2003
Week of Aug 3, 2003
Week of Jul 27, 2003
Week of Jul 20, 2003
Week of Jul 13, 2003
Week of Jul 6, 2003
Week of Jun 29, 2003
Week of Jun 22, 2003
Week of Jun 8, 2003
Week of Jun 1, 2003
Week of May 25, 2003
Week of May 18, 2003
Week of May 11, 2003

 

RSS FEEDS
Summaries
Full Entries

 

SUBSCRIBE
Want more spam? Sign up to receive this blog via email:


 


All straight lines circle sometime. - The Weakerthans