![Page 1: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/1.jpg)
1.01A – What typefaces should be used for various displays?????
![Page 2: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/2.jpg)
For this section, choose among the following typefaces
Serif Sans serif Decorative/Ornamental Script
2
![Page 3: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/3.jpg)
Use this typeface for announcements (graduation & other formal announcements).
Script(Example of
Brush Script)
![Page 4: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/4.jpg)
Use this typeface for headlines on flyers or advertisements.
Decorative/Ornamental
(Example of Chiller)
![Page 5: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/5.jpg)
Use this typeface for webpages and on-screen/digital displays.
Sans Serif(Example of Arial)
![Page 6: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/6.jpg)
Use this typeface for body text in business publications and correspondence.
Serif
(Example of
Times New Roman)
![Page 7: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/7.jpg)
Use this typeface for text in a magazine article.
Serif(Example of
Bodoni)
![Page 8: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/8.jpg)
Symbols and logos are found in this typeface.
Decorative/Ornamental
(Example of
Webding)
![Page 9: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/9.jpg)
Use this typeface for formal invitations and place cards.
Script(Example of
Lucinda Handwriting)
![Page 10: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/10.jpg)
Use this typeface for captions on pictures.
Sans Serif(Example of
Verdana)
![Page 11: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/11.jpg)
Use this typeface for poetry.
Script(Example of
French Script)
![Page 12: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/12.jpg)
This typeface can be hard to read.
Decorative/Ornamental
(Example of Engravers MT)
![Page 13: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/13.jpg)
Use this typeface for text in newspapers.
Serif
(Example of Courier)
![Page 14: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/14.jpg)
Use this typeface for on-line headings and headlines
Sans Serif(Berlin Sans
Gill Sans)
![Page 15: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/15.jpg)
Use this typeface sparingly.
Decorative/Ornamental
(Example of Broadway)
![Page 16: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/16.jpg)
Use this typeface for text in books and newsletters.
Serif(Example of
Goudy)
![Page 17: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/17.jpg)
1.01A – Basic Typography – Font Face Information
![Page 18: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/18.jpg)
This term describes the basic design of a character.
typeface
![Page 19: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/19.jpg)
The specific size (points), weight (blackness or whiteness) and style applied to a typeface together define a:
font
![Page 20: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/20.jpg)
When referring to the slant, weight and special effects applied to the text, such as bold or italics, you mean:
Font Style
![Page 21: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/21.jpg)
What is a group of similarly formatted characters?(different sizes, weights and variations of a typeface)
Font Family
![Page 22: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/22.jpg)
22
Examples of a font family:
Arial
Arial Black
Arial Narrow
Arial Rounded MT Bold
![Page 23: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/23.jpg)
What are the four typeface categories?
Serif, sans serif,
script/cursive, decorative/ornamental
![Page 24: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/24.jpg)
Which typeface category includes attributes/strokes at the tips of the letter?
Serif
![Page 25: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/25.jpg)
What are examples of serif font styles, and which is one is most popular?
![Page 26: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/26.jpg)
What font style is used for business correspondence as well as text for magazine articles, books, newspapers and newsletters?
![Page 27: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/27.jpg)
What is are the recommended point sizes for body text?
10-12 points
![Page 28: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/28.jpg)
What typeface has no attributes (strokes, serifs) at the tips of a letter?
Sans Serif
![Page 29: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/29.jpg)
Used for web pages, digital display, headings and captions, give examples of popular sans serif fonts:
Arial, Veranda Tahoma
![Page 30: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/30.jpg)
What typeface appears to have been written by hand or with a calligraphy pen?
Script or
Cursive
![Page 31: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/31.jpg)
On what documents should script font be used?
Invitations, calling cards,
poetry, announcemen
ts
![Page 32: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/32.jpg)
SHOULD SCRIPT/CURSIVE FONT BE KEYED IN ALL CAPITAL LETTERS?
NOOOOOO!
![Page 33: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/33.jpg)
What typeface should be used to sparingly to “catch the eye” on flyer headlines and for logo symbols?
Ornamental or Decorative
![Page 34: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/34.jpg)
Give examples of ornamental or decorative fonts…..
Chiller, Broadway &
(Webdings)
![Page 35: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/35.jpg)
1.01B – Type Effects
![Page 36: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/36.jpg)
When each character takes up the same amount of space, the font is said to be:
Monospaced
![Page 37: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/37.jpg)
A popular type of monospaced font is __________, and it is often used in biology and computer programming publications.
Courier
![Page 38: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/38.jpg)
When the space each character takes up is adjusted to the width of that character, the spacing is:
proportional
![Page 39: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/39.jpg)
Are Times New Roman and Arial considered proportional?
Yes, indeed.
![Page 40: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/40.jpg)
Which font is easier to read in publications and takes up less space? (monospaced or proportional)
proportional
![Page 41: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/41.jpg)
Which font makes similar characters look more different and makes it easier to see thin punctuation marks? (monospaced or proportional)
monospaced
![Page 42: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/42.jpg)
Also referred to expanded or condensed, the vertical spacing between lines of text is called this.
leading
![Page 43: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/43.jpg)
43
A possible use for leading
Make a block of text fit in a space that is larger or smaller than a text block.
![Page 44: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/44.jpg)
What feature would you use to add or subtract space between pairs of letters (horizontal space)?
kerning
![Page 45: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/45.jpg)
This is used to adjust space for groups of letters AND entire blocks of text to make the text more open and airy.
Tracking
![Page 46: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/46.jpg)
What features would you use to slightly increase or decrease the length of a column of text so it is even with an adjacent column?
Leading and/or tracking
![Page 47: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/47.jpg)
1.02A – Principles of Design
Away We Go!!!
![Page 48: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/48.jpg)
Negative or blank space of any color to give a design room to breathe; draws attention to publication.
White space
![Page 49: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/49.jpg)
Use of big & small elements, black & white text, squares and circles to emphasize important information.
Contrast
![Page 50: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/50.jpg)
Elements of a design are centered or evenly divided both vertically and horizontally.
Symmetrical balance
![Page 51: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/51.jpg)
Elements radiate from or swirl around in a circular or spiral path.
Radial balance
![Page 52: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/52.jpg)
Off-center alignment created with an odd or mismatched number of elements
Asymmetrical
![Page 53: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/53.jpg)
Repeat some aspect of the design throughout the entire layout to aid navigation and improve readability.
Repetition/Consistency
![Page 54: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/54.jpg)
Visually dividing the page into thirds vertically and/or horizontally; place the most important elements within those thirds.
Rule of thirds
![Page 55: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/55.jpg)
Grouping of elements to demonstrate their relationship to each other.
Proximity/Unity
![Page 56: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/56.jpg)
This is the spot the eye sees when it first encounters a page.
Optical Center
![Page 57: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/57.jpg)
Where is the optical/vertical center located?
Slightly above & to right of
mathematical center of page
![Page 58: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/58.jpg)
What is the visual path the eye follows when looking at a printed page?
Z-pattern
![Page 59: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/59.jpg)
What design principle gives a design breathing room & smoothes transition between elements?
White Space
![Page 60: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/60.jpg)
Can “White Space” include space between characters, lines, paragraphs, margins, etc.?
Absolutely!
![Page 61: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/61.jpg)
What design principle aids navigation and improves readability?
Repetition/Consistency
![Page 62: 1.01A – What typefaces should be used for various displays?????](https://reader030.vdocuments.mx/reader030/viewer/2022032415/568133de550346895d9ad1f7/html5/thumbnails/62.jpg)
What color is “white space”?
ANY color