This book is divided by each exercise. Each exercise will have a “bio” page about the exercise, its intentions, and its goals. The first lefthand column is about the exercise and what these exercises will explore. The column to the right of that are the “things to consider,” and explains what ideas were kept in mind while making a particular exercise.
This book is about typography, and typography is about: • the art or procedure of arranging type
This book explores the various ways typography can exist within a page. In it, 7 exercises are introduced that explores various aspects of typography, including but not limited to: line, form, plane, repetition, pattern, word, letter, space, stylization, layouts and grids.
alexandra petrenko
xi typography 1: project 1; exercises 1-7
made in MICA 2016
The second lefthand column is further description if needed.
You are here
Table of Exercise 2 04-06
Exercise 3 07-10
Contents
Exercise 1 xiii-03
Exercise 4 11-15 Exercise 5 16-20
alexandra petrenko
Exercise 7 26-29
xii
typography 1: project 1; exercises 1-8
made in MICA 2016
Exercise 6 21-25
xiii 01 typography 1 • exercise 1 • the beauty of letters typography 1 • exercise 1 • the beauty of letters
Exercise 1 is the beauty of letter, form and plane Exercise 1 is the introduction to our 6 words that will be used for all 8 exercises: wacko, peanut, glitz, yell, doughnut, ugh,
Things to Consider Creation of balance, positive and negative space, cropping in which the negative space may be more powerful than the positive and finding interest in the letter forms, shape and inherent design.
These words have no relation to each other; they are picked arbitrarily
Exercise 1 is the exploration and selection of typefaces, typeface categories, and layout compositions Each exercise has 4 boxes; each box has a magnified close-up of the letter it represnts, and the final outcome can be seen when combining all 4 boxes as 1; transforming the letters into unexplained abstract patterns and marks.
Each exercise will be provided with information about what letter was used, what word was chosen, what typeface was represented and what category the typeface is. There will also be hand drawn sketches of the letter in various widths and typefaces.
01
typography 1 • exercise 1 • the beauty of letters
typography 1 • exercise 1 • the beauty of letters
02
“wacko” gotham (book) geometric sans serif
a
“yell” georgia (italic) transitional serif
y
“peanut” palatino (bold) old-style serif
p
typography 1 • exercise 1 • the beauty of letters
03
“glitz” rockwell (regular) slab serif
i
“ugh” adobe garamond (regular) old-style serif
g
“doughnut” hoefler (regular) old-style serif
o
04 typography 1 • exercise 2 • repetition and pattern
Exercise 2 is the beauty of repetition and pattern Exercise 2 further explores the beauty of letterforms, but this time it will only depend on one chosen letter:y (from the word 'yell'), and any two selected colors with varying opacities: blue and white. #0069a4
Things to Consider How the letter form can be abstracted or become more dynamic through placement and scale and how the final three work together as a series.
#c6c6c6
Exercise 2 goes into depth about the appreciation of the letter form as art using design and compositional concepts such as balance, scale, repetition, contrast, symmetry and asymmetry The only aspect of this pattern that stays consistent is the capitalized “y”; other than that, the letter has been manipulated to its greatest and most visually potent effect.
05
typography 1 • exercise 2 • repetition and pattern
georgia (regular) transitional serif
06 01
typography 1 • exercise 2 • repetition and pattern
07 typography 1 • exercise 3 • word, space, and togetherness
Exercise 3 is the beauty of word, space, and togetherness Exercise 3 is all about kerning, tracking and achieving the "right" fit.
Exercise 3 is the understanding of how letterforms come together Each word is given the "right" amount of tracking and kerning. By all means this is subjective.
Things to Consider Take time to look, adjust and fine tune the spacing. Think about how the font selection may fit with the word meaning, and notice how the spacing needs to differ based on the style, case and letter combination.
Each word will have an upper and lowercase kerning and tracking method applied. Each word will be provided with information about what typeface was represented and what category the typeface is.
08 typography 1 • exercise 3 • word, space, and togetherness
typography 1 • exercise 3 • word, space, & togetherness
09 “glitz” bauer bodoni std 2 (black italic) modern serif
glitz
GLITZ
“peanut” century (regular) transitional serif
peanut
wacko
“wacko” gotham (book) geometric sans serif
PEANUT
WACKO
“yell” goudy modern mt std (italic) old-style serif
YELL yell
UGH ugh “ugh” din 1451 std (engschrift) sans serif
DOUGHNUT
doughnut
10
“doughnut” archer (bold italic) slab serif
typography 1 • exercise 3 • word, space, & togetherness
11 typography 1 • exercise 4 • materials and stylization
Exercise 4 is the beauty of materials and stylization of letters
Things to Consider Setting words using different methods and gaining how the letter forms come together in display typefaces.
Exercise 4 brings out the more creative part of typography, mainly how the chosen words (glitz, doughnut & wacko) can be stylized in order to enhance its meaning.
Exercise 4 is the exploration of how materials and style can enhance meaning
Each box has information about which word is being stylized and what typeface was used.
Each image that is attributed to each word is royalty-free and not mine.
12 typography 1 • exercise 4 • materials and stylization
13
“glitz” las enter
typography 1 • exercise 4 • materials and stylization
14
“jelly (doughnut)” bello pro
typography 1 • exercise 4 • materials and stylization
15
“wacko” vim sm heavy
typography 1 • exercise 4 • materials and stylization
16 typography 1 • exercise 5 • text, arrangement & meaning
Exercise 5 is the beauty of text, arrangement and meaning Exercise 5 introduces how text and white space interact with each other to create seamless content.
Exercise 5 is the understanding of how text arrangments and leading make content come together
Things to Consider Take time to look, adjust and fine tune the spacing. Push to explore different amounts of text and different arrangements of these texts.
Each box has information about which word is being stylized, what typeface was used and what category that particular typeface belongs to.
Each word's text are derived from various sources, including books, tv shows, song lyrics and even a Wikipedia article. Each quote has been cited (besides the peanut article).
17 typography 1 • exercise 5 • text, arrangement & meaning
typography 1 • exercise 5 • text, arrangement & meaning
18
“peanut” centruy (regular) & scala sans transitional serif & sans serif
“ugh” din 1451 std (engschrift) sans serif
typography 1 • exercise 5 • text, arrangement & meaning
19
“doughmut” archer (bold italic) slab serif
“wacko” reader sans serif
typography 1 • exercise 5 • text, arrangement & meaning
20
“yell” baskerville transitional serif
“glitz” futura & bauer bodoni std 1 sans serif & modern serif
21 typography 1 • exercise 6 • text and pushing meaning
Exercise 6 is the expansion of Exercise 5 Exercise 6 further explores how text, spacing and composition within a page can ehance meaning while also creating visually interesting layouts.
Exercise 6, much like Exercise 4, goes into further depth of how text and typography can be stylized in order to enhance meaning
Things to Consider How can the entire page space be utilized to accentuate the meaning? How can color and scale variations add interest and support the overall tone of the message?
Each text has been labelled with what word is being stylized and what typeface is being represented.
Wacko and Yell's text has been slightly altered. Wacko's text is new and cannot be found on Exercise 5. The only text that has not been altered is Doughnut's.
22 typography 1 • exercise 6 • text and pushing meaning
e
r ve y ,d e b a t t y , c r a z y e r a ng d ,
er r a
enz i e d te t i c , fr , h ys ins an
e, ma d ,
s ic
o r ld
elength v a w th o
m as
py
nc h o
l
k
irdo e W w
ri c a
in
th e
i s o n my
n
23
“wacko” vim sm heavy & thirsty
typography 1 • exercise 6 • text and pushing meaning
God
Messages
Details
Yesterday 8:41 AM
aint my problem dude why god i didnt do anyhting wrong wtf Read 10:26 AM
because there’s just something about you that pisses me off sorry Today 11:26 AM
you are such a coward screw you iMessage
24
“yell” helvetica neue
typography 1 • exercise 6 • text and pushing meaning
for
dun
made are Dough
nuts
king!
25
“doughnut” archer (bold italic)
typography 1 • exercise 6 • text and pushing meaning
26 typography 1 • exercise 7 • text and simple hierarchies
Exercise 7 is the beauty of text and simple hierarchy Exercise 7 has the most dense text out of all of the exercises, and the challenge is how to combine all the text into one coherent design.
Exercise 7 is the exploration of hierarchy, style sheets, combinations and spacial consistencies
Things to Consider Much like the last two exercises, how can text and white space seamlessely combine to make elegant and tasteful design?
Each text has been labelled with what typeface is being represented and what category that typeface belongs to.
Exercise 7 shows all possible defintions of my 6 chosen words (wacko, peanut, doughnut, yell, glitz & ugh).
27 typography 1 • exercise 7 • text and simple hierarchies
28
scala sans & mr. eaves san ot sans serif
typography 1 • exercise 7 • text and simple hierarchies
29
apercu sans serif
typography 1 • exercise 7 • text and simple hierarchies
typography 1: project 1; exercises 1-7
made in MICA 2016
alexandra petrenko
30