Typography Typography Spring 2015
1
Copyright Information This book has been designed by Tristina Meister, under the direction of Neil Ward as part of the course Typography at Drake University in the Spring semester of 2015. It was designed using Adobe InDesign CC on an Apple computer. The type was set in Optima, a sans-serif typeface designed by Hermann Zapf between 1952-1955 for the D. Stempel AG foundry, Frankfurt, Germany. The principals utilized to design this book are based upon those employed by Josef M端llerBrockmann (Grid Systems in Graphic Design) and Armin Hofmann (Graphic Design Manual) This book has been produced in an edition of one.
2
Table of Contents Exersizes Helvetica Response Paper Contrast Form and Counterform Matching Type Kerning Gridwork Front Matter
Projects Shadow Type Expressive Type Placard Phrase BookCover Event Mailer
4-59 5-6 7-13 14-36 37-40 41-49 50-53 54-59
60-128 61-71 72-76 77-85 86-114 115-128
Type Quizzes
129-134
Pecha Kucha Presentation
135-146
3
Exersizes
4
Helvetica Response Paper Helvetica is an independent film about typography, graphic design and global visual culture. It looks at the rapid spread of one typeface as part of a larger conversation about the way type affects our lives. The film is explores urban spaces in major cities and the type inhabiting them, and a fluid discussion with renowned designers about their work, the creative process, and the choices and aesthetics behind their use of type. After watching the film we took the time to reflect on what we learned by answering the following questions. What did you learn from the film? What did you find interesting? What did you find most surprising? What designer would you like to know more about? Do you agree or disagree with any of them? What do you remember most about the film?
5
Tristina Meister Helvetica Response paper 1/27/15 Thoughout the course of the film I learned things about Helvetica that I did not know before. I also learned more about the various different typographers that were in the film. Typography is not somthing I am particuarly familiar with, learning some history behind typography from the different typographers was interesting. First of all I did not realize how popular Helvetica is, it may be because I did not pay attention before I watched this film. After watching the film I understood why so many designers say not to use Helvetica. I have heard it before and do not typically use it because of that reason but now I understand why. I now realize that using it just makes your type blend in with the world around us. As a designer I want my pieces of work to stand out. I do now understand why so many people use helvetica, it is a font that can portray a lot of different meanings. It also gives your reader the room to determine the mood of what you are saying. I did however find it suprising how many typists did not use a lot of expressive type at first. I was introduced to typography from a graphic design stand point, which now uses so much expressive type that I could not imagine not having expressive text like we do now. The fact that typist did not like the expressive text was also suprising to me. I would like to learn more about David Carson. I found it really interesting how he used expressive type and broke all the rules. I think that in order to be a good designer you have to step outside the box and see what happens. I found it inspiring that he was able to do that regardless of what other typists were saying or thinking. The general identity of Helvetica in the beginning if very interesting. When Helvetica first came out the way they were able to use one font to protary a message staight to the point. They started using it everywhere because it was clean and clear. The way the font was used and how it can protray a message without being super graphic is somthing designers can appriciate. When Helvetica came out it was different was able to give a message that other font types were not able to during the time. At the time this was great for the graphic design world but nowdays the font has become tired and overused. I agree with most of the designers in the film I think that Helvetica is overused and should not be used when designing things. I had not realized how much helvetica was used until this film but now I notice it more when I look around town. It being clear and precise makes people want to use it as they have said in the film, but there are other typefaces that can be used as well. Using Helvetica to send across a specific message is not a great choice because it leaves to much to the imagination. Leaving this to the imagination allows the reader to interprate what you are saying, which may cause misunderstanding if you were trying to send a strong message. Helvetica is a typeface that can be used in so many situation, which in large part is why it is used so much. It takes more creativity to choose a font that sends a more specific message but is still readable and clear.
6
Contrast On 6�squares, create six panels showing contrast in type. Combining any features including small + organic, light + machined, ornate + simple, however only black-and-white are used for this exercise.
7
Marker Felt & Marker Felt Wide
8
Lucida Handwriting & Lucida Grande
9
Lucida Sans
10
Letter Gothic Std medium & Letter Gothic Std Slanted Bold
11
Braggadocio & Avenir Next
12
Bangla Sangam MN & Baskerville Old Face
13
Form and Counterform I choose one typeface that has many variations to work with, I ended up using Gill Sans to create both sets of form and counterform. I created ten, 6� squares in InDesign and on each square placed a different letter from the word typography. The first square has a t, the second a y, the third a p, and so on until I have ten squares with typography spelled out. For each square I croped, shifted, rotated, and scaled the letterform. I left enough visual contrast so we can recognize the letter while pushing the boundary of legibility. I also, made the squares flow from one to the next, through rhythm, scale, form, counterform, placement, variation of letterforms, and composition. In the first set I made the composition horizontal and the second set I made it vertical. I found the second set to be more visually interesting because it created two letters that were pushing the boundaries of being abstract. The first one is a lot simpiler and does not push the boundaries as far as the second set does.
14
Horizontal
15
16
17
18
19
20
21
22
23
24
25
26
Vertical
27
28
29
30
31
32
33
34
35
36
Matching Type Matching type is difficult to do in some cases but is crucial to the success of a design. It is important to understand what typefaces can be put together and which ones cannot. This exersize helps to better undrstand how to match tyefaces and it forces you to explain why they go together rather than just saying they do.
37
38
39
40
Kerning Kerning is the space between the letter. It is important to make sure the kerning is correct in order to make the word flow. If the word does not have the correct amount of spacing then it is difficult to read and make is appear as if it may be two separate words. For this excersize we practiced editing the kerning of word online then we went around and found bad kerning in our everyday lives.
41
42
43
44
45
46
Bad Kerning
47
48
49
Gridwork We looked at different kinds of grids and how they would help our designs and then took photos of things on a grid in our everyday lives. Through this excersize I found that grids are present in almost everything whether it was intentional or not.
50
51
52
53
Front Matter Front matter is important to the design of a book. It is important for the front matter to flow with the cover of the book, so they have a strong sense of belonging together. Once a theme is started on the cover it is carried through the entire book until it reaches the back cover. The front matter also needs to be clear and clean so it is not confusing to the reader. For this excersize we created the front matter for the book The Cheese Monkeys by Chip Kidd. The front matter was created to follow the theme of the book cover created for The Cheese Monkeys.
54
55
56
57
58
59
Projects
60
Shadow Type After taking photos of ourselves making the letters in our names we created a typeface from our body forms. The shapes of our bodies determined how our letters looked and then ultimately how the anatomy chart ended up looking. Making the decisions to keep or get rid of parts of the body that were in the photo made the typeface one way or the other, each choice you make makes the typeface different.
61
Research
62
Initial Photos
I was able to create the letters in my name with my shadow and the help of some fellow classmates. We had a little trouble figuring out how to make the S but it turned out ok. Having double letters in my name also helped me because I did not have to make quite as many letters.
63
64
65
66
67
68
Sketches
The original tracing of the photos on transparency paper. During this process I made the descision to get rid of some parts of the letters and keep others.
69
At this point I traced the letters in black sharpie and worked out the kerning issues that presented themselves.
70
Anatomy Chart
After completing the sketches and ensuring the kerning was correct I scanned my drawing to the computer and created an anatomy chart for the letters in my name.
71
Expressive Type Out of a list of words, we chose a word we wanted to design to represent what it means. Expressive type creates the feeling of the word when you see it, that is what makes it successful.
72
Sketches
73
74
Finals
75
76
Placard Phrase We chose a quote to create a Placard out of for this project. The goal for this project was to create a Placard with appropriate design to send the message the quote was trying to achieve.
77
Sketches
78
79
80
Preliminary Designs
After transfering the design to the computer I came up with these four designs. I like the two on the left the best. However it came to my attention that they may be a little too busy. I really liked the contrast in the top left one and the inconsistency of the bottom left one. I then tried to make the edge of the black box not as sharp but ended up loosing some of the green in the design. I ended up changing the design to comething a little more simple.
ThereThere are three are three responses responses to a work to a work of artof art There are three responses to a work of art There are three responses to a work yes, no yes, and nowow. and wow. Wow Wow is the one the to one aim to for. aim for. of art There are three responses tois a work ofthe art There are three responses to a work of art yes, no and wow. Wow is one to aim for. There three responses to one a work of art yes, noare and wow. Wow is the to aim for. yes, nono and wow. is the to one to aimoffor. yes, and There are three Wow responses a work art yes, no and wow. Wow is the one to of aim There are three responses to a work artfor. There are three responses to one a work of art yes, no and wow. Wow is the to aim for. There areno three responses to a work of art yes, and Wow istothe one yes, noare and wow. Wowwow. is the one aim for.to aim for. There three responses to a work of art yes,three noThere and wow. Wow is the one to aaim for.of art are three work There are responses toresponses a work of to art yes, noThere and yes, wow. Wow is the one to aim for. areno three responses athe work oftoart and wow. Wow one aim yes, no and wow. Wow isthree the one to is aim for. There are responses to a work offor. art yes, no and wow. Wow is the one to aim for. There are three yes, responses to a work of art no and wow. Wow of is the There are three responses to a work art one to aim for. yes, no and wow. Wow is the one to aim for. There are three responses to a work of art There areand three responses work artfor. yes, no wow. Wow is to thea one toof aim There are three responses to a work of art There are three responses to one a work of yes, no and wow. Wow is art the one to aim for. yes, no and wow. Wow is the to aim for. There are three responses to a work of art yes, no and wow. Wow is the one to aim for. yes, no and wow. Woware is the one to aim for. There three responses to a work of art yes, no and wow. Wow is the one to aim for. There are three yes, responses a work ofis art no andto wow. Wow the one to aim for. Thereresponses are three to responses toart a work of art There are three a work of yes, no and wow. Wow is the one to aim for. yes, noWow and is wow. Wow is aim the one to aim for. yes, are no and wow. the one to There three responses to a work of art for. There are three responses to a work of art yes, no and wow. Wow is the one to aim for. yes, no and Wow wow. aim for. the is one toone aimto for. There are three responses to aisWow work ofthe art three yes, no and wow.There Wow are is the oneresponses to aim for.to a work of art are responses to work of art There are There three There responses towow. a work of a art yes,three no and Wow is the one to aim for. are three responses to a work of art There are three responses to a work of art There areyes, three responses to a work of art noyes, and wow. is the one toone aimto for. yes, no and wow. Wow is theWow one to aim for. no and wow. Wow is the aim for. yes, no and wow. Wow is the one to aim for. yes, no and wow. Wow is the one to aim for.
81
ThereThere are three are three responses responses to a work to a work of artof art There are three responses to a work of art There are three responses to a work are three responses to aone work of art yes,There no yes, and nowow. and wow. Wow Wow is the one the to aim to for. aim for. of art There are three responses toisa work ofthe art yes, no and wow. Wow is one to aim for. There three responses to one a work of art yes, noare and wow. Wow is the to aim for. yes, yes, no and is the to one to aimoffor. There are wow. three Wow responses a work art yes, no and wow. Wow is the one to of aim There are three responses to a work artfor. There are three responses to a work of art no yes, no and wow. Wow is the one to aim for. There areno three responses to a work of art yes, and Wow istothe one yes, noare and wow. Wowwow. is the one aim for.to aim for. There three responses to a work of art yes,three noThere and wow. Wow is the one to aaim for.of art are three work There are responses toresponses a work of to art yes, noThere and yes, wow. Wow is the one to aim for. areno three responses a work of and wow. Wow thefor. one toart aim yes, no and wow. Wow isthree the one to is aim There are responses to a work offor. art yes, no and wow. Wow is the one to aim for. and There are three yes, responses to a work of art no and wow. Wow of is the There are three responses to a work art one to aim for. yes, no and wow. Wow is the one to aim for. There are three responses to a work of art There areand three responses work artfor. yes, no wow. Wow is to thea one toof aim There are three responses to a work of art There are three responses to one a work of yes, no and wow. Wow is art the one to aim for. yes, no and wow. Wow is the to aim for. There responses toone a Wow work ofthe art yes, no and wow. is one to aim for. yes, noare andthree wow. Wow is the to aim for. There are three responses to a work of art yes, no and wow. Wow is the one to aim for. There are three yes, responses a work ofis art no andto wow. Wow the one to aim for. Thereresponses are three to responses toart a work of art There are three a work of yes, no and wow. Wow is the one to aim for. yes, noWow and is wow. Wow is aim the one to aim for. yes, are no and wow. the one to There three responses to a work of art for. There are three responses to a work of art is the yes, no and wow. Wow is theWow one to aimone for. to aim for. yes, no and wow. There are three responses to a Wow workisofthe artone to aim for. three yes, no and wow.There Wow are is the oneresponses to aim for.to a work of art There are three responses to work of art There are three There responses towow. a work of a art yes, no and Wow is the one to aim for. are three responses to a work of art There are three responses to a work of art There are three responses to a work of art yes, noyes, and wow. the one toone aimto for. yes, no and wow. Wow is theWow one is to aimis for. no and wow. Wow the aim for. yes,Wow no and wow. is the yes, no and wow. is the oneWow to aim for.one to aim for.
82
ThereThere are three are three responses responses to a work to a work of artof art There are three responses to a work of art There are three responses to a work yes, no yes, and nowow. and wow. Wow Wow is the is one the to one aim to for. aim for. of art There are three responses to a work of art yes, no and wow. Wow is the one to aim for. There areThere three responses ato one three responses a work of art yes, noare and wow. Wow to is the to aim for. yes, no and is the to one to aimoffor. There are wow. three Wow responses a work art yes, yes, no wow. Wow is the one to of aim There areand three responses to aart work artfor. work of art no and There are three responses to a work of yes, no and wow. Wow is the one to aim for. There areno three responses to a work of art yes, and Wow istothe one yes, noare and wow. Wowwow. is the one aim for.to aim for. There three responses to a work of art yes,three noThere and wow. Wow is the one to aaim for.of art are three work There are responses toresponses a work of to art yes, noThere and yes, wow. Wow is the one to aim for. areno three responses athe work oftoart and wow. Wow one aim yes, no and wow. Wow isthree the one to is aim for. There are responses to a work offor. art yes, no and wow. Wow is the one to aim for. There are three yes, responses to a work of art no and wow. Wow of is the There are three responses to a work art one to aim for. yes, no and wow. Wow is the one to aim for. There are three responses to a work of art There areand three responses work artfor. yes, no wow. Wow is to thea one toof aim There are three responses to a work of art There are three responses to one a work of yes, no and wow. Wow is art the one to aim for. yes, no and wow. Wow is the to aim for. There are three responses to a work of art yes, no and wow. Wow is the one to aim for. yes, no and wow. Woware is the one to aim for. There three responses to a work of art yes, no and wow. Wow is the one to aim for. There are three yes, responses a work ofis art no andto wow. Wow the one to aim for. Thereresponses are three to responses toart a work of art There are three a work of yes, no and wow. Wow is the one to aim for. yes, noWow and is wow. Wow is aim the one to aim for. yes, are no and wow. the one to There three responses to a work of art for. There are three responses to a work of art yes, no and wow. Wow is the one to aim for. yes, no and wow. isofthe one to aim for. There are three responses work artto Wowtoisa Wow the one aim for. There are three responses to yes, no and wow. Wow is the one to aim for. a work of art are responses to work of art There are There three There responses towow. a work of a art yes,three no and Wow is the one to aim for. are three responses to a work of art There are three responses to a work of art There are three responses to a work of art yes, noyes, and wow. the one toone aimto for. yes, no and wow. Wow is theWow one is to aimis for. no and wow. Wow the aim for. yes, no and wow. Wow is the one to aim for. yes, no and wow. Wow is the one to aim for.
83
ThereThere are three are three responses responses to a work to a work of artof art There are three responses to a work of art There areresponses three responses to a work of art yes,There no yes, and no wow. and wow. Wow Wow is the one the to one aim to for. aim for.art are three to a the work of There are three responses toisa work of art yes, no and wow. Wow is one to aim for. There three responses to one a work of art yes, noare and wow. Wow is the to aim for. yes, no and yes, no and is the to one to aimoffor. There are wow. three Wow responses a work art yes, no and wow. Wow is the one to of aim There are three responses to a work artfor. There are three responses to one a work of art yes, no and wow. Wow is the to aim for. There areno three responses to a work of art yes, and Wow istothe one yes, noare and wow. Wowwow. is the one aim for.to aim for. There three responses to a work of art yes,three noThere and wow. Wow is the one to aaim for.of art are three work There are responses toresponses a work of to art yes, noThere and yes, wow. Wow is the one to aim for. areno three responses athe work oftoart and wow. Wow one aim for. yes, no and wow. Wow isthree the one to is aim for. There are responses to a work of noresponses and wow. Wow is theofone to aim for. art There areyes, three to a work art yes, no and wow. Wow of is the There are three responses to a work art one to aim for. yes, no and wow. Wow is the one to aim for. There are three responses to a work of art There areand three responses work art yes, no wow. Wow is to thea one toof aim for. There are three responses to a work of art There are three responses to one a work of yes, no and wow. Wow is art the one to aim for. yes, no and wow. Wow is the to aim for. There are three responses to a work of art yes, no and wow. Wow is the one to aim for. yes, no and wow. Woware is the one to aim for. There three responses to a work of art yes, no and wow. Wow is the one to aim for. There are three yes, responses a work ofis art no andto wow. Wow the one to aim for. Thereresponses are three to responses toart a work of art There are three a work of yes, no and wow. Wow is the one to aim for. yes, noWow and is wow. Wow is aim the one to aim for. yes, are no and wow. the one to There three responses to a work of art for. There are three responses to a work of art yes, no and wow. Wow is the one to aim for. yes, no and wow. There are three responses to a Wow workisofthe artone to aim for. Wow is the one to aim for. three yes, no and wow.There Wow are is the oneresponses to aim for.to a work of art are responses to work of art There are There three There responses towow. a work of a art yes,three no and Wow is the one to aim for. are three responses to a work of art There are three responses to a work of art There areyes, three responses to a work of art noyes, and wow. is the one toone aimto for. yes, no and wow. Wow is theWow one to aim for. no and wow. Wow is the aim for. yes, no and wow. Wow is the one to aim for. yes, no and wow. Wow is the one to aim for.
84
Final
Throughout the process I changed the color and the composition to get my final product.
85
Bookcover After reading The Cheese Monkeys we designed a bookcover that conveyed the tone we got from the book. I found the book to be sarcastic and funny, but I also found the ending to be relatable. I thought the ending when they were working on their finals and did not sleep was a crucial part of the story. It is definately one of the parts that stood out to me the most. I then decided to use that idea in my bookcover.
86
Research
87
88
Reflection Paragraph
89
Sketches
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
Refined
111
112
Final Refinement
113
Final Bookcover
114
Event Mailer There were several events in the Des Moines area we could design an event for but I chose to do the Dam to Dam half marathon event. The design of the invitation was to be something that people remembered but still had clear information for the invitee to use. The envelope for the invitation was important to the sucess of this project. The evelope would be the first thing the person saw so it was essential that it make the viewer want to see what is inside.
115
Sketches
116
117
118
Envelope Sketches
119
Refined Sketch
120
Preliminary Designs
121
122
Envelope Design
123
Final Envelope
124
Final folded
125
Final without shoe
126
Final with Shoe
127
Final Ready to Mail
128
Type Quizzes
129
Jenson
Silencio Sans
130
Commerce Lean
Mrs. Eaves
131
Univers
Baskerville
132
Bank Gothic
Goudy
133
ITC Officina
Futura
134
Neville Brody
135
136
137
138
139
140
141
142
143
144
145
146
- Explain how has this class changed or informed your view of typography? Throughout the course of this class I found that I really like working with typoraphy and there are a lot of things that I can do just by manipulating the type I am using. - After reviewing your work, what are your strengths and weaknesses? One of my strengths is the amount of time and the dedication I can to making sure the idea is executed to the best of my ability. One of my weaknesses is that I like to add a lot of things to the design and can sometimes end up with a design that is too busy. - Is there anything you wanted to learn more about? I want to learn more about manipulating and creating my own typography. - What project did you enjoy most? Why? I enjoyed the bookcover project the most. I liked reading the book and then trying to come up with a solution to best convey what I got from the book. - What project did you enjoy least? Why? I really enjoyed all of the projects but if I had to pick one I would say the placard project because I had a hard time coming up with a design that really represented what I wanted out of the phrase. I think for this particlar project I was overthinking what I needed to accomplish and had a hard time letting go of my original idea that looked cool but did not represent the phrase in the best manner. - If you could change anything about the class what would it be? I would add more assignments like the bookcover assignment that gave a lot of free rein for what to do but they really required you to come up with a solution that really did send the right message otherwise the meaning is lost. I think that project was the one where I really strated to understand the way the type send the message.
147