Designing With Type part 2
description
Transcript of Designing With Type part 2
![Page 1: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/1.jpg)
Designing With Typepart 2
![Page 2: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/2.jpg)
a) papyrusesb) illuminated manuscriptsc) scrollsd) calligraphy
What does “Illuminated”mean?
During Middle Ages books were called…
![Page 3: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/3.jpg)
The first printing press was invented…
a) by William Caslonb) in 15th centuryc) in 18th centuryd) b & ee) by Johannes Gutenbergf) a & c
![Page 4: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/4.jpg)
Name 2 main type categories
a) ascender and descenderb) Serif and Sans Serifc) cold and hot metal typed) none of the above
![Page 5: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/5.jpg)
Which fonts are older,Serif or Sans Serif?
![Page 6: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/6.jpg)
Leading – spacing between linesThis term derives from “hot type” typesetting (strips of leadwere placed between lines of type) and refers to the amountof spacing between lines of type.
This term derives from “hot type” typesetting (strips of lead
were placed between lines of type) and refers to the amount
of spacing between lines of type.
This term derives from “hot type” typesetting (strips of leadwere placed between lines of type) and refers to the amountof spacing between lines of type.
![Page 7: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/7.jpg)
![Page 8: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/8.jpg)
Leading – spacing between lines
How much leading?One rule of thumb suggests adding about 20% or around 2 points to the point size of your text as a starting point for adjusting line spacing. Less is generally too crowded.
Type size: 32 pt. / Leading Size: 34 pt.
![Page 10: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/10.jpg)
Kerning – is the individual attention given to the spacing between any two letters
![Page 11: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/11.jpg)
These are pairs you must start paying attentiontoo in everything you design in this program.
OC — curved letters need special attentionYa — always kern after a y Hi or fl — vertical letters together or ligaturesWn — oblique letters always present a problem
Kerning Pairs
![Page 12: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/12.jpg)
Kerning Pairs
![Page 13: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/13.jpg)
Kerning Pairs
![Page 14: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/14.jpg)
Kerning Pairs
There shouldn’t be a space between them
![Page 15: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/15.jpg)
Kerning Pairs
![Page 16: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/16.jpg)
![Page 17: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/17.jpg)
![Page 18: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/18.jpg)
![Page 19: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/19.jpg)
![Page 20: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/20.jpg)
![Page 21: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/21.jpg)
![Page 22: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/22.jpg)
![Page 23: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/23.jpg)
compare these logos
![Page 24: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/24.jpg)
compare these logos
![Page 25: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/25.jpg)
“Typolution” Animation by Olivier Beaudoin:http://www.youtube.com/watch?v=zVPfTlpCKaw
![Page 26: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/26.jpg)
Famous Graphic Designers
David Carsonhttp://www.ted.com/talks/lang/en/david_carson_on_design.html
Paula Scherhttp://www.hillmancurtis.com/index.php?/film/watch/paula_scher/
![Page 27: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/27.jpg)
To Get More Ideas for Project 2
“Type City” – Interactive Project
![Page 28: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/28.jpg)
Student Work
1. Pick a children book and draw one page. The illustration must related to content
2. It must be black and white3. You can paste the text along the
path4. And use letters to draw the
character5. It must have content too
![Page 29: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/29.jpg)
Student Work
6. You should play around the keyword in the content. Make a outstanding and look like its meaning
![Page 30: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/30.jpg)
Student Work
If you don’t have time to search the children book. You can use the content of previous student’s work.e.g. humpty dumpty sat….But you must draw your own egg and character. Have your own gesture of the character. You own layout and structure of paragraph.
![Page 31: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/31.jpg)
Student Work
![Page 32: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/32.jpg)
Student Work
![Page 33: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/33.jpg)
Student Work
![Page 34: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/34.jpg)
Student Work
![Page 35: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/35.jpg)
Student Work
![Page 36: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/36.jpg)
Student Work. Project by Kat M.
![Page 37: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/37.jpg)
Student Work. Project by Leo A.
![Page 38: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/38.jpg)
Student Work. Project by Cynthia D.
![Page 39: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/39.jpg)
Student Work. Project by Rachel P.
![Page 40: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/40.jpg)
Student Work. Project by Shawn D.
![Page 41: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/41.jpg)
More Useful Links
All you need to know about different typefaces:http://www.paratype.com/help/term/
![Page 42: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/42.jpg)
Need More Fonts?
http://www.dafont.comhttp://www.urbanfonts.com
![Page 43: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/43.jpg)
![Page 44: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/44.jpg)
ArialWhich one is Serif and which one is San Serif?
Times New Roman
![Page 45: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/45.jpg)
________________ I s s p a c e b e t w e e n e a c h l e t t e r.
H e r e I s t h e s a m p l e s e n t e n c e.Here is the sample sentence.
![Page 46: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/46.jpg)
________________ I s s p a c e b e t w e e n e a c h l e t t e r.
H e r e I s t h e s a m p l e s e n t e n c e.Here is the sample sentence.
Kerning
![Page 47: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/47.jpg)
Here is sample paragraph.Here is sample paragraphHere is sample paragraphHere is sample paragraphHere is sample paragraph
Here is sample paragraph
Here is sample paragraph
Here is sample paragraph
Here is sample paragraph
Here is sample paragraph
____________ is space between lines
![Page 48: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/48.jpg)
Here is sample paragraph.Here is sample paragraphHere is sample paragraphHere is sample paragraphHere is sample paragraph
Here is sample paragraph
Here is sample paragraph
Here is sample paragraph
Here is sample paragraph
Here is sample paragraph
____________ is space between linesLeading
![Page 49: Designing With Type part 2](https://reader036.fdocuments.us/reader036/viewer/2022081512/568166e8550346895ddb28c9/html5/thumbnails/49.jpg)
Student Extra Credit
You can demonstrate Illustrator technique that didn’t cover in class. The time length is 10 minutes. You will have extra 3% in your final grade.