POGR

DE
TIPO
DESE
DESENHO
TIPOGRFICO

RF
ESEN
OGR
ENH
2

Ficha Tcnica

Proposta 04
Desenho tipogrco

Unidade de medida: mm
Unidade de espaamento entre letras: pt
Software utilizado: Adobe Illustrator CS6

Fontes trabalhadas: Helvetica; Times New Roman; Arial; Futura; Bodoni

Twelve OS ITC TT Book; Trajan Pro.
Autor: Joana Filipa Santana Campos
Docente: Antero Ferrreira
Disciplina: Design I
Faculdade de Belas Artes da Universidade do Porto
Licenciatura Design de Comunicao
06. Maro. 2014

FICO
NHO
RAFI
HO
3

Palavras chave
Anotomia da letra; microtipograa;
compensao ptico-percetivas;
mtrica tipogrca; classicao
tipogrca

Memria descritiva

Specification

Neste projecto foi-nos proposto a descodicao da construo morfolgica e

do cnone tipogrco, a partir de uma letra para cada uma de trs famlias
tipogrcas: Trajan Pro, Futura, Bodoni Twelve OS ITC TT Book (B, k,V
respectivamente) contemplando trs caractersticas fundamentais: maisculas,
minsculas e formas bsicas ( circulo, tringulo e quadrado) e redesenhando-as
com o mximo de rigor.
Numa segunda fase utilizando duas famlias tipogrcas (com patilha e sem
patilha) e partir da palavra microtipograa deveramos comp-la digitalmente
s em maisculas e s em minsculas combinando em cada uma delas cinco
crenagens distintas (tangente, nulo, constante, automtico e manual).
Para a primeira fase foi feito uma anlise das propores das letras por linhas
horizontais e verticais, um processo de construo pela anlise das suas
curvas pela forma bsica de crculos. Com recurso a uma grelha recolheu-se
as coordenadas dos seus respectivos pontos de conrolo para uma correcta
possvel construo. Analisou-se tambm os seus desvios de simetria e fez-se
uma comparao com outra letra da mesma fonte tipogrca e redesenhou-se
a letra com pequenas alteraes.

In this project we have been proposed to decode, in the rst stage, the morphological construction
and the typographical canon of one letter from three typographical families: Trajan Pro, Futura and
Bodoni Twelve OS ITC TT Book (B, k and V respectively) making into account three fundamental
characteristics: uppercase, minor case and basic forms (circle, triangle and square) redrawing
them with the maximum rigor.
In the second stage, a digital composition of the word microtipograa using two typographical
families (with and without serif) in upper and minor case has been made combining the letters with
ve different kernings: tangent, null, constant, automatic and manual.
For the rst stage, an analysis of the letters proportions has been made using horizontal and
vertical lines. Next, a process of reconstruction using only the basic form of circles has been
performed. Using a grid, the coordinates of the letters control points have been collected for a
correct reconstruction. Also, symmetry deviations of the letter have been measured and a
comparison made with another letter from the same typographical font. The same letter was later
drawn with small modications.

OB
O
ICO
Trajan PRO

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Trajan uma antiga fonte serifada projetada em 1989 por Carol Twombly para a Adobe .
O projeto baseado nas letras de Capitalis monumentalis, como o usado para a inscrio na base da Coluna de Trajano a partir do qual o tipo de letra tem o
seu nome.
Desde a sua inscrio que a sua forma de escrita se manifesta apenas com caixa alta , apesar disso maisculas pequenas so vulgarmente usadas como
minsculas, e um conjunto mais completo de caractres contida na Trajan pro (uma actualizao em 2001 inclui uma caixa baixa de maisculas pequenas).
Embora Twombly tivesse sido o primeiro a fazer uma verso muito literal das inscriesTrajan na tipograa uma series de interpretaes (com alfabeto de
minsculas adicionadas) anteriores ao de Twombly particularmente Emil Rudolf Weisscom "Weiss" em1926, Frederic Goudy em 1930 com "Goudy Trajan,
Warren Chappell's com"Trajanus" em 1939, apesar de terem formas semelhantes de maisculas tm uma minscula marcadamente medieval.
Carol Twombly (nascida em 1959) uma caligrafa e tipgrafa americana que criou varias fontes tipogrcas para alem da Trajan incluindo Myriad e Adobe
Caslon. Trabalhou como tipgrafa na Adobe Systems de1988 at 1999.
Retirou-se do design de fontes por volta de 1999 para se dedicar a outros ramos do design envolvendo o txtil e a joelheria.

