17
Rules of Typography Comm 300

Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Embed Size (px)

Citation preview

Page 1: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Rules of TypographyComm 300

Page 2: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Alignment• Remember the rule “If you can align, do.” Try to align

everything with something.

• Equally space text away from other elements.

• Types of alignment:– Center: Considered more formal and should be used sparingly.– Left: Easiest to read, especially with larger amounts of text.– Right: More difficult to read and should be used only on small

amounts of text.

Page 3: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 4: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 5: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 6: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Contrast• If using multiple fonts, make sure that they are different

enough to be distinguished from one another. Usually this means choosing from two different font categories such as Sans Serif and OldStyle.– Reminder of categories of typefaces: Oldstyle, Modern, Slab Serif,

Sans Serif, Decorative, and Scrip

• Try not to use more than two fonts.

Page 7: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 8: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Hierarchy • Hierarchy is what leads someone through your text.

Purposefully creating hierarchy helps you better control your message.

• Two main ways to create Hierarchy: – Color.– Size of text.– Spacing of words.

Page 9: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 10: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Proximity• Proximity is grouping related text together. This helps send

the right message to your viewer.

• Separate different groups of text with spacing (this was one of the ways to create hierarchy.

• Remember to pay attention to your tracking (general word and letter spacing) and kerning (spacing between two letters).

Page 11: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 12: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Personality• Fonts have personality that can set the tone of the

message they portray. Choose fonts that have a tone that matches your message.

Page 13: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 14: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from
Page 15: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Sizing Rules• Using 12 point font is a bad idea. We are taught to use 12

point in school, but it is not a good practice for design.

• “Titles can be large, eye-catching focal points that set the theme of the design” -Caryn Esplin

• Body copy should be about 10 point font.

• Adjusting font size can help reduce jagged ragging (the edges of blocks of fonts).

Page 16: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from

Things to Avoid• Avoid cheesy overused fonts such as Papyrus, Comic Sans,

or Zapfino.

• Don’t have any widows (one word on a line at the end of a paragraph).

• Get rid of orphans (one line that spills over to another page or column).

• No over varied rag (each line of a paragraph should be about the same length).

• Try not to use hyphens.

Page 17: Rules of Typography Comm 300. Alignment Remember the rule “If you can align, do.” Try to align everything with something. Equally space text away from