Introduction to Typography 09/5/2013 Typography IIntroduction to Typography.
Typography The art, craft, or process of designing type and printing from it.
-
Upload
carmel-chandler -
Category
Documents
-
view
232 -
download
4
Transcript of Typography The art, craft, or process of designing type and printing from it.
![Page 1: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/1.jpg)
TypographyThe art, craft, or process of designing type and printing from it.
![Page 2: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/2.jpg)
SerifA serif is a small line, curve, or embellishment projecting from the main stroke of a letter.
![Page 3: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/3.jpg)
A serif font has a small line, curve, or embellishment projecting from the main-stroke of a letter.
A san serif font has NO a small line, curve, or embellishment projecting from the main-stroke of a letter.
![Page 4: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/4.jpg)
Ascenders and Descenders
Ascenders The part of a character which 'ascend' above it's x-height.
Descenders The part of a character which 'descend' below it's x-height.
![Page 5: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/5.jpg)
Type Styles
Variations within a typeface.
Plain, bold, italic, underline, outline, and shadow are styles found in the Style menu for almost all applications used for creating text or graphic documents.
![Page 6: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/6.jpg)
There are 3 important elements of a Roman typeface: heavy elements, light elements,
and serifs. The contrast between heavy and light adds character, and serifs aid
readability.
RomanHeavy Element
Light ElementSerif
Serif
![Page 7: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/7.jpg)
Sans Serif
Sans serif typefaces do not have serifs. They have uniform strokes, and can sometimes appear monotone.
![Page 8: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/8.jpg)
Square SerifThese typefaces have strokes of equal weight. The serifs are square or block-like; and they have the same weight as the rest of the letter. They are used as headings or display type.
![Page 9: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/9.jpg)
Black Letter
This type style resembles calligraphy. It is used most often for printed materials for special occasions– weddings, diplomas, etc.
![Page 10: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/10.jpg)
Script / CursiveThese typefaces simulate handwriting. Script letters are connected, while cursive letters are not. They are good for invitations, announcements, and headings.
![Page 11: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/11.jpg)
Novelty
Also called decorative or occasional typefaces, these fonts express special moods or themes for an occasion. They are not meant for large bodies of text.
Novelty Novelty Novelty Novelty
![Page 12: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/12.jpg)
ItalicItalic typefaces are slanted versions of regular fonts. They can be Roman or Sans Serif. Italics indicate emphasis.
![Page 13: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/13.jpg)
![Page 14: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/14.jpg)
Flush Right (Align Right)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac
arcu tortor, ut scelerisque ligula. Mauris enim turpis, dapibus interdum
egestas ut, commodo eu justo. Nam nunc nisl, consequat eu lacinia et,
adipiscing at massa. Nulla a consequat dolor. Sed sollicitudin, sem
id porttitor condimentum, leo quam ullamcorper eros, in tincidunt risus
eros sed arcu. Nulla euismod justo in magna volutpat et dignissim lectus
aliquam. Ut ut diam est, nec rutrum neque.
![Page 15: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/15.jpg)
Flush Left (Align Left)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac arcu tortor, ut scelerisque ligula. Mauris enim turpis, dapibus interdum egestas ut, commodo eu justo. Nam nunc nisl, consequat eu lacinia et, adipiscing at massa. Nulla a consequat dolor. Sed sollicitudin, sem id porttitor condimentum, leo quam ullamcorper eros, in tincidunt risus eros sed arcu. Nulla euismod justo in magna volutpat et dignissim lectus aliquam. Ut ut diam est, nec rutrum neque.
![Page 16: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/16.jpg)
Center
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac
arcu tortor, ut scelerisque ligula. Mauris enim turpis, dapibus interdum egestas ut, commodo eu justo. Nam nunc nisl, consequat eu lacinia et,
adipiscing at massa. Nulla a consequat dolor. Sed sollicitudin, sem id porttitor condimentum, leo quam ullamcorper eros, in tincidunt risus
eros sed arcu. Nulla euismod justo in magna volutpat et dignissim lectus aliquam. Ut ut diam est, nec rutrum
neque.
![Page 17: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/17.jpg)
Justified
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac arcu tortor, ut scelerisque ligula. Mauris enim turpis, dapibus interdum egestas ut, commodo eu justo. Nam nunc nisl, consequat eu lacinia et, adipiscing at massa. Nulla a consequat dolor. Sed sollicitudin, sem id porttitor condimentum, leo quam ullamcorper eros, in tincidunt risus eros sed arcu. Nulla euismod justo in magna volutpat et dignissim lectus aliquam. Ut ut diam est, nec rutrum neque.
![Page 18: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/18.jpg)
Asymmetric
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Integer ac arcu tortor,
scelerisque ligula. Mauris enim turpis, interdum egestas ut,
commodo eu justo. Nam nunc nisl, consequat eu
lacinia et, adipiscing at massa.
Nulla a consequat dolor
![Page 19: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/19.jpg)
Run Around
![Page 20: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/20.jpg)
Contour
![Page 21: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/21.jpg)
Shape
![Page 22: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/22.jpg)
Concrete
![Page 23: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/23.jpg)
LeadingLine spacing is called leading - the amount of vertical space from one baseline to the next baseline.
KerningKerning is adjusting the space between two letters to give a word a more visually pleasing result.
![Page 24: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/24.jpg)
Type Measurement
Type is measured in Points.
There are 72 points in one inch
![Page 25: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/25.jpg)
The Anatomy of Type
![Page 26: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/26.jpg)
72 points = 1 inch
6 picas = 1 inch
![Page 27: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/27.jpg)
Cool Type Designs
![Page 28: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/28.jpg)
EXAMPLES
![Page 29: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/29.jpg)
EXAMPLES
![Page 30: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/30.jpg)
EXAMPLES
![Page 31: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/31.jpg)
EXAMPLES
![Page 32: Typography The art, craft, or process of designing type and printing from it.](https://reader037.fdocuments.us/reader037/viewer/2022102707/56649da05503460f94a8c6c4/html5/thumbnails/32.jpg)
EXAMPLES