Typography Notes
Save the Template Image
Long press on the template photo on the right
Click "Save in Photos"
Start a New File Fresco
Open Adobe Fresco.
Start a new document: tap "+ Create new"
Tap the "Print" tab
Tap "Tabloid"
Add Template to Fresco
Tap the photo icon and tap "Photos"
Choose the template image.
If needed, to fill the page, drag the corners to fill the page. Do not drag the sides.
Click "Done"
Rename
Tap the "Untitled..." at the top of the screen
Tap the "Untitled..." again
Rename to "Last Name, Typography Notes"
Tap "Save"
Complete the Template
Listen to the presentation and complete the template notes.
Save as a JPG
Tap the share icon at the top
Tap "Publish & Export"
Tap "Export as"
Choose "JPG"
Tap "Export"
Tap "Google Drive"
Add Jpg to New Folder in Portfolio
Go into the "Folder" area and tap "My Drive"
Tap your "Graphic Design Folder"
Tap the "+" folder icon to make a new folder
Title the new folder "3 - Typography" and tap "Create"
Tap the "+" folder icon to make a new folder again.
Title the new folder "Formatives" and tap "Create"
Tap "Save here" in the bottom right
Tap "UPLOAD" in the top right
Submit Graphic Design Link to Canvas
Copy Link
Go to the drive.google.com on Safari
Navigate to your "Graphic Design" folder and click the "..." to the right
Tap "Get link"
Tap "Copy link"
Submit to Canvas
Go to the Canvas app and find the assignment
Click "Submit Assignment"
Tap the Website URL area twice and tap "Paste"
Click "Submit Assignment"
Absent?
Review below:
History of Typography
11th century: Movable type was invented during the eleventh-century in China manufactured from ceramic materials.
1234-1250: Choe Yun-ui in Korea created moveable type to print a Buddhist text.
1377: Jikji, the oldest existing book printed with movable metal type
1400 AD: Johannes Guttenburg created the first lead (metal)-based movable type. The typeface, Blackletter was modeled after scribed writing
15th Century:
Nicolas Jenson created Roman Type, inspired by the text on ancient roman buildings. It was far more readable than blackletter, and caught on quickly.
Aldus Manutius created italics – a way to fit more words onto a page, saving the printer money.
18th century: William Caslon created a typeface that features straighter serifs and much more obvious contrasts between thin and bold strokes. Today, we call this type style ‘old style’.
1816: William Caslon IV created the first typeface without any serifs at all. It was widely rebuked at the time. This was the start of what we now consider Sans Serif typefaces.
1927: Paul Renner created Geometric Sans
1957: Swiss designer Max Miedinger created Helvetica, the most loved typeface of our time.
1994: Comic Sans MS, a sans-serif script typeface designed by Vincent Connare, is released by Microsoft Corporation.
Typeface vs. Font
Typeface (or type family): A specific collection of related fonts
ex: Oswald, Nunito, Pacifico
Font: A particular weight, width, and style
ex: Oswald Extra Light
Type Size
A font’s size is measured by its height in pt (points).
There are approximately 72 (72.272) points in one inch.
How big does your type need to be so it’s readable by your expected audience?
Mobile / Flyers / Books
Holding in hand, reading from about a foot away
Smallest: 8-12 pt.
Posters
Reading from around 3 feet away
Smallest: 24 pt.
Anatomy
Kerning: space between 2 letters
Tracking: space between all letters on a line
Leading: space between lines of text
Why is leading pronounced "led"ing?
Pronounced like “led” (as in lead, the metal)
Hand-typesetters used to place strips of lead in between the type to add space.
Font Psychology
Fonts impact:
Thoughts
Feelings
Behaviors
Choose the right fonts for your designs and take control over how your design is perceived.
How do you want your audience to feel?
Text Font vs. Display Font
Text Font: readable at small sizes (8-12 pt.)
Display Font: Expressive and illustrative. Used at large sizes (ex: for headings) due to their varied and un-unified form. Can’t read at small sizes.