Processo de Construo

B B
Anlise das curvas com crculos

Anlise das propores com linhas horizontais e verticais

B
B P
desvios de simetria

comparao da forma com a letra P da mesma famlia tipogrca

A2 B1

B2

A1 U1U2
T1

C1

C2

D2

Ab2 Ac1

Ab1
Aa2

T2
S2

D1

Ac2

Ac

Ab
Aa

E2

S1

Ad2

R2

E
Ad
E1

Ad1

Ah
Ah1 Ag

Ae

Ae2

Af2 Ae1

Af

Ag1 Ag2
Af1
Ba1 Ba2
Bi2 Ba

Bd1

Bd2 Bc1

Bb

Bi

F2

F1

Bc
Bh

G2
Bc2

Q
Bh1
Bd2

Q1

Bd
Bg2

Bg

P2

Bg1
Bf1

P1

N1 N2 O
O1

M M2
M1

L1

G1

O2

L2 K1

Bd1

Bf

Be

Bf2
K2 J1 J2

I1

I2

Be1
H1

Be2
H2

B a 300pt

Ponto

Pontos de Controlo

Ponto

Pontos de Controlo

0.015

14.254

A1 (0.015; 14.178) A2 (0.015;14.368)

0.320

14.406

B1 (0.110; 14,406) B2 (1.177; 14.406)

2.472

14.349

C1 ( 2.376; 14.349) C2 (2.929; 14.349)

Ac

4.339

13.871

Ac1 (4.131; 13.955)

Ac2 (6.207; 13.953)

4.548

14.406

D1 (3.672; 14.406) D2 (7.671;14.406)

Ad

6.912

10.679

Ad1

(6.912; 9.898)

Ad2 (6.912; 12.260)

8.357

11.550

E1

(8.357; 9.988) E2 (8.357; 12.502)

Ae

6.226

8.755

Ae1

(5.826; 8.298)

Ae2 (6.626; 9.212)

6.566

8.121

F1

(7.976; 7.683) F2

(7.462; 9.055)

Af

4.496

8.257

Af1

(8.787; 8.258)

Af2 (6.626; 9.212)

9.861

4.103

G1

(9.861; 2.065) G2

(9.861; 6.331)

Ag

3.331

8.336

Ag1

(3.236; 8.374)

Ag2 (3.446; 8.316)

5.005

0.048

H1

(4.795; 0.048) H2

(8.269; 0.048)

Ah

3.198

8.546

Ah1

(3.198; 8.413)

Ah2

3.633

0.008

I1

(3.081; 0.046)

I2

(4.186; 0.010)

Ba

3.312

7.744

Ba1

(3.235; 7.744)

Ba2 (3.599; 7.746)

2.472

0.065

J1

(2.434; 0.065)

J2

(2.548;0.065)

Bb

4.797

7.711

Bb1

(4.552; 7.746)

Bb2 (5.255; 7.651)

1.710

0.046

K1

(1.329; 0.046) K2

(2.110; 0.065)

Bc

6.378

7.156

Bc1

(5.731; 7.596)

Bc2 (7.845; 6.146)

0.617

0.060

L1

(0.407; 0.060)

(0.903; 0.060)

Bd

8.226

3.346

Bd1

(8.226; 1.194)

Bd2 ( 8.226; 4.489)

0.301

0.161

M1

(0.301; 0.046) M2

(0.301; 0.218)

Be

5.539

0.642

Be1

(5.198; 0.642)

Be2 (6.568; 0.641)

0.453

0.275

N1

(0.339; 0.275) N2

(0.624; 0.275)

Bf

3.864

0.928

Bf1

(3.274; 1.213)

Bf2 (4.379; 0.680)

1.024

0.351

O1

(0.853; 0.313) O2

(1.405; 0.427)

3.217

2.413

Bg1

(3.273; 1.481)

Bg2 (3.198; 2.699)

(1.672; 2.198)

Bg
Bh

3.506

2.997

Bh1

(3.198; 5.060)

Bh2

Bi

3.198

7.609

Bi1

L2

1.577

1.398

P1

(1.499; 0.836) P2

1.672

5.531

Q1

