A N I N T R O D U C T I O N T O T H E F U N DA M E N TA L S O F T Y P O G R A P H Y
FA L L 2 0 1 1
typography publication design
dept: GRPH Number: 2120 Units: 3
Course description This course is an introduction to the fundamentals of typography as a critical skill for communication design practice. Topics include: history of writing systems and typography, anatomy of type, basic type measurements, five families of type, copyfitting, type arrangement and grids, typography for optimal readability and typography as interpretation. METHODS OF INSTRUCTION: Lecture Discussion Demonstration Classwork Student Critiques & Feedback ASSESSMENT METHODS: Grades based on: Principals and Elements of Design Concept Execution Presentation Class participation
week one
introduction
Introductions. Overview. Introduction to typography and typographical terms. Brief history of type. Explanation of projects and assignments. Assign: First brand design (your name + graphic design) in three variations. Ampersand logo week two
Principles of typography
• elements of design
The rules of typography. SPACE & MASS. The historical perspective of type and the printed word. Review: Brand ID + Logo one Assign: 2nd logo Historical poster: 1930 week three
T y pe on a pa g e : T he formattin g of te x t
Creating text for multi page documents, formatting text. Importing text. Review: 2nd logo + 1930 Poster Assign: 3rd logo + 1940 poster + Ubiquitous type images week four
L etter forms
The anatomy of type. Type as art. Review: 3rd logo + 1940 poster Assign: 4th logo + 1950 poster week five
T y po g raph y in ma g a z ine desi g n
Creating editorial spread with your images. Resumes and business cards. Review: 4th logo + 1950 poster Assign: Business card + resume + 1960 poster week six
art direction
aNGELES HAS LEFT THE BUILDING
week seven
week eight
STUDENT LEARNING OUTCOMES The student will: come to a better understanding of the role of typography in graphic design as both a tool and esthetic. Projects include a variety of design modalities week nine such as logos, book covers, magazine spreads, posters, T shirt design, advertising and branding. week ten
W ell , well , well : T he creation of a feature stor y
puttin g it all to g ether : M a k in g a ma g a z ine
T he final anal y sis
PRESENTATION Magazines uploaded and reviewed by staff and guests. PDFS to server.
publication
HANDLETTERED
LOGO DESIGN
TYPOGRAPHY
BULLPEN SLAB SERIF
2 week
Logos are graphic design projects that create a mark or emblem commonly used by commercial enterprises, organizations and even individuals to aid and promote instant public recognition. This course is an introduction to the fundamentals of typography as a critical skill for communication design practice. Topics include: history of writing systems and typography, anatomy of type, basic type measurements, five families of type, copyfitting, type arrangement and grids, typography for optimal readability and typography as interpretation.
FRANKLIN GOTHIC SANS SERIF
Each week there will be a new logo assignment to be presented the following week. Each logo will have three variations: 1) serif 2) handlettered/script 3) sans serif Logos will be type only—no images. Logos will be presented on a tabloid sheet (landscape). Each logo should be indentified with its name and the kind of font it is.
week two
week three
ampersand desi g n studio li g ature press
week four
B e y onc É
week five
B lac k letter bar + G R I L L
week six
B ei j in g H oliday R esort
week seven
1 9 or M M X I K N I G H T C L U B
spa
hotel
restaurant
publication
4 week
As a profession, editorial design encompasses one of the largest employers of graphic designers. The amount of media that is created between the fields of book design, newspaper publication, magazine design and their online counterparts demands the attention of many different designers with varied specialties. Even though the development of the computer has put many publishers, newspapers and magazines out of business there are many who are also finding a home in electronic media that include online blogs, iPad, iPhone apps and electronic publications. Editorial design is where type and imagery hit the road running. Of all graphic design professions, editorial design may be where there is the most freedom to use type in interesting ways.
the
craft
of
grids, baselines
and
details
W
e will be creating a two page editorial spread from your images. The story will be about type found in public spaces such as signs, billboards, or graffiti. A caption
will be required of each image such as the location and any information you can find about the font(s) being used. You will be given a headline, subhead, byline and body copy for this story. Be prepared to come into week 4 with at least 12 images. DO NOT PULL IMAGES FROM THE INTERNET.
the project
editorial design
TYPOGRAPHY
Head: UBIQUITOUST Type sub: The presence of typography, both good and bad, can be seen everywhere pull: “Typography is the craft of endowing human language with a durable visual form, and thus with an independent existence.” byline: BY MYRNA LOY Photographed by your name. body copy is 9 on 12 point times roman and is found on the instructor server in the shared files as “Typography makes two kinds of sense” There are 12 images on the spread, which can be uniform or various sizes. The headline, subhead and pull quote can be any size, any font, but ALL copy MUST fit in the the pages at the size stated. Consider alignment and tracking as methods of adjustment. Copy needs to be aligned to the baseline (columns should line up). There should be a four line drop cap in the same font as headline font. Type should have indents and watch for widows and orphans.
font report
publication
5 week
This assignment is to create a report on a famous typographer. This will be one spread (two 8.5x11�) with selected text and images of your choosing. The concept is to tell us about the type designer and more importantly, an instance of a typeface they designed. Paul Renner, for example, designed many fonts, so the idea would be to choose a font that you like and report on that font and its creator. This spread should contain a sample of the font or fonts, an example of that font in usage and a short biography that you will format and integrate into your layout. NOTE: PLEASE IDENTITFY ALL THE FONTS USED IN YOUR ARTicle.
a i Goudy Frederic
In 1903, Goudy and Will Ransom founded the Village Press in Park Ridge, Illinois. This venture was modeled on the Arts and Crafts movement ideals of William Morris. It was moved to Boston, then New York. In 1908, he created his first significant typeface for the Lanston Monotype Machine Company: E-38, sometimes known as Goudy Light. However, in that same year the Village Press burned to the ground, destroying all of his equipment and designs. In 1911, Goudy produced his first "hit," Kennerly Old Style, for an H. G. Wells anthology published by Mitchell Kennerly. His most widely used type, Goudy Old Style, was released by the American Type Founders Company in 1915, becoming an instant classic. From 1920 to 1947, Goudy was art director for Lanston Monotype. Beginning in 1927, Goudy was a vicepresident of the Continental Type Founders Association, which distributed many of his faces. By the end of his life, Goudy had designed 122 typefaces and published 59 literary works. Goudy was the originator of the well-known statement, "Any man who would letterspace blackletter would shag sheep."[citation needed] (More commonly misquoted as: "Anyone who would letterspace lowercase would steal sheep." and "Anyone who would letterspace blackletter would steal sheep.") Patrick Ames, the publisher for Adobe Press, loved the quote and suggested it as the title for the book Stop Stealing Sheep and Find Out How Type Works, and changed it, for obvious reasons. The book was intended for typographic novices, and those were most likely not deemed grown-up enough for the four letter word. Others doubt this story, as the Briticism "shag" was unknown in American slang.[1] It has also been said that the original verb was fuck, and that like "steal," "shag" was a more recent toning down of the original. Goudy wasn't always a type designer. "At 40, this short, plump, pinkish, and puckish gentleman kept books for a Chicago realtor, and considered himself a failure. During the next 36 years, starting almost from scratch at an age when most men are permanently set in their chosen vocations, he cut 113 fonts of type, thereby creating more usable faces than did the seven greatest inventors of type and books, from Gutenberg to Garamond."[2] Asked how to say his name, he told The Literary Digest "When I was a boy my father spelled our name 'Gowdy' which didn't offer any particular reason for verbal gymnastics. Later, learning that the old Scots spelling was 'Goudy,' he changed to that form, while I, for some years, retained the old way. My brother, in Chicago, still spells with the w. However, I find that occasionally a stranger pronounces the word with ou as long o in go, sometimes as ou in soup, or goo and less frequently with the ou as oo in good. I retain the original pronunciation with ou as in out." (Charles Earle Funk, What's the Name, Please?, Funk & Wagnalls, 1936.)
Grading
Copperplate Bold
72 pt. Goudy oldstyle
R e s e a r c h
f o r
t h e
u s e
Beijing Holiday Resort
o f
a
f o n t
RESTAURANT + SPA
Hippest new hotel in China. Very high end, modern and trendy.
Designed by Philippe Starck, the Beijing Holiday Resort is a state-of-the-art modern luxury hotel located in the heart of China. This is the first modern hotel in China and is similar to the Jia Hotel in Hong Kong. The client wishes to avoid any and all cliches surrounding China: dragons, chinese letters, flowers, etc. Type should be unique, distinct and yet
typ e week five
visually compelling. 5
This logo will be going on the website, advertising and products within the hotel.
Brand You
typography publication
1
week
In class, using either a mouse or Wacom pen, create an identity for yourself with a handlettered “logo� for yourself. Using your last name, include graphic designer in the design. Next week, present as many (but a minimum of 3) various design versions of your logo. The chosen version will attend all your design projects as ID.
Michael
star Wars
star Wars
Star Wars western
romantic
Star Wars art deco
star Wars condensed
modern
distressed
Star Wars art noveau
Star Wars script
Star Wars
old English
Star Wars classic
Star Wars extended
Star Wars C reate the star wars lo g o in each of the followin g t y pe st y les
western
romantic
art deco
condensed
modern
distressed
art noveau
script
Old English
classic
extended
publication
LOGO DESIGN
TYPOGRAPHY
2 week
week three
li g ature press
Ligature Press is a high end publishing firm that uses letterpress to publish their work. The client would like a very retro yet modern feel with something that pertains to their name. No images of printing equipment or an easy references to printing. Each logo will have three variations: 1) serif (slab) 2) handlettered/script 3) sans serif
Logos are graphic design projects that create a mark or emblem commonly used by commercial enterprises, organizations and even individuals to aid and promote instant public recognition. This course is an introduction to the fundamentals of typography as a critical skill for communication design practice. Topics include: history of writing systems and typography, anatomy of type, basic type measurements, five families of type, copyfitting, type arrangement and grids, typography for optimal readability and typography as interpretation.
client copy
li g ature press established 1 9 9 0
the y h p a r typog
WHITE SPACE. One the least understood elements of graphic design is the thing called white space. Many designers feel the need to fill every space with shapes, rules, dots, flowers, etc. They are not trusting the white space. White space, when used properly, suggests elegance and sophistication in a design project. It is important to see not just the type on a page but the space in which the type lives.
10 week
week ten
last pa g e pro j ect
The last page of your portfolio should contain: 1) your branded logo 2) type characters of 8� and smaller 3) a quote you create about typography
established 1 9 9 0
publication
curriculum Vitae
curriculum Vitae
TYPOGRAPHY
my life...so far
graphic design for the wealthy
5 week
Résumé. One thing that every prospective employer wants to see is your resume. A résumé is heavily formatted document that records your goals, achievements, abilities, experience and references. A résumé can be saved as a PDF, JPEG or Word document. Resumes are most often emailed and/or downloaded from a website. The other essential business ID is a business card. A business card and résumé should reflect one another. A business card can be two sided and should include a phone number, email address and website (if owned). The business card is a printed piece. Following the accepted format for résumés, please construct your résumé and business card . BRING IN 3 SAMPLES OF BOTH PROJECTS NEXT WEEK
GRADING
a bc
publication
Grades are based on a point system. Each project has a value of 25 points. Projects are graded on a system of 1-5, 5 being excellent. The considerations are:
Concept the presentation of information that has meaning, influence and innovation.
Content and development All the elements that are contained and developed within the overall design. Design The arrangement of all parts in creating a balanced and unified work of art. Execution Producing a specific design to the given rational and specifications. Presentation To offer up for show, exhibit or critique the verbal introduction of a project.
5 | above average 4 | exceeds expectations 3 | meets expectations 2 | needs improvement 1 1 not sufficient caliber