1

What to do with this PowerPoint• When you download this file in your computer, save it as

typography_yourlastname.ppt (or pptx)• Follow each slide• For most of the slides, you will stay in PowerPoint Normal View

mode (the one you have now) and follow activities, but when there is a hyperlink, you may need to change to PowerPoint Slide Show mode (or you can simply copy and paste the URL into a browser).

• In some slides (not all), you need to do some exercises. Just do your best. Your work here will not be graded. I want you to learn from this exercise without worrying about whether you answer right or wrong.

• I estimate this asynchronous activity will take about 3-4 hours.

2

Typography

3

Read Williams’ Chapters

• 9, 10 & 11• Feel different fonts (Missy K told us this. Thank you!) – http://www.youtube.com/watch?v=GdVgpj51B_A

(one min. video)

4

Typefaces

• Let’s review general categories of typefaces.• There are six common categories of typefaces.– Serif typefaces– Sans-serif typefaces– Slab-serif– Blackletter– Script– Decorative

• Not every font fits in one of these categories.

5

Serif Typefaces• It is also called oldstyle fonts. Serif fonts have two distinctive

characteristics; (1) serif (pronounced “sair iff”, not “suh reef”), and (2)thick and thin transition in the strokes. Look carefully the following typeface.

7

Serif Typefaces (continued)

• Very legible, and provide improved readability by leading the eye along a line of type– Look at any Newspaper (not on-line one) main text font.

• So, you can read Serif font text faster than Sans-serif font text.

• Use for large bodies of text• Examine all fonts under Font Name in your

PowerPoint program (if you don’t understand, see the next slide). what is Serif style font ? Name one here.

• Palatino

8

How can I find font names?

• Highlight (select) any text first and see font names.PC Mac

9

Sans-serif (no serif)

• Means No-serif in French• No thick/thin transition in the strokes• Clean design, very legible• Can you name one here? (actually you are looking at

one of Sans-serif typefaces now ^^)• Arial

10

Slab Serif• Slab Serif: Sans Serif + Serif (oxymoron? ^^) See the

example (kind of hybrid between Sans Serif and Serif)

12

Script

• Resemble handwriting, from formal to whimsical

• Usually used for announcement, invitations, greetings, and advertisement

• Find one example of Script fonts and type the name here: Apple Chancery

• Why do you think script fonts are used for announcement, invitations, greetings? To give a more personal, authentic feel.

13

Blackletter• the earliest typefaces

http://www.creativepro.com/node/58804

14

Decorative typefaces• Here are some decorative fonts. • Distinctive, playful, etc.• However, use with caution. Do NOT recommend as

the body text font.

15

Font Family

• A set of typefaces. For example, Times New Roman is one family. Under Times New Roman, there is a great variation based on – Different font size– Italics– Bold– Etc.

16

General rules for fonts

• 1-2 font families (3 is the maximum) in one design • Do not use cursive font in the main body– Why? Hard to read or takes longer time to read.

• Don't set long blocks of text in italics, bold, or all caps.– Why? Hard to read or takes longer time to read.

• In order to emphasize, use italics or bold instead of underlines. – why? Underlined one looks like a hyperlink.

• Please read – http://www.will-harris.com/use-type.htm

17

Your exercise: Font-based Flyer• Pick only one of the following topics (green color letters), and develop a flyer

in PowerPoint or Word (whatever you feel comfortable) using only words, color, and simple graphic objects(ex. square, circle, arrow, etc, but NO picture or clip art). Next slide is an example. Yes, you can use WordArt if you want.– Babysitting (your first name) 123-4567– Math Tutoring (your first name) 234-5678

• Open a new PPT (or Word), and design single-page flyer (spend about 20 min.)

• Once you’re done, save the PPT (or Word) first, and then save as a PDF file.– Because you may have used a special font, which may not be installed in other

computers, you have to save it as a PDF file (graphic file).

• How to save PowerPoint file as PDF file– Go to File and Save as, – When you see Save As window, find PDF under Save as type (or Format in Mac)– Save

• Upload PDF file to BB

18

Example of a flyer using only words

http://favim.com/image/31940/

19

Explore Format Text Effects (Mac)• There are more format text effects you can use. Please explore these

options.• For Mac users, highlight (select) the word first, and go to Format Palette

and Select this, then Format Text window will appear for more options.

20

Explore Format Text Effects (PC)• There are more format text effects you can use. Please explore these

options.• Highlight the words first, and click the right mouse button, select Format

Text Effects. Format Text Effects Window will appear.

21

Explore Animation software: goanimate• Go to http://goanimate.com• Make a video (you need to make an account first)• See this video tutorial (5 min.)

http://vimeo.com/59691770• See an example of GoAnimate video

http://goanimate.com/videos/05oQmcOvPRMw

• Your video should be a simple, but make-sense (meaning do not put any random words) story

• Your video must– Be about 30 seconds long (actually, duration does not matter)– Have more than one actor/actress– Have more than one scene– Have emotion/gestures– Have meaningful dialogue (Using Text-to-Speech is fine)

• Publish and copy and paste the URL, and post the URL when you submit this asynchronous session

• I hope your PowerPoint skills apply to this video making.– Ex) Click each actor to put more actions. After putting more actions(notice different tabs including

enter/exit), click X on the actor’s pane to come back to the original screen (like closing a customized animation pane)

22

At the end of this asynchronous class,

• You will upload– This powerpoint file– One page text-based PDF flyer (either Babysitting or Math

tutoring)– Your GoAnimate video URL (post the URL in the comment

area when you submit the other files)