(1.672; 3.703) Q2

R
S

1.675
1.634

8.874

R1

R2 (1.672; 11.854)

0.815

12.997

S1 (1.672; 12.388)

S2 (1.596; 13.645)

14.083

T1 (0.662; 14.121) T2 (1.443; 13.945)

0.167

14.140

U1 (0.091; 14.140) U2 (0.339; 14.140)

Aa

3.197

13.566

Aa1 (3.195; 13.674)

Aa2

Ab

3.425

13.776

Ab1 (3.248; 13.739)

Ab2 (3.733; 13.854)

Bi2 (3.198; 7.706)

A construo desta letra requer a utilizao das curvas de Bzier.

Esta uma curva polinomial expressa como a interpolao linear entre alguns os pontos de controle.

P1

P0

P2

P3

Curva e Bzier cbica

P1

P0

P1

Curva de Bzier linear

P0

P2

Curva de Bzier quadrtica

B
B sem compensaes picas e simtrica

B
Trjan Pro (2001)

Trajan Pro Modicada

Bodoni

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Bodoni consiste numa srie de fotes serifadas primeiro desenhado por Giambattista Bodoni (1740-1813) em 1798. O tipo de letra classicado como Didone moderno.
Bodoni seguiu as idias de John Baskerville , : Bodoni teve uma longa carreira e seu porojecto foi voluindo e varindo, terminando com um tipo de estrutura subjacente
mais estreito com serifas planas, extremo contraste entre traos grossos e nos , e uma construo geomtrictotal. Embora estes projetos posteriores so legitimamente
chamados de "modernos", os projetos anteriores so " de transio" . Algumas verses digitais de Bodoni seriam difceis de ler devido confuso causada pelos traos
grossos e nos alternados.
As verses no deslumbrantes de Bodoni que se destinam a ser usados no tamanho do texto so "Bodoni Old Face " , otimizado para 9 pontos ; ITC Bodoni 12 ( 12
pontos) e ITC Bodoni 6 ( 6 pontos) .)

Processo de Construo

Anlise das curvas com crculos

Anlise das propores com linhas horizontais e verticais

VV
anlise das direces apartir de rectas

desvios de simetria

10

B1 B B2

A2
A A1

E2

S1
R2

F1

Aj1

Aj

C2 D1 D

C1

Aj2

Ai1 Ai

J2 I1

Ag2
Ah Ah2

J1

Ag

I2

H1 H2

T T2

F2
GG2
G1

Q1

R1

U2

N1N N2 M2

W1

Q2 P1P2
O1OO2

K2

U1

Y1

M1

X X2

W W2 VV2
V1

X1

Ag1

K
Af2

Y2

K1

Af

L2

Af1
L1

Z2

Ae2

Ae
Ae1
Ad2

Ad

L
Z
Ad1

Ac2

Z1

Ac

Ac1

Ab

Ab1 Ab2

V a 300pt

Pontos
A

Aa2

Aa

Aa1

0.000

7.344

Pontos de Controlo
A1
(0.000; 7.245)

A2 (0.000; 7.464)

4.990

7.505

S1

0.095

7.524

B1

(0.032; 7.524)

B2 (0.243; 7.534)

7.196

7.524

T1

1.386

7.503

C1

(0.673; 7.517)

C2 (1.838; 7.496)

7.387

7.408

U1

2.106

7.492

D1

(2.078; 7.492)

D2

3.408

7.524

E1

3.545

3.461

7.370
7.154

F1
G1

3.376

7.154

H1

3.058

7.143

I1

(4.932; 7.505)

S2

(7.387; 7.218)

U2 (7.387; 7.485)

T2 (7.323; 7.524)

7.355

7.191

V1

(7.334; 7.173)

V2 (7,376; 7.208)

E2 (3.499; 7.524)

7.135

7.155

W1

(6.851; 7.146)

W2 (7.260; 7.161)

6.498

7.090

X1

(6.420; 7.069)

X2 (6.639; 7.125)

(3.312; 7.146)

F2 (3.545; 7.473)
G2 (3.517; 7.174)
H2 (3.439; 7.154)

6.276

6.677

Y1

(6.029; 5.732)

Y2 (6.346; 6.931)

1.587

I2 (3.207; 7.143)

4.582

Z1

(4.337; 0.620)

(2.607; 7.136)

Z2

Aa

4.027

