bodoni process by Suzanne Choi

Bauer Bodoni typeface specimen process book fall 2012 beginning typography suzanne choi

First, i traced letters to understand characteristics of the typeface, and to choose 9 to 11 letters that represent typeface the best.

Then, i generated many 9grid squares by hand and illustrator to understand typeface better.

I tried rotating letters, but those playful mood doesnâ&#x20AC;&#x2122;t fit with bauer bodoniâ&#x20AC;&#x2122;s elegant voice.

So, instead of rotating, i chose to move letters horizontally and vertically to create interest in composition.

I tried mixing capital letters and lowercase letters, but I didnâ&#x20AC;&#x2122;t like that big contrast in sizes.

y a t ayg f W t f m a & & & j y i i i z g w * mt b y e ayg t i fy b f a a & & t Wz & z tei i generally too christmas-like

z and & : tension i : too isolated & : weird

g and f : similar terminal a and y : tension & : takes too much space

f and y : little too close t: make it lower like the interaction between b and z, f and y, e and i

f and & : tension W : take stoo much space z: too much of a letter

e and i : tension & : takes too much space W : weird

y J V y b b f f f b G z a i m i t yA a & & t a t Wy y W e f at f tSi f a y i i W bt & W b gza g f and y : like V : weird a and i : little too far?

a: loosing too much b and i and a : sit on same height W and &: takes too much space

b and f : sit on same height y : move up? z : not interesting cropping

b: weird cropping a: like cropping z: not interesting

b and f: too close like mix of cap letters and small letters but it gives too strong feeling

S: weird to little movement in composition

y e i e i fy e g f a w t t a a y i f z z &yb & b & b g g e e f i f f aWzt ay i t ay i w & & & like interaction between e, i, and y f and z: little tension a and f: appears to be back to back

t and z: tension like location of b,&, and z

like movement the letter creates f and y: little too close? like white spaces/ quite mood it creates=speak to voice of bodoni

like i being isolated but does not speak to voice of typeface

w and y: weird e, g, f: sit on same height looks like a circle....

b and &: tension y: move to right generally looks like a circle...

e i fy t a z &b

things to consider more: f and y : little to close &: weird cropping/ takes up too much spcae a and b: little too close?

After many composition studies, i chose this as my final because i like the movement it creates and quite and delicate mood the white spaces between letters creates , which speaks to the voice of bauer bodoni font. but still... it is not satisfying.

e i fy e i fy e i fy t t t a a a z z z gb ku ks e i fy e i fy e i fy t t t a a a z z z & m g So.. i started by replacing â&#x20AC;&#x153;&â&#x20AC;? with other letters...

But.. any of those composition was satisfied to me.

e i fy e i fy e i fy t t t a a a z z z &b x b x b e i fy e i fy e i fy t t t a a a z z z Xb x x lower part of “&” looks like small letter “x”!

like this one the best ! nice balance between letters.

b e i fy taz xb

After more explorations and refinement... i came up with this composition as my final.

y Giambattista Bodoni

zJatQuyef RWAsb 1234567890

by Giambattista Bodoni & Heinrich Jost in 1926

1926 N

designed

delicate & elegant

appeared in 1926 with the Bauer font foundry

thick thin relationship

