Wallace typographicbook final

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 learning 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!