0.073

Aa1

(4.002; 0.031)

(3.545; 7.246)
(3.467; 7.154)

(5.464; 4.035)

Aa2 (4.051; 0.116)

2.381

7.037

J1

(2.381; 6.894)

J2 (2.381; 7.100)

0.010

(3.815; 0.010) Ab2

(3.953;0.010)

(2.787; 5.599)

Ab1

6.110

Ab

2.625

K1

3.884

4.160

1.692

L1

(3.299; 4.127)

K2 (2.462; 6.586)
L2 (5.333; 4.965)

Ac

3.736

0.116

Ac1

(3.764; 0.045)

Ac2

(3.566; 0.410)

Ad1

N1

(5.920; 6.740)
(5.243; 7.154)

(3.288; 0.045) Ad2

7.015
7.154

M1

2.900

(2.780; 2.546)

5.920
5.314

Ad

2.222

M
N

Ae

2.476

3.322

Ae1

(2.639; 2,913)

Ae2

(2.279;3.816)

5.144

7.154

O1

(5.102; 7.154)

(1.598; 5.619)

Af2

(1.485;5.901)

5.006

7.154

P1

(4.971; 7.154)

P2 (5.056; 7.154)

4.926
4.900

7.173

Q1

(4.944; 7.160)

Q2 (4.909; 7.185)

7.268

R1

(4.900; 7.217)

R2 (4.900; 7.426)

M2

(5.920; 7.107)

N2 (5.718; 7.154)
O2 (5.187; 7.154)

Af

1.598

5.619

Ag

1.122

6.889

Ag1

(1326; 6.324) Ag2 (1.079; 7.030)

Ah

0.794

7.111

Ah1

Ah2

Ai

0.307

7.132

Ai1

(0.180; 7.139)

Ai2

Aj

0.074

7.164

Aj1

(0.102; 7.150)

Aj2

Af1

(0.970;7.104)
(0.025; 7.185)

11

W
VV
V
V sem compensaes picas

comparao da forma com a letra W da mesma famlia tipogrca

desvios de simetria

12

V
Bodoni 1798

Bodoni Modicada

13

Futura

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

A Futura uma famlia tipogrfica sem-serifa considerada como um dos smbolos do modernismo no design grfico. A fonte foi desenhada em
1927 por Paul Renner baseado em princpios rigidamente geomtricos, inspirada nos ensinamentos da Bauhaus.
A futura foi uma das fontes mais populares do sculo XX, especialmente nas dcadas de 1950 e 60 devido sua limpeza e impacto.
A famlia foi lanado originalmente em Light, Medium, Bold e fontes Bold Oblique em 1928. Luz rasante, Medium Oblique, DemiBold e Demibold
Oblique.
O tipo de letra derivada de formas geomtricas simples (quase perfeito crculos, tringulos e quadrados).
Na concepo Futura, Renner evitou o decorativo, eliminando elementos no essenciais.
Os caracteres maisculos tm propores atuais semelhantes s de capitais romanos clssicos.

14

Processo de Construo

k k

Anlise das propores com linhas horizontais e verticais

anlise das direces apartir de rectas

k kh
k sem compensaes picas

comparao da forma com a letra h da mesma famlia tipogrca

16

k
desvios de simetria

k
Futura 1927

Futura modificada

15

C
F

Ponto

0.033

8.657

1.195

8.657

1.195

3.334

2.834

4.965

4.394

4.962

2.208

2.849

4.554

0.070

3.045

0.070

1.381

2.053
0.070

1.195

1.195

0.070

0.033

0.070

RENA
ENAG
CRE
AGEM
CRENAGEM

AGE
GEM
NAG
M
18

Times New Roman

Tangente

Nulo

Constante (I)

(i)

Automtico

Manual

MICROTIPOGRAFIA
microtipografia

MICROTIPOGRAFIA
microtipografia

MICROTIPOGRAFIA

microtipograf ia

MICROTIPOGRAFIA
microtipografia
MICROTIPOGRAFIA
microtipografia

EM
GEM
19

Arial

Tangente

Nulo

Constante (I)

MICROTIPOGRAFIA
microtipografia

MICROTIPOGRAFIA

MICROTIPOGRAFIA

(i)

Automtico

Manual

MICROTIPOGRAFIA
microtipografia

MICROTIPOGRAFIA
microtipografia