ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE...
Transcript of ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE...
![Page 1: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/1.jpg)
ISSUES IN TYPOGRAPHY
An Introduction
![Page 2: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/2.jpg)
CONTENTS
2
Chapter 1 Visual Hierarchy Reviewed
Chapter 2 Type Parts and Measurement
Chapter 3 Contrast of Typographic Elements
Chapter 4 Typographic Spacing—Basic
Chapter 5 Alignment or Structure
Chapter 6 Body Text & Columns
Chapter 7 Groups and Space
![Page 3: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/3.jpg)
3
CHAPTER 1 Visual Hierarchy Reviewed
![Page 4: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/4.jpg)
C H A P T E R O N E
VISUAL HIERARCHY
4VISUAL HIERARCHY REVIEWEDC H A P T E R O N E
Defined — what is visual hierarchy?
The order in which elements are seen visually — group of visual elements arranged according to their degree of emphasis.
Visual Hierarchy is a key element and underlying principle in graphic design composition.
![Page 5: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/5.jpg)
C H A P T E R O N E
VISUAL HIERARCHY
5VISUAL HIERARCHY REVIEWED
Application of design principles
Controlling the Visual Hierarchy of a design communication piece involves application of some fundamental DESIGN PRINCIPLES.
• Emphasis or Visual Weight for focus.
• Unity with variety for interest. - Repetition - Proximity
• Balance to create harmony.
![Page 6: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/6.jpg)
C H A P T E R O N E
VISUAL HIERARCHY
6VISUAL HIERARCHY REVIEWED
Why is it (visual hierarchy) important?
Attract the viewer • Interest the viewer in a topic.
• Provides the opportunity to inform, persuade, educate, sell.
![Page 7: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/7.jpg)
C H A P T E R O N E
VISUAL HIERARCHY
7VISUAL HIERARCHY REVIEWED
Why is it (visual hierarchy) important?
Communicate information • Organize and delivery information in a clear, well structured format.
• Control the sequence of information delivery.
• Provides access to information deemed important by the viewer.
![Page 8: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/8.jpg)
8
CHAPTER 2 Type Parts and Measurement
![Page 9: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/9.jpg)
C H A P T E R T W O
TYPE DIAGRAMISSUES IN TYPOGRAPHY
TYPE PARTSAND
MEASUREMENT
9TYPE PARTS AND MEASUREMENT
TYPE PARTS
TYPE MEASUREMENT
Defining the basic “pieces” that make up type
Typography baseline
meanlinex-height
cap line
descender
ascender
serifT
![Page 10: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/10.jpg)
C H A P T E R T W O
DETERMINING TYPE SIZEISSUES IN TYPOGRAPHY
TYPE PARTSAND
MEASUREMENT
10TYPE PARTS AND MEASUREMENT
TYPE PARTS
TYPE MEASUREMENT
Understanding how type is measured
Type Type Size from ascender to descender
A 48pt capital character is approx. 1/2” in height.
Type is set in points (pt.) 72 pts. to an inch 12 pts. to a pica 6 picas to an inch
![Page 11: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/11.jpg)
C H A P T E R T W O
EM SPACEISSUES IN TYPOGRAPHY
TYPE PARTSAND
MEASUREMENT
11TYPE PARTS AND MEASUREMENT
A standard unit of measure for horizontal spacing
emSpace a square in the size of the font
Kerning, tracking and indents are done in increments of an em space.
TYPE PARTS
TYPE MEASUREMENT
![Page 12: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/12.jpg)
12
CHAPTER 3 Contrast of Typographic Elements
![Page 13: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/13.jpg)
C H A P T E R T H R E E
Function of typographic contrast
CONTRAST OF TYPOGRAPHIC ELEMENTSISSUES IN
TYPOGRAPHY
13CONTRAST OF TYPOGRAPHIC ELEMENTS
• The contrast of typographic elements provides a method of organizing or presenting information in a sequence or hierarchical fashion.
• Used properly, contrast can greatly clarify and organize multiple units of information.
• Used improperly, contrast can lead to chaotic, and confusing compositions.
![Page 14: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/14.jpg)
C H A P T E R T H R E E
Function of typographic contrast
CONTRAST OF TYPOGRAPHIC ELEMENTSISSUES IN
TYPOGRAPHY
14CONTRAST OF TYPOGRAPHIC ELEMENTS
Wasily Kandinsky major works austin museum of art the modern masters series
WASILY KANDINSKYMAJOR WORKSaustin museum of art the modern masters series
No Contrast
Some Contrast
![Page 15: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/15.jpg)
C H A P T E R T H R E E
There are several kinds of contrast employed in visual hierarchy
CONTRAST OF TYPOGRAPHIC ELEMENTSISSUES IN
TYPOGRAPHY
15CONTRAST OF TYPOGRAPHIC ELEMENTS
• SCALE
• WEIGHT
• STANCE
• CAPITALIZATION
• TYPEFACE
Can be used solo, or in combination.
![Page 16: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/16.jpg)
C H A P T E R T H R E E
• 6pt• 7pt• 8pt
• 9pt• 10pt• 11pt• 12p
• 14pt• 16pt• 18pt
• 20pt• 22pt• 24pt +
disclaimer sizes
body text sizes
subhead sizes
headline sizes
SCALEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
16CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Type can be set in a variety of sizes (pts.)
Choice of type size is based on the specific function of the typographic element.Type size contrasts are relative to size of composition, and are not absolute.
Type Type Size from ascender to descender
REFRESHER
A 48pt capital character is approx. 1/2” in height.
Type is set in points (pt.) 72 pts. to an inch 12 pts. to a pica 6 picas to an inch
![Page 17: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/17.jpg)
C H A P T E R T H R E E
d x pd x p
SCALEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
17CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
X-height and proportions
An often overlooked influence on the perceived scale of type is the x-height.
dxpAvant Garde AG Old Face
RegularGoudy
Type x-height from meanline to baseline
REFRESHERmeanline
baseline
same type size
![Page 18: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/18.jpg)
C H A P T E R T H R E E
SCALEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
18CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
X-height and proportions
It is ten minutes past six by the invisible clock on the wall. 1
It is ten minutes past six by the invisible clock on the wall.
Avant Garde AG Old FaceRegular
X-height influences the fit of the text — same point size.
1from Einstein’s Dream by Alan Lightman
![Page 19: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/19.jpg)
C H A P T E R T H R E E
O
SCALEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
19CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Contrast in stroke weight and proportions
OO
Avant Garde
AG Old FaceRegular
Goudy
OBodoniBold
Contrasts of stroke proportions influences the fit, color (value), and texture of the text.
STROKESTROKE
STROKESTROKE
![Page 20: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/20.jpg)
C H A P T E R T H R E E
WEIGHTISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
20CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Type can be set in a variety of weights
• Helvetica Light• Helvetica Regular• Helvetica Bold
Type weight can create emphasis, or a subordinate relationship.
2-4 basic type weights, some typefaces have more, some less.
The variety of weights available will depend upon the typeface chosen.
![Page 21: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/21.jpg)
C H A P T E R T H R E E
STANCEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
21CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Type can be set in two basic stances
Roman
Italic
— vertical or “normal” stance.
— right leaning, also known as oblique.
Type set in italics can be emphasized or standout from other nearby information.
Some typefaces have both stances, some only one stance.
![Page 22: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/22.jpg)
C H A P T E R T H R E E
STANCEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
22CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Type can be set in two basic stances
You can mix roman and italic to help differentiate one item from the other, create contrast.
austin museum of art the modern masters series
roman
italic
![Page 23: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/23.jpg)
C H A P T E R T H R E E
CAPITALIZATIONISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
23CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Type can be set in a variety of capitalizations
U/lc - upper and lower case This is an example of type set in upper and lower case.
I/C - Initial Caps This Is An Example Of Type Set In Initial Caps.
CAPS - ALL CAPITALS THIS IS AN EXAMPLE OF TYPE SET IN UPPER CASE (CAPS).
SMC - Small CapS This is An ExAmplE Of TypE sET in smAll CAps.
Pay attention to the size, shape, and readability of type set
in these four options.
![Page 24: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/24.jpg)
C H A P T E R T H R E E
CAPITALIZATIONISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
24CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Appropriate graphic use of capitalization
Capitalization can DIFFERENTIATE elements in a Typographic Unit or Group, create contrast.
All caps can be used for heads and subheads, not a good idea for body text.
All caps creates a more geometric (rectilinear) shape than do I/C or U/lc — more organic.
WASILY KANDINSKY Austin Museum of Art
the modern masters series
CAPS
I/C
U/lc
![Page 25: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/25.jpg)
C H A P T E R T H R E E
TYPEFACEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
25CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Type can be set in a variety of fonts or typefaces
Two basic categories of typeface selection
SERIF SANS SERIF
Times HelveticaGaramond Avant Garde“with feet” “without feet”classical modernvarying stroke weight consistent stroke weight
Most type falls into one of these two categories, though there are some “hybrid’s.”
![Page 26: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/26.jpg)
C H A P T E R T H R E E
TYPEFACEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
26CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Type can be set in a variety of typefaces or fonts
Old Style
Transitional
Modern
Slab Serif
Garamond
Baskerville
BodoniAmerican Typewriter
Expanded categories of typeface selection
Through typeface choice, more dramatic type contrast can emphasize an element.
![Page 27: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/27.jpg)
C H A P T E R T H R E E
TYPEFACEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
27
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
The type family
Roman Italic
Light Regular Medium Bold Ultra
Condensed Expanded
The weights and stances of a typeface.
TIp: a font is actually a specific type stance, weight, and size — not a type “style”
STANCES WEIGHTS OTHER
CONTRAST OF TYPOGRAPHIC ELEMENTS
![Page 28: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/28.jpg)
C H A P T E R T H R E E
TYPEFACEISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
28CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
Basic contrast of two typefaces
When contrasting typefaces, a classic approach is to mix a serif and sans serif.
austin museum of art the modern masters series
sans serif
serif
![Page 29: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/29.jpg)
C H A P T E R T H R E E
MULTIPLE CONTRASTSISSUES IN TYPOGRAPHY
CONTRAST OF TYPOGRAPHIC
ELEMENTS
29CONTRAST OF TYPOGRAPHIC ELEMENTS
SCALE
WEIGHT
STANCE
CAPITALIZATION
TYPEFACE
You can “mix & match” typographic contrasts
WASILY KANDINSKYMAJOR WORKSAustin Museum of Art the modern masters series
scaleweightstancecapitalizationtypeface
![Page 30: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/30.jpg)
30
CHAPTER 4 Typographic Spacing
![Page 31: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/31.jpg)
C H A P T E R F O U R
There are many kinds of space employed in visual hierarchy, two of interest now are
TYPOGRAPHIC SPACINGISSUES IN
TYPOGRAPHY
31TYPOGRAPHIC SPACING
• LETTER SPACING
• LINE SPACING or LEADING
![Page 32: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/32.jpg)
C H A P T E R F O U R
LETTER SPACINGISSUES IN TYPOGRAPHY
TYPOGRAPHICSPACING
32TYPOGRAPHIC SPACING
LETTER SPACE
LINE SPACE
Defined
Letter spacing falls under two definitions or applications.
TRACKING Space between all letters in a word, line, or paragraph of text. Used to adjust fit or look of text.
KERNING Space between two specific character pairs. Used to fix awkward space between some character pairs, especially at larger sizes.
![Page 33: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/33.jpg)
C H A P T E R F O U R
LETTER SPACINGISSUES IN TYPOGRAPHY
33TYPOGRAPHIC SPACING
LETTER SPACE
LINE SPACE
Tracking
IT IS TEN MINUTES PAST SIX BY THE
IT IS TEN MINUTES PAST SIX BY THE
IT IS TEN MINUTES PAST SIX BY THE
IT IS TEN MINUTES PAST SIX BY
I T I S T E N M I N U T E S P A S T
Normal
Tight
Touching
Open
Very open
The amount of tracking affects the fit, readability, and value of the text.
TYPOGRAPHICSPACING
![Page 34: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/34.jpg)
C H A P T E R F O U R
LETTER SPACINGISSUES IN TYPOGRAPHY
34TYPOGRAPHIC SPACING
LETTER SPACE
LINE SPACE
Kerning
WellWell
unkerned
kerned
emSpace a square in the size of the font
REFRESHER
Kerning, tracking and indents are done in increments of an em space.
TYPOGRAPHICSPACING
![Page 35: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/35.jpg)
C H A P T E R F O U R
LEADINGISSUES IN TYPOGRAPHY
35TYPOGRAPHIC SPACING
LETTER SPACE
LINE SPACE
Defined
Leading is the vertical space
between two or more lines
of type. It is a baseline to
baseline measurement described
in points. It can also describe the
“extra” space between lines of
type known as the slug.
38pt leading (type size + lead)
18pt lead
20/3820pt. type with38pt. leading
TYPOGRAPHICSPACING
![Page 36: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/36.jpg)
C H A P T E R F O U R
LEADINGISSUES IN TYPOGRAPHY
36TYPOGRAPHIC SPACING
LETTER SPACE
LINE SPACE
Influence of leading
The amount of leading influences the amount of vertical space required to display the desired information.
Correct leading can make lines of text readable, where as too little (or too much) leading can have a negative impact on legibility.
TYPOGRAPHICSPACING
![Page 37: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/37.jpg)
ISSUES IN TYPOGRAPHY
37TYPOGRAPHIC SPACINGC H A P T E R F O U R
Comparison of leading values — U/lcLEADING
LETTER SPACE
LINE SPACE It is ten minutes past six by the invisible clock on the wall.
It is ten minutes past six by the invisible clock on the wall..
It is ten minutes past six
by the invisible clock on
the wall.
Normal leading14/16
Tight leading14/14
Open leading14/24
For U/lc type, “normal” leading is approximately +2pts. So for 14pt. type, the leading would be 16pts written as — 14/16.
TYPOGRAPHICSPACING
![Page 38: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/38.jpg)
C H A P T E R F O U R
LEADINGISSUES IN TYPOGRAPHY
38TYPOGRAPHIC SPACING
LETTER SPACE
LINE SPACE
Comparison of leading values — CAPS
IT IS TEN MINUTES PAST SIX BY THE INVISIBLE CLOCK ON THE WALL.
IT IS TEN MINUTES PAST SIX BY THE INVISIBLE CLOCK ON THE WALL.
IT IS TEN MINUTES PAST SIX BY THE INVISIBLE CLOCK ON THE WALL.
Normal leading18/20
Solid leading18/18
Negative leading18/16
Cap type is generally set with a leading value the same or less than the type size.
TYPOGRAPHICSPACING
![Page 39: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/39.jpg)
C H A P T E R F O U R
LEADINGISSUES IN TYPOGRAPHY
39TYPOGRAPHIC SPACING
LETTER SPACE
LINE SPACE
Leading between typographic units
WASILY KANDINSKYMAJOR WORKSAustin Museum of Art the modern masters series
TYPOGRAPHICSPACING
![Page 40: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/40.jpg)
40
CHAPTER 5 Alignment or Structure
![Page 41: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/41.jpg)
C H A P T E R F I V E
There are four kinds of alignment or structure
ALIGNMENT OR STRUCTUREISSUES IN
TYPOGRAPHY
41ALIGNMENT OR STRUCTURE
• FLUSH LEFT
• FLUSH RIGHT
• CENTERED
• JUSTIFIED
![Page 42: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/42.jpg)
C H A P T E R F I V E
FLUSH LEFTISSUES IN TYPOGRAPHY
ALIGNMENTOR
STRUCTURE
42ALIGNMENT OR STRUCTURE
FLUSH LEFT
FLUSH RIGHT
CENTERED
JUSTIFIED
One sharp edge, one soft edge
Flush Left or FL
Flush left is a standard method of alignment for lines of text. It provides a visually sharp left edge and what is known as a “ragged right” (RR) edge, for a more organic and less formal look.
It is ten minutes past six by the invisible clock on the wall.
![Page 43: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/43.jpg)
C H A P T E R F I V E
Flush Right or FR
Flush right should only be used for small amounts of text to set it off visually from other text elements, or for its right justified vertical edge. In large amounts FR text is difficult to read.
FLUSH RIGHTISSUES IN TYPOGRAPHY
ALIGNMENTOR
STRUCTURE
43ALIGNMENT OR STRUCTURE
FLUSH LEFT
FLUSH RIGHT
CENTERED
JUSTIFIED
For limited use
It is ten minutes past six by the
invisible clock on the wall.
![Page 44: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/44.jpg)
C H A P T E R F I V E
CENTEREDISSUES IN TYPOGRAPHY
ALIGNMENTOR
STRUCTURE
44ALIGNMENT OR STRUCTURE
FLUSH LEFT
FLUSH RIGHT
CENTERED
JUSTIFIED
Creates a symmetrical shape
Centered or CL
Center alignment should only be used for small amounts of text to set it off visually from other text elements, or for its symmetrical shape. In large amounts, centered text is difficult to read.
It is ten minutes past six by the
invisible clock on the wall.
![Page 45: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/45.jpg)
C H A P T E R F I V E
JUSTIFIEDISSUES IN TYPOGRAPHY
ALIGNMENTOR
STRUCTURE
45ALIGNMENT OR STRUCTURE
FLUSH LEFT
FLUSH RIGHT
CENTERED
JUSTIFIED
Creates a strong sense of rectangular shape
Justified or flush left/flush right
Justified is a standard method of alignment for lines of text. It creates a strong sense of rectangular shape due to its sharp vertical left and right edges.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim
![Page 46: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/46.jpg)
C H A P T E R F I V E
MIXING ALIGNMENTSISSUES IN TYPOGRAPHY
ALIGNMENTOR
STRUCTURE
46ALIGNMENT OR STRUCTURE
FLUSH LEFT
FLUSH RIGHT
CENTERED
JUSTIFIED
Effective use of alignments
WASILY KANDINSKYMAJOR WORKSaustin museum of art the modern masters series
823 Congress AvenueAustin, TX 78767
Mixing alignments can help to create negative space which enhances access to information.
justified
flush left
flush right
![Page 47: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/47.jpg)
47
CHAPTER 6 Body Text & Columns
![Page 48: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/48.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
48
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
BODY TEXT & COLUMNSC H A P T E R S I X
Creates an organic or casual feel
ISSUES IN TYPOGRAPHY
TEXTCOLUMNS
48
FLUSH LEFT
Flush left/ragged right
Flush left is a standard method of alignment for columns of body text. It creates an organic or casual feel. May need additional column spacing.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
C H A P T E R S I X
![Page 49: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/49.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
49
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
BODY TEXT & COLUMNSC H A P T E R S I X
Justified or flush left/flush right
Justified is a standard method of alignment for columns of body text. It creates a strong sense of rectangular shape due to its sharp vertical left and right edges. It is used in magazines and newspapers where columns of text are in close proximity.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Creates a strong sense of rectangular shapeJUSTIFIED
![Page 50: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/50.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
50
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
BODY TEXT & COLUMNSC H A P T E R S I X
Flush right centered
Flush right and centered body text can be difficult to read, when applied to more than one paragraph.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new
objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the
past several months, he has dreamed many dreams about time. His dreams have taken
hold of his research.
Can make body text difficult to readFLUSH RIGHT & CENTERED
It is ten minutes past six by the invisible clock on the wall. Minute by minute new
objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the
past several months, he has dreamed many dreams about time. His dreams have taken
hold of his research.
![Page 51: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/51.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
51BODY TEXT & COLUMNSC H A P T E R S I X
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
Comparison of leading values — U/lcLEADING
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk.
It is ten minutes past six
by the invisible clock on
the wall. Minute by minute
new objects gain form. In
the dim light of morning
the young patent clerk
sprawls in his chair, head
down on his desk.
Normal leading14/16
Tight leading14/14
Open leading14/24
For U/lc type, “normal” leading is approximately +2pts. So for 14pt. type, the leading would be 16pts written as — 14/16.
![Page 52: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/52.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
52BODY TEXT & COLUMNSC H A P T E R S I X
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
I t i s t e n m i n u t e s p a s t s i x b y t h e i n v i s i b l e c l o c k o n t h e w a l l . M i n u t e b y m i n u t e n e w o b j e c t s g a i n f o r m . I n t h e d i m l i g h t o f m o r n i n g t h e y o u n g p a t e n t c l e r k s p r a w l s i n h i s c h a i r , h e a d d o w n o n h i s d e s k . F o r t h e p a s t s e v e r a l m o n t h s , h e h a s d r e a m e d m a n y d r e a m s a b o u t t i m e . H i s d r e a m s h a v e t a k e n h o l d o f h i s
Normal Very openTouching
LETTER SPACINGTracking
The amount of tracking affects the fit, readability, and value of the text.
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
![Page 53: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/53.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
53BODY TEXT & COLUMNSC H A P T E R S I X
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
IT IS TEN MINUTES PAST SIX BY THE INVISIBLE CLOCK ON THE WALL. MINUTE BY MINUTE NEW OBJECTS GAIN FORM. IN THE DIM LIGHT OF MORNING THE YOUNG PATENT CLERK SPRAWLS IN HIS CHAIR, HEAD DOWN ON HIS DESK. FOR THE PAST SEVERAL MONTHS, HE HAS DREAMED MANY DREAMS ABOUT TIME. HIS DREAMS HAVE TAKEN HOLD OF HIS RESEARCH.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
U/lc ALL CAPS
Body text should be set in upper & lower case.All caps should not be used in large amounts of body text due to space and legibility problems.
Body text and capitalizationCAPITALIZATION
![Page 54: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/54.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
54BODY TEXT & COLUMNSC H A P T E R S I X
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
disclaimer sizes
body text sizes
subhead sizes
headline sizes
SCALEBody text size range
• 6pt• 7pt• 8pt
• 9pt• 10pt• 11pt• 12p
• 14pt• 16pt• 18pt
• 20pt• 22pt• 24pt +
Choice of type size is based on the specific function of the typographic element.Type size contrasts are relative to size of composition, and are not absolute.
Type Type Size from ascender to descender
REFRESHER
A 48pt capital character is approx. 1/2” in height.
Type is set in points (pt.) 72 pts. to an inch 12 pts. to a pica 6 picas to an inch
![Page 55: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/55.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
55BODY TEXT & COLUMNSC H A P T E R S I X
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
X-HEIGHTX-height and proportions
Avant Garde AG Old FaceRegular
Goudy
X-height influences the fit of the text and the color (value) or texture of the text block.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research. 1
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
![Page 56: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/56.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
56BODY TEXT & COLUMNSC H A P T E R S I X
Wide text columns provide good readability for novels, and similar publications.
Too wide a column makes for difficult reading as your reader gets lost on way back to the start.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research. It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Provide good pace for novels, though...WIDE COLUMNS
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
![Page 57: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/57.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
57BODY TEXT & COLUMNSC H A P T E R S I X
Narrow text columns provide good readability for “scannable” publications—such as newspapers, and magazines.
But if they are too problems will occur...
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Provide a good pace for newspapersNARROW COLUMNS
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
![Page 58: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/58.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
58BODY TEXT & COLUMNSC H A P T E R S I X
Provide a good pace for newspapersNARROW COLUMNS
Narrow justified text columns can create problems with word space, river, and hyphenation.
It is ten minutes past six by the invis-ible clock on the wall. Minute by minute new objects gain form. In the dim light of morn-ing the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Normal Rivers Hyphens
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
![Page 59: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/59.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
59BODY TEXT & COLUMNSC H A P T E R S I X
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
Provide a good pace for newspapersNARROW COLUMNS
Using flush left (and a smaller type size) for text columns can help with the problems of word space, river, and hyphenation.
Though the right rag may become extreme.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Normal
![Page 60: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/60.jpg)
ISSUES IN TYPOGRAPHY
BODY TEXT& COLUMNS
60BODY TEXT & COLUMNSC H A P T E R S I X
STRUCTURE
LINE SPACE
LETTERSPACE
CAPITALIZATION
SCALE
COLUMN WIDTH
WIDOWS
A definite typographic no no
A widow is the last word in a paragraph on a line by itself, an orphan is the last word or line of a paragraph alone at the top of the next column.
hold of his research. It is ten minutes past six by
the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Try to avoid widows and orphansWIDOWS & ORPHANS
Widow Orphan
![Page 61: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/61.jpg)
6161
CHAPTER 7 Groups and Space
![Page 62: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/62.jpg)
ISSUES IN TYPOGRAPHYGROUPS AND PARAGRAPH
SPACE
62GROUPS AND PARAGRAPH SPACE
DefinedGROUPS AND PARAGRAPH
SPACE
GROUPS AND PARAGRAPH SPACE
PARAGRAPH SPACE
Paragraph spacing is extra vertical space between two or more paragraphs of type. It is generally communicated as a +factor such as +6, +8, +10pts, etc.
In software applications it may also be referred to as space before or space after.
Paragraph space can be used to simply indicate the beginning (as can an indent) of a paragraph, or be used to organize and provide access to different units of information in a hierarchical fashion.
C H A P T E R S E V E N
![Page 63: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/63.jpg)
ISSUES IN TYPOGRAPHY
63
Basic body text paragraph spacingGROUPS AND PARAGRAPH
SPACE
GROUPS AND PARAGRAPH SPACE
PARAGRAPH SPACE
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk. For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Paragraph spacing is usually less than the leading value of a full return.
GOOD
TOO MUCH
C H A P T E R S E V E N
![Page 64: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/64.jpg)
ISSUES IN TYPOGRAPHY
64
GROUPS AND PARAGRAPH
SPACE
GROUPS AND PARAGRAPH SPACE
Drop Cap
PARAGRAPH INDICATIONThere are several methods to indicate the beginning of a paragraph
emSpace a square in the size of the font
REFRESHER
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk.
For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk.
For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
It is ten minutes past six by the invisible clock on the
wall. Minute by minute new objects gain form. In the dim light of morning the young patent clerk sprawls in his chair, head down on his desk.
For the past several months, he has dreamed many dreams about time. His dreams have taken hold of his research.
Space After Indent — done in em spaces
C H A P T E R S E V E N
![Page 65: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/65.jpg)
ISSUES IN TYPOGRAPHY
65
Alignment, and spacing, can be used to effectively organize multiple units of information
GROUPS AND PARAGRAPH
SPACE
GROUPS AND PARAGRAPH SPACE
GROUPS AND SPACE
WASILY KANDINSKYMAJOR WORKSaustin museum of art the modern masters series
July 1-31, 2010
823 Congress AvenueAustin, TX 78767
542.495.9224www.amoa.org
Alignment and
spacing can be used to
group and isolate units
for emphasis and access,
and in conjunction
with leading and
typographic contrasts
create effective visual
hierarchy.
C H A P T E R S E V E N
![Page 66: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/66.jpg)
ISSUES IN TYPOGRAPHY
66
Line breaks & returns, leading & space after for proper paragraph spacing and control
GROUPS AND PARAGRAPH
SPACE
GROUPS AND PARAGRAPH SPACE
GROUPS AND SPACE—software
July 1-31, 2010
WASILY KANDINSKY MAJOR WORKSaustin museum of art the modern masters series
823 Congress Avenue Austin, TX 78767
542.495.9224 www.amoa.org
July 1-31, 2010
WASILY KANDINSKY MAJOR WORKSaustin museum of art the modern masters series
823 Congress Avenue Austin, TX 78767
542.495.9224 www.amoa.org
C H A P T E R S E V E N
SPACE AFTER
LEADING
ALIGN LEFT WITH A LEFT
INDENT
SPACE AFTER
LEADING
SPACE AFTER
LEADINGSPACE AFTER
LEADING
RETURN
LINE BREAK
RETURN
RETURN
LINE BREAK
LINE BREAK
RETURNLINE BREAK
ALIGN RIGHT WITH A RIGHT INDENT
FIRST BASELINE OFFSET OF 3P (.5”)
RETURN
![Page 67: ISSUES IN TYPOGRAPHY · TYPOGRAPHY TYPOGRAPHIC SPACING 32 TYPOGRAPHIC SPACING LETTER SPACE LINE SPACE Defined Letter spacing falls under two definitions or applications. TRACKING](https://reader033.fdocuments.us/reader033/viewer/2022042315/5f032de07e708231d407ee8f/html5/thumbnails/67.jpg)
CONCLUSIONISSUES IN TYPOGRAPHY
67
Effective use of • TYPOGRAPHIC CONTRASTS
• LETTER SPACE and LEADING
• STRUCTURE and ALIGNMENT
• GROUPS and SPACE
Are powerful tools in the organization and the delivery of information in design communications.