Top Banner
1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. This file is in the public domain because its copyright has expired in the United States and those countries with a copyright term of no more than the life of the author plus 100 years.
19

1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

Dec 14, 2015

Download

Documents

Jonah Prevost
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

1

Professional

Communications

Working with Type

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

This file is in the public domain because its copyright has expired in the United States and those countries with a copyright term of no more than the life of the author plus 100 years.

Page 2: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

2

Introduction

Johannes Gutenberg invention of movable type around 1450.

Computer technology and desktop publishing allows unprecedented access to printing.

This lesson focuses on the use of fonts for information. There are different concerns when type is used for design.

Page 3: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

3

Basic Definitions

Typeface: The set of characters including uppercase and lowercase alphabetical characters, numbers, punctuation, and special characters. A single typeface contains many fonts, at different sizes and styles.

Font: A set of characters in a specific typeface, at a specific point size, and in a specific style. "12-point Times Bold" is a font — the typeface Times, at 12-point size, in the bold style.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

3

Page 4: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

4

Serif Fonts

French term Feet at the bottom of

character Makes type readable Used for body copy Examples: Times New

Roman, Garamond

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

4

Serifs

Page 5: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

5

Sans Serif Fonts

“Sans” is French for “without”

Block type used for headers, subheaders

Good for web. Not enough pixels for serif fonts to be readable.

Examples: Helvetica, Arial

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

5

TiSan Serif

Page 6: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

6

Special Fonts

Script Fonts: Difficult to read. Use sparingly.

Decorative Fonts: Good for design. Not good for information.

Dingbats: Symbols used for special characters.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

6

Decorative

Script

Dingbats

Page 7: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

7

Font Styles

Bold: Heavy emphasis Italic: Light emphasis Wide: Headers only Narrow

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

7

Bold Italics

Wide Narrow

Page 8: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

8

Font Parts

Ascenders: b, d, f, h, k, l Descenders: g, j, p, q, y Cap height: distance from

baseline to top of the capital letters

x height: height of the lowercase letters

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

8

Ascender Descender

Cap height x-height

Page 9: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

9

Font Measurement

Points: 72 points per inch Picas: 6 picas per inch; 12 points per pica Em: Size of a square uppercase character (M). Relative

to the font point size selected. En: One half as wide as an em. Measure: The length of a line, even if the line is not filled

with characters (such as a centered or partial line), designated in picas.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

9

Page 10: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

10

Dashes

Soft hyphen: Used to indicate where a word may be broken at the end of a line.

Hard hyphen: A non breaking hyphen, used when the two parts of the hyphenated word should not be separated. (ex.: ill-fated)

En dash: Used to indicate a range. (ex.: Monday–Friday) Em dash: Used to illustrate a break — as illustrated

here.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

10

Page 11: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

11

Vertical Position

Subscript: Slightly smaller than the rest of the font, set below the baseline.

Superscript: Slightly smaller than the rest of the font, set above the baseline.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

11

Subscript

Superscript

Page 12: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

12

ASCII Code American Standard Code for Information Integration Used to create special characters not listed on a

computer keyboard without having to use dingbats. Numeric code for any character available in typeface.

(ex.: © is 169) Can be used with most software by holding downing alt

and typing 0 plus number on numeric keypad. (Windows only)

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

Page 13: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

13

Spacing

Kerning: Space between two letters. Software usually automatically adjusts kerning now. Kerning must be reduced for some letter combinations (Ta, Ye, AV).

Tracking: Space uniformly between all characters in a line. (E x a m p l e)

Leading: Space between lines of type, traditionally measured baseline-to-baseline, in points.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

13

Page 14: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

14

Columns Columns: Type is difficult to read if the line length is too

long. Setting type in columns helps make type easier to read. Width of the column and line length is relative to the point size.

Column gutter: The space between columns of type. Gutters: In double-sided documents, the combination of

the inside margins of facing pages; the gutter should be wide enough to accommodate binding.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

14

Page 15: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

15

Alignment Mistakes Orphans: The first line of a paragraph separated from

the rest of the paragraph by a column or page break. Widows: Short last lines of paragraphs, usually

unacceptable when separated from the rest of the paragraph by a column break, always unacceptable when separated by a page break.

Rivers: Spaces between words that create irregular lines of white space in body type, particularly occurs when the lines of type have been set with excessive word spacing.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

15

Page 16: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

16

Emphasis Mistakes

All caps: Using all capital letters for emphasis is generally a POOR CHOICE because it is aesthetically too jarring.

Underscores: A holdover from typewriter days and should usually not be used because weight cannot be adjusted and they crash into descenders.

Consider using bold or italics instead of all caps or underscores.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

16

Page 17: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

17

Justification

Justification: Although in special situations, right justified, centered, and right-and-left justified are acceptable, they are usually difficult to read.

Text justified on both the left and right sides often causes rivers and unusual spacing problems.

Right justified type should be used in special cases and is the hardest to read.

For body text, use left justified / ragged right justification in most situations.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

17

Page 18: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

18

Font Selection Use book weight for fonts. Avoid typefaces appearing too

heavy or too light. Stick with typefaces that do not stray too far from traditions (Times, Helvetica, Arial)

Use typefaces of medium width. Avoid typefaces that appear extremely wide or narrow in width.

Body type is most readable when font ranges from 8 to 12 points.

Avoid using too many fonts. Usually a header sans serif and a body serif are all you need.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

18

Page 19: 1 Professional Communications Working with Type Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used.

19

Paragraph Identification

Clearly indicate paragraphs. The indent is always the best method to indicate

paragraphs. When possible, set the indent with the software rather

than using the tab key. The indent is optional for the first paragraph. The extra line of space may be used for long blocks of

text, although the indent usually works better with columns.

Copyright © Texas Education Agency, 2012. All rights reserved. Images and other multimedia content used with permission. 

19