TYPOGRAPHY for Illustration an illustrator’s journey
Diana J Wallace
Typography for Illustration
Written, Illustrated and Published by
Diana J Wallace
table of contents typographic palette
1
anatomy of a letter
3
typographic sign
5
letter, word, line, space, and contrast
7
visual and verbal equivalences
9
self-promotion card
11
typographic grid
13
the poster
15
book jacket design
17
exercise 1
1
TYPOGRAPHIC PALETTE For this exercise I chose my five typefaces and different categories that will be used for the rest of my exercises and projects.
Modern Sans Serif
Slab Serif/Egyptian Old Style Rockwell Century Gothic
Times New Roman
Century
Garamond Transitional
Old Style
subtle differences between thick and thin lines
Transitional differences between thick and thin lines are more pronounced
Modern
extreme constrast between thick and thin lines
Sans Serif
does not have small projecting features at the end of strokes
Slab Serif/Egyptian little if any contrast between thick and thin lines
GARAMOND
2
elegant and consistent fluidity
TIMES NEW ROMAN very legible with neutral qualities most widely used type
CENTURY
simple and easy legibility used primarily for documents by supreme court
CENTURY GOTHIC
clean letters spaced out used more for headlines than body text
ROCKWELL
bolder and thicker attributes used more for display than body text
project 1
3
ANATOMY OF A LETTER For this project I am describing the anatomy of a letter for a Sans Serif and a Serif typeface. I will be labeling the different parts of the letters, also known as call-outs. The designer and a description of each typeface’s historical relevance will be included along with the relevance and usage these typefaces have today.
4
exercise 2
5
TYPOGRAPHIC SIGN By creating one’s own typographic sign with her initials one can make two letters function as a cohesive whole. I am learning how different typefaces can fit and form together. I am leaning how to create my own unique identity with the characteristics of my own initials.
w d
6
project 2
7
LETTER, WORD, LINE, SPACE, and CONTRAST I created five different compositions for varying contrasts with typeface. I chose a poem that I was familiar with of at least 10 letters. Because of my familiarity with the poem I was able to create variations in contrast expressing the poem’s meaning in several different ways. Varying the size, placement, and orientation of the letters can create a nice rhythm in the typographic shapes. NO CONTRAST - no variations in the text whatsoever SIZE - the size of the text is larger in one or two words for effect WEIGHT - the thickness of the type can vary such as bolder or lighter FORM - there are variations in upper case, lower case, and italicized or roman lettering STRUCTURE - there is more than one typeface but not usually more than two
8
project 3
9
VISUAL and VERBAL EQUIVALENCIES I chose three different words and chose a typeface from my palette that best described each word’s content and form. I created five thumbnails for each word and designed three different compositions in total. I could vary the size, placement, and orientation of the letters. However, I had to keep each word in a square box. I could repeat, omit, and overlap words but was not allowed to use drop shadows or distort the letters.
10
project 4
11
SELF -PROMOTION POSTCARD I designed my own promotional postcard utilizing my traditional and digital drawing and painting skills. I created three thumbnails to create my ideas. The card needed to contain my name, address, phone number, website, and my chosen media. I used two different images and typefaces for the front and back of the postcard. I designed this card to promote my traditional skills of pencil, ink, and watercolor. as well as my Photoshop and Illustrator skills. The card also needed to have continuity in design from front to back so as to create a cohesive whole.
12
exercise 4
13
TYPOGRAPHIC GRID The typographic grid helps create a strong structural cohesiveness and legibility to communicate one’s ideas effectively. The grid was was not created by just one individual but by many designers and different design movements throughout the centuries. However, Bauhaus initiated the current grid we use today, which is much more flexible and accurate, and is known as the modular grid. For our thumbnails I created three different designs using the grid structure. I then chose two different designs. One design used eight point text and the other design had twelve point text. I used variations in alignment, leading, line length, orientation, and spacing. I avoided any variations in weight and size.
14
project 5
15
THE POSTER I created a poster for this project. Poster’s are typically viewed from farther away. Therefore, I needed to consider how eye catching my typography was from a distance. The text shouldn’t be less than fourteen point. I also needed to consider the different typographic hierarchy for the viewer to see and locate important information quickly. I needed to take into consideration different typographic contrasts to effectively communicate my message. I used a grid system and at least one image.
I created three thumbnails with different layouts and chose one design to create my final poster. My inspiration for this poster was from the famous Bauhaus teacher and type designer, Herbert Bayer.
16
project 6
17
BOOK JACKET DESIGN For my book jacket design project I decided to create a character design book. I created ten thumbnail designs with numerous different solutions that included all elements of my composition. I then chose my best design for my final. My design included: The Front Cover - title of the book and author’s name The Spine - title of the book, author’s name, and publisher’s logo The Back Cover - story synopsis Front Inside Flap - bio of the author and photo Back Inside Flap - book reviews The type needed to be justified on both sides of both flaps. I experimented with my five different typefaces and multiple arrangements of placements and color. I also played around in Illustrator with different sizes and positioning of my text.
18
19
Acknowledgements Special Thanks to the Following: Jasmine - My awesome classmate with wonderful critiques and discussions Meagan and Ann - Thank you for helping with me with this class I learned alot from both of you Shawn - Thank you for being such a wonderful teacher I have learned a lot from you! Kelly - The most amazing teacher I have ever worked with even when you think you can’t help me you always do!