Typography 01

visual communication Typography 1		syllabus :: project one :: project two :: project three :: project four :: blog
:::::::::::::::::::::::::::::::::::::::::::: :: Classification :- type measurement :- brief history of type :- evolution of type :- thinking with type :- timeline :- eriks typo tips :- bembos zoo :- typoorganism :::::::::::::::::::::::::::::::::::::::::::: ::Font Houses :: Designers :- typography.com :- letterror :- emigre :- house industries :- T-26 :- underware :- typophile :- font brothers :- astigmatic :::::::::::::::::::::::::::::::::::::::::::: :: Short films :: Audio :- films by Hillman Curtis :- sagmeister \| scher \| carson :- Type Radio :- Type Culture Movies :::::::::::::::::::::::::::::::::::::::::::: :: Supplies :- buy.com (13 x 19 paper) :- mr. french (paper) :- dick blick (supplies) :- CD stuff ::::::::::::::::::::::::::::::::::::::::::: email: andrea herstowski	::::	:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Project Two: FONT STUDY Teaching someone about a specific typeface. Who designed it, when, its character, how to identify it... You will become the resident expert of your font. Project two focuses on learning to identify fonts, font characteristics and type classifications. Graphic design professionals are expected to recognize an almost infinite number of typefaces; it is essential, therefore, that students begin by learning the parts of the letter (terms), characteristics and to classify typefaces into these major historical, categories (type classifications): Old Style, Transitional, Modern, Slab Serif, Sans Serif. RESEARCH DUE OCT 27 History of the font. Research and write at least 1000 words about the origins of your font. Can be specifically about your font, or about the classification or both. History of the world. What was happening in the world the year/decade your font was designed, is it at all a reflection of the times? (no word min or max, not included in 1000 words or 500 words, is its own thing) Biography of your font designer: 500 words about the font designer. Include when and where they were born, died, list other fonts they designed Bibliography: must included a bibliography, use at least 4 resources and only 2 of those can be online. You are assigned a font and you will be come the expert on every aspect of that font. Share your knowledge with the group. The final will be a series of 2 posters. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Thursday, Oct 13 _ Lecture: Font Classification _ Lecture: Parts of the letter _ Industrial: Post Sans Type (if you have a sans serif make sure you read this) _ check this out and see if you find info about your font In small groups: define the following font classifications. Write down at least 3 characteristics for each of the following the classifications and at least 5 fonts that fit under each classification. Add this information to your blog... _ Old Style _ Transitional _ Modern _ Slab Serif _ New Transitional _ Sans Serif: grotesque _ Sans Serif: geometric _ Sans Serif: humanist In class: examining your font HOMEWORK you are to become an expert of your font... Using your font please identify the following information _ Sans Serif or Serif _ Name of the Designer _ Date it was designed _ Classification _ List its family members: Roman, Italic, Bold...(small caps) Using the book identify as many characteristics you can about your font... Baseline, Cap height, x-height, serif style, stroke width, apex, final/terminal, barb, spur, ear, loop, link, a and g one story or two story, tail, apex, leg How can you teach us (the viewer) about your font. How can we tell your font apart from another? What is distinctive? ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Tuesday, October 18 _ x-height comparison _ font comparisons (working in groups) HOMEWORK Design: Characteristics Explore 20 different ideas compositions on how you can "diagrammatically" show us your fonts characteristics. Sketch in a way that you and I can understand. AT least 20. Your poster must show at least 12 characteristics. These can be on the computer or by hand but all 20, need to see the ideas. (Would be best to do them on the computer.) Present neatly and professionally. That means we should be able to see your ideas clearly. HINT: Diagram, scientific, technical, mechanical, compare, compare/contrast. These are rough quick ideas. Not flushed out posters. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Thursday, Oct. 20 _ Present 20 poster ideas, 20 ways to diagrammatically show your font's characteristics HOMEWORK The poster must include the following... _ diagrammatically show at least 12 characteristics of your font _ the entire alphabet, punctuation, numbers (how can you show it other than abcdefg...) _ your font's classification (name and description) Explore quickly 10 different compositions on the computer. Choose your most successful 5 ideas and refine them. Use the provided grid: 22 x 34 page (tall), 9 column modular grid. (get the grid off the server, it is an illustrator file, we will be using illustrator for this project). Limit your color palette to 3 - 5 colors + black/white. Use kuler.adobe.com or colourlovers.com Lock all elements to a corner of a module. Use the grid to define sizes. Use type in a ratio based on FIBONACCI: 5, 8, 13, 21, 34, 55, 89, 144, 233 Secondary font: you may use a secondary font (different class if cation than your font) REMEMBER: scale, color, size relationships, how to make it look "technical", mechanical, informational. Big's BIG smalls small. Smallest size can be 5pt. No limit on LARGE. Print your 10 posters on the color laser: shrink to fit onto 11 x 17. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Tuesday, October 25 _ Crit posters HOMEWORK Choose 3 posters and design 3 variations for each. VARIATIONS/EXPLORATIONS due 12 posters. save all as pdfs and print out 3 on 11 x 17 shrink to fit, print in color. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Thursday, Oct. 27 _ Lecture paragraph breaks _ Paragraph Break Exploration on the computer. At least 20 different ways to show a new paragraph (your text should have at least 3 paragraphs) HOMEWORK Create on the computer at least 10 Content poster compositions. Explore variations different ways the poster can look, do not make iterations, explore how these can look, feel, communicate. The "Content" poster must include the following... _ 1000 words (you can shorten your text to 1000 word min) _ title (come up with a title) _ name of the designer _ birth/death _ one quote (about your font or designer) _ pull quote. No type on curves No type in shapes No type fitted curved around letters No drop shadows No stacked type (that includes the alphabet. Use your paragraph explorations as structure for this poster. Use the "structure" to define where your additional text should go. The grid and/or internal paragraph structure determines the alignments. Use the provided grid: 22 x 34 page (tall, no horizontal format), NEW GRID. new grid on server Limit your color palette to 3 - 5 colors + black/white. Use kuler.adobe.com or colourlovers.com Lock all elements to a corner of a module. Use the grid to define sizes. Use type in a ratio based on FIBONACCI: 5, 8, 13, 21, 34, 55, 89, 144, 233 Secondary font: you may use a secondary font (opposite to yours) REMEMBER:* scale, color, size relationships, how to make it look "technical", mechanical, informational. Big's BIG smalls small. Smallest size can be 5pt. No limit on LARGE. PRINT all 5 on 11 x 17 full color, for Wed also have your Characteristic posters with you. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Tuesday, Nov. 1 _ crit content posters _ bring in characteristic posters _ Which posters will you further explore and create as a set? HOMEWORK Taking from what you have done so far you need to design/refine the explore the 2 different posters 1) characteristic poster and 2) "content" poster into a set/series. A series means they work together, share the same feeling, color palette (you should consider the use different proportions of the colors but the same palette.) How can the visual language be shared between the 2 posters. Design 3 different sets of of the 2 posters. EXPLORE. _ Grid: use the provided grid, NEW GRID. Lock all elements to a corner of a module. _ Page: 22 x 34 page (tall no horizontal), _ Color: Limit your color palette to 3 - 5 colors + black/white. *you must use the same color palette on your final posters in the series. Print at least 1 set of posters full size, full color, taped poster together. The other 2 sets can be 11 x 17 full color - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Poster 1. Characteristics The poster must include the following... _ diagrammatically show at least 12 characteristics of your font _ the entire alphabet, punctuation, numbers _ classification _ classification description - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Poster 2. Content: Information about the designer The poster must include the following... _ 1000 words (you can shorten your text to 1000 word min) _ title (come up with a title) _ name of the designer _ birth/death _ one quote (about your font or designer) _ pull quote _ (you may use content from poster 1) ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Thursday, Nov. 3 _ crit content posters _ bring in characteristic posters HOMEWORK Trying both iteration and variation of ideas: Refine 1 set of of the 2 posters. (do at least one variation of each). EXPLORE. _ Grid: use the provided grid, new grid. Lock all elements to a corner of a module. _ Page: 22 x 34 page (tall), _ Color: Limit your color palette to 3 - 5 colors + black/white. *you must use the same color palette on your final posters in the series. Print all 4 on the color laser printer 11 x 17 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Tuesday, Nov. 8 _ Animated Gif (photoshop animation) _ Test Print Tutorial _ BIG crit: 1 set full size and taped together, 2 other sets printed 11 x 17 full color. HOMEWORK POSTERS: _ poster refinements + process book. Present full size (tile or print on the plotter) Process book should be chronological and based on the above process. Spiral bound. Title page, Project Brief, All your research, Process, Finals, Project Overview. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Thursday, Nov. 10 _ small group crits HOMEWORK ANY files not on the server by your class time, the project will be counted LATE which drops your letter grade by a full grade. Giving you the weekend to print do not wait until Monday night. _ 2 posters printed out and trimmed to size (22 x 34 to that size exactly!) _ 2 posters saved as jpgs and posted to your behance.net page _ include at least one detail for each poster and the full poster _ 1 animated gif posted on your behance.net page (at least your fonts name and 1 characteristic) _ 1 process book, printed or as a PDF your choice. _ put onto the server: pdfs of your posters and your animated gif Process book should be chronological and based on the above process. Spiral bound. Title page, Project Brief, All your research, Process, Finals, Project Overview. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Tuesday, Nov. 15 DUE _ 2 posters printed out and trimmed to size (22 x 34 to that size exactly!) _ 2 posters saved as jpgs and posted to your behance.net page _ include at least one detail for each poster and the full poster _ 1 animated gif posted on your behance.net page (at least your fonts name and 1 characteristic) _ 1 process book, printed or as a PDF your choice. _ put onto the server: PDFs of your posters and your animated gif Process book should be chronological and based on the above process. Spiral bound. Title page, Project Brief, All your research, Process, Finals, Project Overview.