typography (the study of font). what is “typography?” printing the study and “process” of...
TRANSCRIPT
![Page 1: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/1.jpg)
Typography(The study of font)
![Page 2: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/2.jpg)
What is “Typography?”
• The study and “process” of typefaces, and the art and technique of printing
• “Study”• Legibility or readability of typefaces and their layout
• Attractiveness of typefaces and their layout
• Functionality and effectiveness of typefaces and their layout
• How a typeface/layout combo “enhances” or “honors” content
• “Process”• Artistic composition of individual type
• Setting and arrangement of type
![Page 3: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/3.jpg)
3
Goals of typographic design• Typography plays an important role in how
audiences perceive your document and its information.
• Good design is about • capturing your audience’s interest and
• helping your audience gather information quickly and accurately.
• Typography creates relationships between different types of information, both organizing this information and keeping it interesting.
![Page 4: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/4.jpg)
Serif: has lines, curves, or edges extending from the ends of the letter.
Sans Serif: is straight-edged or without lines.
Script: looks like handwriting.
Example Text
Example Text
Example Text
(Serif)
Typeface
Each design has a name and is intended to convey a specific feeling.There are basically three types of faces: serif, sans serif, and script.
![Page 5: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/5.jpg)
Font
• Definition: A font is a specific member of a typeface family such as roman, bold, or italic. Changing the size also changes a font.
• EXAMPLE:• Arial: abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz
• Each set includes upper- and lowercase letters, numerals, and punctuation.
![Page 6: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/6.jpg)
Serif vs. Sans Serif
![Page 7: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/7.jpg)
7
Legibility and font familiesOnline Print
Serifs create distinctions between characters (uppercase “I” and lowercase “L” )
Appears blurry
Helps the reader follow text easily
Serif fonts have contrasting strokes and lines
Helps move reader’s eye character to character
Helps move reader’s eye character to character
Sans serif fonts have uniform strokes throughout
Helps readers easily read text
Makes words in a sentence hard to follow
Stroke
Line
Stroke
![Page 8: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/8.jpg)
Some Typeface Examples• Quick brown foxes jump – Arial Black
• Quick brown foxes jump - Times New Roman
• Quick brown foxes jump - Bookman Old Style
• Quick brown foxes jump - Courier New
• Quick brown foxes jump - Trebuchet MS
• Quick brown foxes jump - Comic Sans MS
• - Webdings
![Page 9: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/9.jpg)
Size
Definition: Font size generally refers to the height of the font, usually measured in points.
There are 72 points to an inch.
This is 10 point type.
This is 12 point type.
This is 18 point type.
This is 24 point type.
This is 36 point type.
This is 48 point type.
![Page 10: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/10.jpg)
Match the Job
To choose an appropriate typeface, generate adjectives that describe the mood or feeling that you want achieved. (Ex: masculine, strong, elegant, romantic, friendly, dramatic, etc.) Then choose a typeface with a personality that matches the adjectives. Remember that the typeface must be compatible with the content of the words and the document message.
BULLDOZER (Appropriate)
(Inappropriate)
Select a typeface that matches the document content.
![Page 11: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/11.jpg)
Typography and Print
• Typography is defined in relation to print
• History of (Western) printing• Johannes Gutenberg
• Europe’s first printer (42-line Bible, 1455), first designer of typeface
• Gothic type: modeled after German script
• Goal: To replicate the look of a manuscript Bible
• Aldus Manutius• Designed “Italic” type (“of Italy”) in the 1490s
• Modeled on handwriting of Venetian clerks
• Compact form allowed for printing of smaller books
![Page 12: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/12.jpg)
Typography and PrintGerman
ScriptGothic Type
Manutius’ Italic
![Page 13: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/13.jpg)
Creating Type
“Anatomy of a letter” - Some terms eventually associated with the potential features of type design
![Page 14: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/14.jpg)
Movable Type
• Made of Cast Metal
• One per character, space, punctuation, etc.
• A page would be filled with thousands of these
![Page 16: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/16.jpg)
Typography and Print: Creating Type
![Page 18: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/18.jpg)
Kerning
![Page 19: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/19.jpg)
Alignment / JustificationLeft-aligned text is the most legible, because it matchesthe way that we read left-to-right.
Center-aligned text is considered less legiblebecause the ragged starting edges make it difficult
for the reader to track from one line to the next.Center-aligned is often used for titles.
Small amounts of text on the right
side of the page should be right-aligned.This text is difficult to read because
of the ragged left edge.
![Page 20: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/20.jpg)
20
Similarity and alignment
• Aligned text creates a line in your design; such lines help readers draw connections between different parts of a document.
![Page 21: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/21.jpg)
Readability
Readers only want information that is easy to read, understand and use.
• Choose legible typefaces appropriate for the subject matter
• Ensure readability by making sure the type:
• is big enough to read
• is set at a line length that
• is not too long or too short provides a contrast to the background
• Use no more than two type faces per document (variety is accomplished by using styles such as bold, italic, etc.).
![Page 22: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/22.jpg)
22
Contrast and font families• To create contrast,
you could use two font families, one serif and one sans serif.
Heading is set in Impact—a sans serif font
Subheading is set in Georgia—a serif font
![Page 23: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/23.jpg)
23
Hierarchy and typography
• Use typography to guide readers through the levels of your document.
• Use different headings by changing font family, font type, font size, font color.
• To promote uniformity and help your audiences navigate, keep typographic choices consistent for each subsection throughout the document.
![Page 24: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/24.jpg)
24
These headings look the same because they express the same level of hierarchy
Different levels use different font sizes, font families, font colors, and leading.
Top-level headings can use unconventional fonts
![Page 25: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/25.jpg)
![Page 26: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/26.jpg)
![Page 27: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/27.jpg)
![Page 28: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/28.jpg)
![Page 29: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/29.jpg)
![Page 30: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/30.jpg)
![Page 31: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/31.jpg)
![Page 32: Typography (The study of font). What is “Typography?” printing The study and “process” of typefaces, and the art and technique of printing “Study” Legibility](https://reader038.vdocuments.us/reader038/viewer/2022103022/56649c9b5503460f9495a082/html5/thumbnails/32.jpg)