Page 1

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


DES 115: Process Book  

Process book for the projects made in the class DES 115 during Fall 2018.

DES 115: Process Book  

Process book for the projects made in the class DES 115 during Fall 2018.

Advertisement