zJatQuyef {[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

RWAsb thick thin relationship

bodoni

Bauer Bodoni Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

Bauer Bodoni Bold Condensed

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

Bauer Bodoni Bold Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

Bauer Bodoni Black

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

Bauer Bodoni Black Condensed

bodoni designed by Giambattista Bodoni & Heinrich Jost appeared in 1926 with the Bauer font foundry

e i fy t a &bz

delicate & elegant extreme contrast between thick & thin strokes

bodoni

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

Bauer Bodoni Black Italic

100pts 12pts

72pts

48pts

a a a a a a a a Roman

Roman Italic

Bold

Bold Condensed

Bold Italic

Black

e i fy t a &bz

Black Italic

The quick brown fox jumps over The quick brown fox jumps over the lazy dog

36pts

The quick brown fox jumps over the lazy dog

18pts

The quick brown fox jumps over the lazy dog

12pts

The quick brown fox jumps over the lazy dog

150pts

Black Condensed

e i fy t a &bz

alt W efy Q mu

suzanne choi

typo1

dan boyarski

s c h o o l of d e s i g n

carnegie mellon university

abcdefghijklmnopqrstuvwxyz

Bodoni

thick thin relationship

Bauer

suzanne choi typo1 dan boyarski s c h o o l of d e s i g n carnegie mellon university

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

Bauer Bodoni Roman;700pts.

1234567890

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ

delicate& elegant

bauer

BODONI

20pts

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890

Bauer Bodoni Roman Italic

anatomy of font

RWAsb 1234567890

last

Bauer Bodoni Roman

a a a a a a a a 100pts

font family

zJatQuyef

e i fy t a &bz bauer

{[(<!”:@#,&~%.$^;’?>)]}

bauer bodoni is one of the signifiers of the modern style of type design, with its dramatic difference in thick and thin letter strokes, severe vertical stress, and extremely fine, delicate serifs and hairlines.

bauer

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

bauer

middle font family

covers

zJatQuyef {[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

RWAsb 1234567890

delicate& elegant

Very first exploration on three page layout. I started with illustrator because i wanted to adjust size of letters (on the cover) all differently.

Progress starts from top to bottom

zJatQuyef

font family

delicate& elegant

bauer

100pts 12pts

{[(<!”:@#,&~%.$^;’?>)]}

72pts

appeared in 1926 with the Bauer font foundry Bauer Bodoni Roman

thick thin relationship

bodoni

Center composition and big font size of bauer bodoni fight each other.

anatomy of font

RWAsb 1234567890

48pts

a a a a a a a a Roman

Roman Italic

Bold

Bold Italic

Bold Condensed

Black

The quick brown fox jumps over The quick brown fox jumps over the lazy dog

36pts

The quick brown fox jumps over the lazy dog

18pts

The quick brown fox jumps over the lazy dog

12pts

The quick brown fox jumps over the lazy dog

150pts

suzanne choi typo1 dan boyarski s c h o o l of d e s i g n carnegie mellon university

Black Italic

Black Condensed

e i fy t a &bz

alt W efy Q mu

Too horizontal.

9 grid pushed too much.

Analysis needs to be a word.

like empty space.

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

k i

RW A ms Xb 1234567890

thick thin relationship

k i

RW A ms Xb

Bold Condensed

Black

Roman Italic

Black Condensed

Bold Italic

true delight,

when done in

50pts

100pts

72pts

haste & discomfort,

nor merely done with

Black Italic

48pts

28pts

diligence & pain, but first when they are

36pts

characteristics

12pts

Sophisticated cupped top serif

round dot

large ball terminal

vertical axis

hairline serif

bracketed serif

large counter

slightly large kerning

Bauer Bodoni Roman

100pts 12pts

e i fy taz xb

M suzanne choi typo1 s c h o o l of d e s i g n carnegie mellon university

Bauer Bodoni

appeared in 1926 with the Bauer font foundry

1234567890

Bold

- Giambattista Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

Roman

created with love and passion.” 21pts

delicate& elegant

zJatQuyef

a a a a a a a a “The letters don’t get their

Bauer Bodoni Roman

thick thin relationship

& zJatQuyef

Bauer Bodoni

font family

“bauer bodoni” needs to be “Bauer Bodoni”

delicate& elegant

e i fy taz xb

suzanne choi typo1 school of design carnegie mellon university

{[(<!”:@#,&~%.$^;’?>)]}

zJatQuyef

k i

RW A ms Xb

appeared in 1926 with the Bauer font foundry

k i

RW A ms Xb

k i

RW A ms Xb

zJatQuyef

appeared in 1926 with the Bauer font foundry

k i

RW A ms Xb

1234567890

appeared in 1926 with the Bauer font foundry

zJatQuyef

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

zJatQuyef

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

k i

RW A ms Xb 1234567890

delicate& elegant

k i

RW A ms Xb 1234567890

thick thin relationship

delicate& elegant

zJatQuyef {[(<!”:@#,&~%.$^;’?>)]}

k i

RW A ms Xb

1234567890

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

1234567890

thick thin relationship

delicate& elegant

zJatQuyef

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

k i

RW A ms Xb 1234567890

delicate& elegant

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

thick thin relationship

zJatQuyef

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

1234567890

delicate& elegant

zJatQuyef k i

thick thin relationship

k i

RW A ms Xb

delicate& elegant

zJatQuyef

Bauer Bodoni

appeared in 1926 with the Bauer font foundry

1234567890

k i delicate& elegant

delicate& elegant

zJatQuyef

k i

RW A ms Xb 1234567890

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

RW A ms Xb

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

1234567890

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

1234567890

zJatQuyef

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

thick thin relationship

zJatQuyef

Bauer Bodoni

thick thin relationship

Color studies : which color would be the best fit for elegant bauer bodoni?

thick thin relationship

Found out that spot color in font name helps manipulate audiences’ eye to land on the title.

zJatQuyef

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

k i

RW A ms Xb 1234567890

thick thin relationship

delicate& elegant

I liked the green color of the composition, so, i tried to give title a complementary color. But.... It was too christmas-like...

zJatQuyef

Bauer Bodoni

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

k i

RW A s m Xb 1234567890

delicate& elegant

So, i tried green + orange gray color for main composition, and dark orange for spot color. And it looked good!

{[(<!”:@#,&~%.$^;’?>)]}

appeared in 1926 with the Bauer font foundry

RW A sk m iX b 1234567890

font family

a a a a a a a a Roman

Bold

Bold Condensed

Black

Roman Italic

Black Condensed

“The letters don’t get their Bauer Bodoni Roman

zJatQuyef

Bauer Bodoni

Bold Italic

true delight,

when done in

100pts 12pts

50pts

100pts

72pts

haste & discomfort,

nor merely done with

Black Italic

48pts

28pts

diligence & pain, but first when they are

36pts

created with love and passion.” 21pts - Giambattista Bodoni

delicate& elegant

characteristics

thick thin relationship

And i came up with these three pages. But then, i realized that although it might be interesting three pages but it does not look like a set.

12pts

Sophisticated cupped top serif

round dot

large ball terminal

vertical axis

hairline serif

bracketed serif

large counter

slightly large kerning

Bauer Bodoni Roman

Like the middle part, but still too horizontal. Doesn’t look like a set

e i fy taz xb

suzanne choi typo1 school of design carnegie mellon university

Like some white space, but looks too empty.

So, i tried to make every pages speak the same language. The ones on the first column hold the feeling of SET the most.

The left one not only looks like a set, but also best speaks to Bauer Bodoniâ&#x20AC;&#x2122;s delicate/elegant voice. So i chose those ones as my final.

thick thin relationship

zJatQuyef

Bauer Bodoni

{[(<!â&#x20AC;?:@#,&~%.$^;â&#x20AC;&#x2122;?>)]}

appeared in 1926 with the Bauer font foundry

Giambattista Bodoni first designed Bodoni in 1798

W R Ask m iX b 1234567890

delicate& elegant

Bauer Bodoni Roman Bauer Bodoni Roman Italic Bauer Bodoni Bold Bauer Bodoni Bold Condensed Bauer Bodoni Bold Italic Bauer Bodoni Black Bauer Bodoni Black Condensed Bauer Bodoni Black Italic

bcdefghijklmnopqrstuvwxyz

Aa BCDEFGHIJKLMNOPQRSTUVWXYZ

Bauer Bodoni Font Family

Bodoni is a series of serif typefaces first designed by Giambattista Bodoni in 1798. Bodoni distinguishes itself through its chracteristics: flat, unbracketed serifs, extreme contrast between thick and thin strokes, and overall geometric construction.

1234567890

The strong emphasis of vertical strokes and the marked contrast between the fine and thick lines lessens Bodoniâ&#x20AC;&#x2122;s legibility, and the font is therefore better in larger print with generous spacing. Bauer Bodoni Roman

“The letters don’t get their

true delight,

e i fy taz xb

when done in

42pt

60pt

haste & discomfort,

nor merely done with

83pt

40pt

24pt

diligence & pain, but first when they are created with love and passion.”18pt - Giambattista Bodoni 12pt

suzanne choi fall 2012 beginning typography school of design carnegie mellon university

30pt