Typography
-
Upload
jolene-herzog -
Category
Design
-
view
2.829 -
download
2
description
Transcript of Typography
![Page 1: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/1.jpg)
TYPOGRAPHYThe art of using text to produce professional looking publications.
![Page 2: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/2.jpg)
WORDING THAT CAN BE THE SAME Font is also commonly called type or
textThey all mean the same thingYou can say font face or type face but they
mean the same thing
![Page 3: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/3.jpg)
FONT/TYPEFonts are categories of text. Common groups of fonts include:
• Times New Roman• Arial
• Garamond• ScriptComic
![Page 4: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/4.jpg)
FONT/TYPE FAMILIESFonts are grouped into families and given a
name: Arial Garamond Comic Times
![Page 5: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/5.jpg)
WITHIN A FONT/TYPE FAMILY THERE CAN BE MANY MEMBERS INCLUDING: Arial Black Arial Narrow Arial Rounded MT Bold Arial Unicode MS It’s like your own Family. We have the Smith familyDad- Frank SmithMom- Mary SmithSon- Sam SmithEach are part of the Smith family but they are all
individuals (type style) who have the same last name.
![Page 6: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/6.jpg)
FONT/TYPE STYLEStyles are applied to fonts to change the
way they look. Examples of the most common type styles include:Bold ItalicsBookRoundHeavy
![Page 7: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/7.jpg)
IF YOU HAVE A TYPE STYLE YOU HAVE: Sam Smith with cowboy appeal Mary Smith with Gothic appeal Frank Smith with Business appeal
You can take away their styles but they are still members of the Smith family.
![Page 8: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/8.jpg)
TYPEFACE A font/type becomes a typeface/ font face
once a style has been applied to it. For example;
Arial ItalicTimes New Roman narrowRockwell Extra Bold
![Page 9: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/9.jpg)
Family+Style =Type/Font Face
![Page 10: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/10.jpg)
FONTS ARE USED TO HELP CREATE
A MOOD OR A FEELING IN A PUBLICATION. FONTS CAN ALSO LIMIT OR ENHANCE READABILITY SO CHOOSE YOUR FONTS CAREFULLY.
![Page 11: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/11.jpg)
USE IF YOU HAVE LOTS OF TYPE YOU WANT PEOPLE TO ACTUALLY READ:
Oldstyle Thick/thin transition
in strokes
Diagonal stress
SerifSerifs on lowercase letters are slanted
Goudy
![Page 12: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/12.jpg)
MODERN Not good choices for extended amounts of body copy Thin lines almost disappear, thick lines are
prominent
Effect on the page is called “dazzling”
![Page 13: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/13.jpg)
SERIF Used in children’s books because of
clean, straightforward lookExamples:
Times New RomanCalifornian
![Page 14: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/14.jpg)
SANS SERIF “sans” (without) in French No thick/thin transition Same thickness all the way around Great for creating eye-catching pages
![Page 15: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/15.jpg)
SCRIPTLike cheesecake- they should be used sparingly so nobody gets sick
![Page 16: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/16.jpg)
DECORATIVE Easy to identify. If the thought of
reading an entire book in that font makes you want to throw up, it falls under decorative.
Fun, distinctive Powerful use is limited Often used in headlines
Juice Chilly cooldots
![Page 17: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/17.jpg)
SERIF OR SANS SERIF Serif
A typeface with lines on curves extending from the ends of the letters
A B C a b c
![Page 18: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/18.jpg)
SERIF OR SANS SERIF
Sans SerifA typeface that is straight-edged
A B C a b c
![Page 19: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/19.jpg)
ALL ABOUT LETTERS x-height
The height of the body of all lowercase letters such as the letter x in a typeface. All lower case letters are designed to be no taller then the x-height.
a x cBaseline
An imaginary horizontal line on which the bottom of letters rest.
![Page 20: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/20.jpg)
PARTS OF LETTERS Ascender
The lowercase letter that extend above the x-height – b, d, f, h, and l
b x h
![Page 21: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/21.jpg)
PARTS OF LETTERS Descender
The lowercase letters that fall below the baseline – g, j, p, and q
g x j
![Page 22: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/22.jpg)
![Page 23: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/23.jpg)
A design element in which a letter (usually the first letter of the paragraph) is much larger font and embedded into the surrounding text.
Drop Caps
![Page 24: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/24.jpg)
CHARACTER SPACING Tracking
A feature that enables you to adjust the relative space characters for selected text Adjusts the space between a group of characters or
words (applied to the whole word)
![Page 25: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/25.jpg)
CHARACTER SPACING Kerning
The process of “fine tuning” spacing by adjusting the space between characters Adjusts the space between two characters
![Page 26: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/26.jpg)
LEADING
The vertical distant between base heightsadjusts the space between lines
![Page 27: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/27.jpg)
ALIGNMENT The placement of text or graphics
relative to the margins.LeftRightCentered Justified
![Page 28: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/28.jpg)
UNITS OF MEASUREMENT Pica
Traditional typographic measurement of 12 points or 1/6 of an inch. These letters are 12 points or 1 pica high.
Spacing is often measured in picas. For instance, in a yearbook spread, all elements should be at least one pica apart.
![Page 29: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/29.jpg)
UNITS OF MEASUREMENT Points
The basic measurement system used to measure the size of type. There are 72 points to an inch.
72 point font
![Page 30: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/30.jpg)
REVERSE TYPE Reverse Type
White or light colored text that appears against a darker background
Reverse Type
![Page 31: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/31.jpg)
LEADERS Dots, dashes, or
characters that proceed text or a tab setting.
![Page 32: Typography](https://reader036.fdocuments.net/reader036/viewer/2022062617/54c7cd664a79590b498b45ce/html5/thumbnails/32.jpg)
SMALL CAPS SMALL CAPS ARE LETTERING THAT IS IN
ALL CAPS, EXCEPT THOSE LETTERS THAT WOULD NORMALLY BE LOWER CASE ARE IN SMALL CAPS.