Process Book DES 115 | Fall 2018 Ana Teruya
Table of Contents
Project I: Minimal Letterforms Project II: Type Hierarchy Studies Project III: Book Design
1
2
Project I: Minimal Letterforms
Process: Beginnings
Introduction “This project requires the close examination of the form and function of letterforms. We will investigate the unique visual characteristics of a specific typeface and the aspects of composition — including juxtaposition, contrast, form/counterform, symmetry, and balance. In this process of “focusing in,” study the character of the positive and negative forms within each letter. As you design your composition within the prescribed grid, exploit the interrelationship of the parts to form a unified compositional whole.” - Gale Okumura
Project Constraints •
The font used for the project could only be one of the following:
Bauer Bodoni
Centaur
Friz Quadrata
Garamond 3
Helvetica
Memphis
•
Letters chosen for the design could only be ALL lowercase or ALL uppercase
•
The letters could NOT be rotated or modified and had to be the same size
•
All letters chosen for the final design must be identifiable
3
z g v
Process: Rough Drafts
During the early planning stages, I drew up multiple thumbnail sketches on tracing paper, utilizing different font styles, sizes, letters, and weights. These sketches were made by tracing over font print outs. “Cutting off� parts of the letter by aligning them to pre-drawn squares allowed me to see the different shapes that could be created; even more so when the letters were combined together. After the hand drawn thumbnail sketches, we began creating drafts in Adobe Illustrator. These digital drafts allowed us to get a better idea of how our final designs should look like.
The images to the left are thumbnail sketches for this project. The left-most photo consists of small, 1-inch squares, each filled with a single letter of a font. The right-most photo was the second version of the thumbnails; these squares were larger so we could get a better idea of how size effects the apperance of the letters in different typefaces.
After doing a number of thumbnail sketches,
we moved to digital thumbnails. The three
images to the right are my digital thumbnails, which were created in Adobe Illustrator. I tried
three different fonts when desiging these thumbnails: Centaur, Bodoni, and Friz Quatra.
4
z kge
Process: Final Draft
For my final Minimal Letterform design, I decided on a slight variation of one of my digital thumbnails. The final font I chose is Friz Quatra (in its italicized form). In terms of letters, I chose “k”, “z”, “g”, and “e” since I thought that these letters showed off the font’s interesting terminals and letter weight. I tried my best to have both direct and indirect connections between the four letters, but I feel like I could move the letter “g” over to the left a bit for a more unique or interesting shape.
5
6
Project II: Type Hierarchy
Process: Beginnings
Introduction “This project uses a provided set of information to explore compositional alternatives. You will begin with one size and weight of Univers, and as the assignment progresses, you will be given additional elements and variations of type to make the problem more complex.” - Gale Okumura
Project Constraints •
Set 1 on plain paper
One size / one weight (15 pt. Univers 45)
One size / two weights (15 pt. Univers 45 and 65)
•
Set 2 on plain paper
Two sizes / two weights (15 pt and 9 pt Univers 45 and 65)
Two sizes / two weights / two styles (15 pt. and 9 pt. Univers 45, 46, 65, 66)
use a minimum of two fonts, eg. 15 pt. Univers 45 & 9 pt. Univers 66
•
Set 3 on bristol
Use given rules of any length
Any size, weight and style of Univers, with or without rules
7
Process: Rough Drafts (Set 1) The first set of the Type Hierarchy project was the most challenging for me. When mapping out the thumbnails (as seen below), I found it hard to create dynamic designs that maintained legibility to the viewer. Additionally, the constraint on the size and the weight of the font made these first two sets even more difficult to approach. For mapping out the sketches below, we used tracing paper, cut into squares, and waxed paper strips to layout and group the text.
Set 1A
Set 1B
8
Process: Final Drafts (Set 1) lo ge xp ua s e ng ie La ser le ib ture Vis lec
n tio ta ien or dis d r3 an be n an em vis io t ta ur on urm ec Da ien Ba elt W ,D C Or edi las F aul day U Ru icho rd S hurs all T rH N icha R m alke 6 p 5W 13
d
an co nt t
en
on
lati
e re
g th
rin
ip
sh
ar e
n fo
ee tw
be
es e
rm
fre
Digital Drafts
c
bli
pu
m Stefan Sagmeister
d r3 an be n an em vis tio r ta on rm ec a en Bau elt Wu , D C D Ori edi las F aul day U Ru icho rd S hurs all T rH N icha e R m alk 6 p 5W 13
Visible Language A lecture series exploring the relationship between form and content Lectures are free and open to the public
s er lett of ve a lo 0 s st r1 ju one be r m is an ce av th re-J efle De D ore s Fren Ho o y, UC da bia a ick To nathna L hurs all T rH Jo za Zu m alke 6 p 5W 13
the
r fo
lo ge ua exp s ng La erie ible re s Vis ctu le A
n
ee tw
be
to
hip
en
ns
op
tio
la
nd
re
r tu
c Le
Matter/anti-matter/does it matter? Marian Bantjes Andrew Blauvelt 6 pm Thursday, December 17 Design Museum UC Davis
n
tio
ta
en
ori
dis
M
e
ea
th Zuzana Licko
an
r? te at m s it oe r/d te 7 at r1 m ibe nt jes lt r m vis t e e ce a r/a te Banlauv eist , De C D U at M rian w B gm day a a M ndre n S hurs eum T us A tefa S m nM 7 p esig D
rs te let nes r o e of ve re-J oefl ko a lo Fre n H Lic 1 st ias tha ana ber is v a b z n To Jon Zu cem Da ha De UC et y, or da ll M urs Ha Th lker a m W 6 p 135 ju
r?
e att m s it oe /d er 7 att r1 m be is ti- s n m e av tje elt r /a er Ban uv iste Dec C D , la e U att M rian w B gm day a a M ndre n S hurs eum T us A tefa S m nM 7 p esig D
Visible Language A lecture series exploring the relationship between form and content
to
ten
en
on
op
dc
d
an
Set 1B
fre
g More than just a love of letters Tobias Frere-Jones Jonathan Hoefler 6 pm Thursday, December 10 135 Walker Hall UC Davis
Digital Drafts
re
sa
ture
c Le
rin Orientation and disorientation Ruedi Baur Nicholas Felton Richard Saul Wurman 6 pm Thursday, December 3 135 Walker Hall UC Davis
Set 1A
A
vis Da UC on ll Ha ntati n 3 e er o er alk isori Felt W d s mb 5 la d ce 13 an icho n De a on N y, rm da tati r en Bau l Wu hurs ri u T i O Sa ed m Ru hard vis 6p Da Ric er UC rs efl ll tte n Ho Ha f le 0 o tha er r1 alk love Jona be W a 5 em 13 just es ec D n , n o ay tha re-J rsd re u re o Th M ias F icko L m b vis To ana Da 6p z Zu UC er? att lt m eu s it m lauve us 17 M doe w B er n r/ mb sig tte ndre ce A De -ma De s nti y, r/a antje ister rsda e e u B att Th M rian agm S a m M fan 7p Ste
t
th
Lectures are free and open to the public
e
n
tio
ta
ien or
nd
ea
en op
to
s di d r3 an be n o an em vis i t r n m c a a r t u to u De D C , ien Ba el W Or edi las F aul sday U Ru icho rd S hur all T rH N icha R m alke 6 p 5W 13
the c
bli
pu
rs te et fl eo ov al 0 s st r1 ju one be n r em vis ha e-J fle ec Da e t Frer oe ,D C H or M ias an icko sday U b h To nat na L hur all T rH Jo za Zu m alke 6 p 5W 13
fre
hip
ns
tio
ela
r he
gt
rin
orm nf
ee tw
be
on
dc
an ten t
Set 1B: Final Version
re
sa
e tur
c Le
e o ag expl gu an ries e eL ibl re s Vis ectu l A
Set 1A: Final Version
c bli
pu
vis Da UC ll ion Ha ntat n er ie r3 lto e alk isor be F 5 W nd d olas em c 13 e a ch Ni man ay, D ion tat r ur sd ien Bau ul W hur r T i O Sa ed m Ru hard vis 6p Da r Ric fle UC rs oe all lette n H H 10 of tha er er alk love Jona mb 5W a ce 13 just es e D n on y, da tha re-J urs ore Fre ko h T M ias Lic m b vis To ana Da 6p z Zu UC ter? t a lt m eu s it m lauve us 17 M /doe w B er n e r mb sig tte ndr ce A De i-ma e D t r an ay, jes er/ ant eiste ursd B att Th M rian agm S a m M fan 7p e St
Visible Language A lecture series exploring the relationship between form and content
?
Lectures are free and open to the public
si
oe
/d
r te at
r te at
tm
7 r1 i-m s be is nt /a ntje velt ter ecem Dav r te Ba lau eis , D UC at M rian w B gm sday a a M ndre n S hur eum T us A tefa S m nM 7 p esig D
9
Process: Rough Drafts (Set 2)
Rough and Digital Drafts
Set 2A
Set 2B
Visible Language A lecture series exploring the relationship between form and content
Visible Language A lecture series exploring the relationship between form and content
Ruedi Baur Nicholas Felton Richard Saul Wurman Orientation and disorientation
Lectures are free and open to the public
6 pm Thursday, December 3 135 Walker Hall UC Davis
Tobias Frere-Jones Jonathan Hoefler Zuzana Licko More than just a love of letters
Ruedi Baur Nicholas Felton Richard Saul Wurman Orientation and disorientation
6 pm Thursday, December 10 135 Walker Hall UC Davis
135 Walker Hall 6 pm
7 pm
UC Davis Thursday, December 3
Tobias Frere-Jones Jonathan Hoefler Richard Saul Wurman More than just a love of letters
Marian Bantjes Andrew Blauvelt Stefan Sagmeister Matter/anti-matter/does it matter?
135 Walker Hall 6 pm
Thursday, December 17 Design Museum UC Davis
Marian Bantjes Andrew Blauvelt Stefan Sagmeister Matter/anti-matter/does it matter?
UC Davis Thursday, December 10
Design Museum 7 pm
UC Davis Thursday, December 17
Orientation and disorientation 135 Walker Hall UC Davis 6 pm Thursday, December 3
d
fo
an e
n
fre
re la Lan tio g ns ua hip ge be tw ee
e ar s ct ure
is
ib
le
Le
th e
V
rin g lo ex p s se rie re
Tobias Frere-Jones Jonathan Hoefler Zuzana Licko
of
r ge plo ua ex ng ies La er le e s r ib ctu le
ctu
135 Walker Hall UC Davis 6 pm Thursday, December 10
A
le
More than just a love of letters
is
10 ve lo a st es ju on r at -J fle th rere oe e H or s F an ko bia th Lic To ona na J uza Z
M
n
is er av b D m C ce U De , l al day r H rs ke u al Th W 5 13 pm 6
A
Ruedi Baur Nicholas Felton Richard Saul Wurman
V
io at nt ie 3 or is er av b D m dis C ece U d ,D l al day an r H rs n an ke u io al Th m W at r on ur 5 13 pm nt au elt l W 6 rie i B F u O ed olas Sa Ru ich ard N ich R
rm
op
en
to
an d
th
e
co
pu
nt
blic
en
t
Lectures are free and open to the public
Matter/anti-matter/does it matter?
in g
er tt le
Marian Bantjes Andrew Blauvelt Stefan Sagmeister
e
th hip
ns tio
es 17 do r/ te at m ti- s an ntje velt ter r/ u te Ba la eis at ian B gm ar ew Sa M ndr n A tefa S
la re
M
s
is er av b D m C ce U De , um day use rs M Thu gn esi D pm 7
Design Museum UC Davis 7 pm Thursday, December 17
s
n ee w
ure ct
Le
t be
are e fre d an
rm
fo
it
d
en op
an
r te at
m
to
nt
c bli
pu
e nt
e th
co
? Visible Language A lecture series exploring the relationship between form and content
Visible Language A lecture series exploring the relationship between form and content
UC Davis 135 Walker Hall Thursday, December 3 6 pm Orientation and disorientation Ruedi Baur Nicholas Felton Richard Saul Wurman
135 Walker Hall 6 pm
UC Davis Thursday, December 10
M
at te r
/a
nt i-m at te r/ do 7 De es pm si gn it Th M M urs use m St An ar day, um at efa dr ia De U te n ew n B cemb C Dav r? Sa B an er is gm lau tje 17 v eis e s te lt r
Tobias Frere-Jones Jonathan Hoefler Zuzana Licko
n io at nt ie or dis d an is 3 n Dav ber io UC m at l Dece an nt r Hal day, r on urm ke rs al Thu au elt W i B s F ul ed ola Sa Ru ich ard N ich R
W 5 13 pm 6
rie
Tobias Frere-Jones Jonathan Hoefler Zuzana Licko
UC Davis Design Museum Thursday, December 17 7 pm Matter/anti-matter/does it matter?
More that just a love of letters
O
UC Davis 135 Walker Hall Thursday, December 10 6 pm More than just a love of letters
Marian Bantjes Andrew Blauvelt Stefan Sagmeister
Lectures are free and open to the public
Lectures are free and open to the public
10
Process: Final Drafts (Set 2) With set two, there was more variety in terms of font size and style, so I had a lot of fun designing these two layouts. The rough draft phase was a little messier than set one’s, however, since I drew out my layouts instead of using the wax/tracing paper method. If I were to do it over again I would probably stick to using the latter. In terms of the layout of this set, I wanted to try aligning groups of text along diagonal lines, so I played with that type of alignment in both designs. Overall, I’m pretty proud of the layouts, but I would like to try increasing the leading next time.
Set 2A
Set 2B
Visible Language A lecture series exploring the relationship between form and content
Orientation and disorientation 135 Walker Hall UC Davis 6 pm Thursday, December 3
Ruedi Baur Nicholas Felton Richard Saul Wurman
Ruedi Baur Nicholas Felton Richard Saul Wurman Orientation and disorientation 6 pm Thursday, December 3 135 Walker Hall UC Davis
More than just a love of letters 135 Walker Hall UC Davis 6 pm Thursday, December 10
Tobias Frere-Jones Jonathan Hoefler Zuzana Licko More than just a love of letters 6 pm Thursday, December 10 135 Walker Hall UC Davis
ge plo ua ex ng ies La er le e s r ib is ctu le A
V
Tobias Frere-Jones Jonathan Hoefler Zuzana Licko
Matter/anti-matter/does it matter?
rin
Design Museum UC Davis 7 pm Thursday, December 17
g
Marian Bantjes Andrew Blauvelt Stefan Sagmeister
e
th p hi ns
es ur ct
Le
n ee tw be
e ar
Thursday, December 17 Design Museum UC Davis
tio
7 pm
la re
Marian Bantjes Andrew Blauvelt Stefan Sagmeister Matter/anti-matter/does it matter?
fre e
r fo
an d
m
en
op
d an
to e
th ic
bl
pu
t en
nt
co
Lectures are free and open to the public
11
Process: Rough Drafts (Set 3) Set 3A Visib le L A lectu anguage re seri form and c es explorin onten g the t relati
onship
Ruedi B Nicho aur las Fe lton Richa rd Orien Saul Wurm tation an 6 pm Th 135 W ursday, D and dis ecem alker orien Hall ber 3
betwe
en
Set 3B
V I S I B L E L ANGUAG E
A lecture series exploring the relationship between form and content tation
UC D
avis
Orientation and disorientation 135 Walker UC Davis 6 pm Thursday, December 3
Ruedi Baur Nicholas Felton Richard Saul Wurman
Tobias F Jonath rere-Jones a Zuzan n Hoefler a Lick o More tha 6 pm Thursd n just 135 W a love alker ay, Decem Hall ber 10 of le U C Dav
is
More than just a love of letters 135 Walker UC Davis 6 pm Thursday, December 10
tters
Tobias Frere-Jones Jonathan Hoefler Zuzana Licko
Lectu
res ar e free
and o
pen to
the p
ublic
Maria n Andre Bantjes w Stefan Blauvelt Sagm eister Matte r/ant 7 pm i-mat Thursd Desig ay ter/d , D n Mus ecem eum
ber 17 avis
UC D
Matter/anti-matter/does it matter? Design Museum UC Davis 7 pm Thursday, December 17
oes it
matte
r?
Marian Bantjes Andrew Blauvelt Stefan Sagmeister
Lectures are free and open to the public
Set 3A was a bit hard for me to design because it took a long time to find a way to meaningfully incorporate lines into my layout. I also restarted 3A many more times than the other sets, which is why my draft and final design are completely different. My original 3A idea was to keep the linear-horizontal layout that I’ve been using for the other sets. However, after adding lines, I felt that I needed to try something different. As for 3B, I wanted to incorporate more black into my design, thus making the white space pop out more. Additionally, I wanted to play around with the meaning of “Visual Language” and design the title in a way that tied a literal meaning to it. Thus, to achieve the effect in the final design, I played around a bit with the visibilty of “visible” and “language.”
12
Process: Final Drafts (Set 3)
dc
on
te
nt
Set 3B
or
nf
ee
w
pb
th e
to
tio
ns hi
op en
an d
fre e
re
la
ar e
he
gt
Le ct ur es
rin
on
Ric har d Sa ul Wurman
lt Fe las o h Nic
lo
xp
se
ie
er
es
7
pm ign es D
VL
A
le
ct
ur
5 13
To Ruedi Baur bia sF o rer ick e-J aL An n one a dr Zuz s Jo ew nathan Hoefer Bla uv elt Stef an
6
O RI EN TA TIO N
an m r ton ur D au el l W AN i B s F au N N ed ola S IO TIO er 3 Ru ich ard TAT TA cemb avis N ich N IEN , De C D R IE R sday ll U R O ISO Thur er Ha D pm Walk
5 13
Da vis
D
S ER TT MO LE s F RE T O tje HAN JUST A LOVE M an AT B n TE ria R/A Ma NTI ? -MAT R TER/DOES IT MATTE UC
R/ s TE je elt er nt v ist AT u M ? Ba la e n B gm TI- ER 7 ia 1 ar ew Sa AN TT er M ndr an R/ MA cemb Davis e E A ef D UC St ATT S ITsday, ml u M OE Thur use M
UC
Da vis
S DI
6
er alk 5W 13
m eu us nM sig De
Ha ll
ND NA ORIENTATIO
s ne Jo er e- fl er oe ST S Fr H ko JU ER as an ic TT 0 bi th L AN LE ber 1 s To na a H n em vi F Jo uza E T O , Dec C Da R VE day l U Z l O s M LO Thur er Ha A pm Walk
r3 be cem De ay, ursd 6 pm Th
0 r1 be cem , De rsday 6 pm Thu
7 er 1 emb , Dec rsday 7 pm Thu
13 5W alk er Ha ll UC Davi s
et
VISIBLE LANGUAGE A lecture series exploring the relationship between form and content
pu bl ic
Lectures are free and open to the public
m
an
Ais N G ib U AGl e E
Set 3A
I am really pleased with how my final designs turned out. Especially 3A, since I spent a lot of time redoing the overall layout. I’m also pleased that I was able to stray away from my usual style a bit and try different things. If I were to make any edits, I would try inverting the colors to see if the contrasting effect is the same.
13
14
Project III: Book Design
Process: Beginnings
Introduction “Using the text and images supplied, develop and utilize a grid system in the layout of a book using the following process. Work only in black, white and grey, plus one spot color if appropriate.” - Gale Okumura
Type and Color Selections: Color Scheme:
Font(s):
Neusa Next Std •
for headers and titles
Roboto •
main body font
15
Process: Rough Drafts (Page Layouts) When planning out the designs of the Paul Rand book, I originally styled most of the pages around the topic of the page. However, the more I styled each page, the more I noticed how the book as a whole lacked uniformity. Each, page while unique
First Draft
in its own right, did not fit with the overall image I had for the book.
16
Second Draft
Process: Rough Drafts (Page Layouts)
So, when I began laying out the pages on InDesign, I went for a more simplistic approach. At the time, I wanted the book to be neat and organized. But, I ran into the opposite problem designing digitally: the pages were to basic, and lacked any sort of creativity. The design I was going for did not reflect the book being made, nor the contents of it. I needed to find a balance between neat and fun.
17
Process: Rough Drafts (Covers)
Similarly, for my original cover designs, much of the layouts were very basic. I drew much inspiration from modern day book covers, but my execution was still lacking something.
18
Color Scheme:
Process: Final Draft After a lot of thinking and revision, I eventually decided on a color scheme of primary colors. There’s a lot of fun aspects to this book, and I wanted to incorporate that idea into the design with both layout and color. For some of the pages, I went back to my old sketched out thumbnails and drew inspiration from them. I feel that my finished book has a nice balance of uniformity and fun in the layouts. However, if I were to make edits, I would definitely aim to reorganize some of the body text.
Final Cover
Selected Pages:
19