Desenho Tipográfico by Joana Campos

POGR DE TIPO DESE DESENHO TIPOGRﾃ：ICO

RÁF ESEN OGR ENH Ficha Técnica

Proposta 04 Desenho tipográﬁco

Unidade de medida: mm Unidade de espaçamento 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 Comunicação 06. Março. 2014

FICO NHO RAFI HO Palavras chave Anotomia da letra; microtipografia; compensação óptico-percetivas; métrica tipográfica; classificação tipográfica

Memória descritiva

Specification

Neste projecto foi-nos proposto a descodificação da construção morfológica e do cânone tipográfico, a partir de uma letra para cada uma de três famílias tipográficas: Trajan Pro, Futura, Bodoni Twelve OS ITC TT Book (B, k,V respectivamente) contemplando três características fundamentais: maiúsculas, minúsculas e formas básicas ( circulo, triângulo e quadrado) e redesenhando-as com o máximo de rigor. Numa segunda fase utilizando duas famílias tipográficas (com patilha e sem patilha) e partir da palavra microtipografia deveríamos compô-la digitalmente só em maiúsculas e só em minúsculas combinando em cada uma delas cinco crenagens distintas (tangente, nulo, constante, automático e manual). Para a primeira fase foi feito uma análise das proporções das letras por linhas horizontais e verticais, um processo de construção pela análise das suas curvas pela forma básica de círculos. Com recurso a uma grelha recolheu-se as coordenadas dos seus respectivos pontos de conrolo para uma correcta possível construção. Analisou-se também os seus desvios de simetria e fez-se uma comparação com outra letra da mesma fonte tipográfica e redesenhou-se a letra com pequenas alterações.

In this project we have been proposed to decode, in the first 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 “microtipografia” using two typographical families (with and without serif) in upper and minor case has been made combining the letters with five different kernings: tangent, null, constant, automatic and manual. For the first stage, an analysis of the letter’s 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 letter’s 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 modifications.

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 inscrição na base da Coluna de Trajano a partir do qual o tipo de letra tem o seu nome. Desde a sua inscrição que a sua forma de escrita se manifesta apenas com caixa alta , apesar disso maiúsculas pequenas são vulgarmente usadas como minúsculas, e um conjunto mais completo de caractéres contida na Trajan pro (uma actualização em 2001 inclui uma caixa baixa de maiúsculas pequenas). Embora Twombly tivesse sido o primeiro a fazer uma versão muito literal das inscriçõesTrajan na tipograﬁa uma series de interpretações (com alfabeto de minúsculas 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 maiúsculas têm uma minúscula marcadamente medieval. Carol Twombly (nascida em 1959) é uma caligrafa e tipógrafa americana que criou varias fontes tipográﬁcas para alem da Trajan incluindo Myriad e Adobe Caslon. Trabalhou como tipógrafa 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 téxtil e a joelheria.

Processo de Construção

B B Análise das curvas com círculos

Análise das proporções com linhas horizontais e verticais

B B P desvios de simetria

comparação da forma com a letra P da mesma família tipográﬁca

A2 B1

A1 U1U2 T1

Ab2 Ac1

Ab1 Aa2

T2 S2

Ac2

Ab Aa

Ad2

E Ad E1

Ad1

Ah Ah1 Ag

Ae2

Af2 Ae1

Ag1 Ag2 Af1 Ba1 Ba2 Bi2 Ba

Bd1

Bd2 Bc1

Bc Bh

G2 Bc2

Q Bh1 Bd2

Bd Bg2

Bg1 Bf1

N1 N2 O O1

M M2 M1

L2 K1

Bd1

Bf2 K2 J1 J2

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)

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)

6.912

10.679

Ad1

(6.912; 9.898)

Ad2 (6.912; 12.260)

8.357

11.550

(8.357; 9.988) E2 (8.357; 12.502)

6.226

8.755

Ae1

(5.826; 8.298)

Ae2 (6.626; 9.212)

6.566

8.121

(7.976; 7.683) F2

(7.462; 9.055)

4.496

8.257

Af1

(8.787; 8.258)

Af2 (6.626; 9.212)

9.861

4.103

(9.861; 2.065) G2

(9.861; 6.331)

3.331

8.336

Ag1

(3.236; 8.374)

Ag2 (3.446; 8.316)

5.005

0.048

(4.795; 0.048) H2

(8.269; 0.048)

3.198

8.546

Ah1

(3.198; 8.413)

Ah2

3.633

0.008

(3.081; 0.046)

(4.186; 0.010)

3.312

7.744

Ba1

(3.235; 7.744)

Ba2 (3.599; 7.746)

2.472

0.065

(2.434; 0.065)

(2.548;0.065)

4.797

7.711

Bb1

(4.552; 7.746)

Bb2 (5.255; 7.651)

1.710

0.046

(1.329; 0.046) K2

(2.110; 0.065)

6.378

7.156

Bc1

(5.731; 7.596)

Bc2 (7.845; 6.146)

0.617

0.060

(0.407; 0.060)

(0.903; 0.060)

8.226

3.346

Bd1

(8.226; 1.194)

Bd2 ( 8.226; 4.489)

0.301

0.161

(0.301; 0.046) M2

(0.301; 0.218)

5.539

0.642

Be1

(5.198; 0.642)

Be2 (6.568; 0.641)

0.453

0.275

(0.339; 0.275) N2

(0.624; 0.275)

3.864

0.928

Bf1

(3.274; 1.213)

Bf2 (4.379; 0.680)

1.024

0.351

(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

3.198

7.609

Bi1

1.577

1.398

(1.499; 0.836) P2

1.672

5.531

(1.672; 3.703) Q2

R S

1.675 1.634

8.874

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)

3.197

13.566

Aa1 (3.195; 13.674)

Aa2

3.425

13.776

Ab1 (3.248; 13.739)

Ab2 (3.733; 13.854)

Bi2 (3.198; 7.706)

A construção desta letra requer a utilização das curvas de Bézier. Esta é uma curva polinomial expressa como a interpolação linear entre alguns os pontos de controle.

Curva e Bézier cúbica

Curva de Bézier linear

Curva de Bézier quadrática

B B sem compensações ópicas e simétrica

B Trjan Pro (2001)

Trajan Pro Modiﬁcada

Bodoni

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Bodoni consiste numa série de fotes serifadas primeiro desenhado por Giambattista Bodoni (1740-1813) em 1798. O tipo de letra é classificado como Didone moderno. Bodoni seguiu as idéias 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 traços grossos e finos , e uma construção geométrictotal. Embora estes projetos posteriores são legitimamente chamados de "modernos", os projetos anteriores são " de transição" . Algumas versões digitais de Bodoni seriam difíceis de ler devido à “confusão” causada pelos traços grossos e finos alternados. As versões não deslumbrantes de Bodoni que se destinam a ser usados no tamanho do texto são "Bodoni Old Face " , otimizado para 9 pontos ; ITC Bodoni 12 ( 12 pontos) e ITC Bodoni 6 ( 6 pontos) .)

Processo de Construção

Análise das curvas com círculos

Análise das proporções com linhas horizontais e verticais

V V análise das direcções apartir de rectas

desvios de simetria

B1 B B2

A2 A A1

S1 R2

Aj1

C2 D1 D

Aj2

Ai1 Ai

J2 I1

Ag2 Ah Ah2

H1 H2

T T2

F2 GG2 G1

N1N N2 M2

Q2 P1P2 O1OO2

X X2

W W2 VV2 V1

Ag1

K Af2

Af1 L1

Ae2

Ae Ae1 Ad2

L Z Ad1

Ac2

Ac1

Ab1 Ab2

V a 300pt

Pontos A

Aa2

Aa1

0.000

7.344

Pontos de Controlo A1 (0.000; 7.245)

A2 (0.000; 7.464)

4.990

7.505

0.095

7.524

(0.032; 7.524)

B2 (0.243; 7.534)

7.196

7.524

1.386

7.503

(0.673; 7.517)

C2 (1.838; 7.496)

7.387

7.408

2.106

7.492

(2.078; 7.492)

3.408

7.524

3.545

3.461

7.370 7.154

F1 G1

3.376

7.154

3.058

7.143

(4.932; 7.505)

(7.387; 7.218)

U2 (7.387; 7.485)

T2 (7.323; 7.524)

7.355

7.191

(7.334; 7.173)

V2 (7,376; 7.208)

E2 (3.499; 7.524)

7.135

7.155

(6.851; 7.146)

W2 (7.260; 7.161)

6.498

7.090

(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

(6.029; 5.732)

Y2 (6.346; 6.931)

1.587

I2 (3.207; 7.143)

4.582

(4.337; 0.620)

(2.607; 7.136)

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

(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

2.625

3.884

4.160

1.692

(3.299; 4.127)

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

3.736

0.116

Ac1

(3.764; 0.045)

Ac2

(3.566; 0.410)

Ad1

(5.920; 6.740) (5.243; 7.154)

(3.288; 0.045) Ad2

7.015 7.154

2.900

(2.780; 2.546)

5.920 5.314

2.222

M N

2.476

3.322

Ae1

(2.639; 2,913)

Ae2

(2.279;3.816)

5.144

7.154

(5.102; 7.154)

(1.598; 5.619)

Af2

(1.485;5.901)

5.006

7.154

(4.971; 7.154)

P2 (5.056; 7.154)

4.926 4.900

7.173

(4.944; 7.160)

Q2 (4.909; 7.185)

7.268

(4.900; 7.217)

R2 (4.900; 7.426)

(5.920; 7.107)

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

1.598

5.619

1.122

6.889

Ag1

(1326; 6.324) Ag2 (1.079; 7.030)

0.794

7.111

Ah1

Ah2

0.307

7.132

Ai1

(0.180; 7.139)

Ai2

0.074

7.164

Aj1

(0.102; 7.150)

Aj2

Af1

(0.970;7.104) (0.025; 7.185)

W VV V V sem compensações ópicas

comparação da forma com a letra W da mesma família tipográﬁca

desvios de simetria

V Bodoni 1798

Bodoni ModiďŹ cada

Futura

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

A Futura é uma família tipográfica sem-serifa considerada como um dos símbolos do modernismo no design gráfico. A fonte foi desenhada em 1927 por Paul Renner baseado em princípios rigidamente geométricos, inspirada nos ensinamentos da Bauhaus. A futura foi uma das fontes mais populares do século XX, especialmente nas décadas de 1950 e 60 devido à sua limpeza e impacto. A família foi lançado 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 geométricas simples (quase perfeito círculos, triângulos e quadrados). Na concepção Futura, Renner evitou o decorativo, eliminando elementos não essenciais. Os caracteres maiúsculos têm proporções atuais semelhantes às de capitais romanos clássicos.

Processo de Construção

k k

Análise das proporções com linhas horizontais e verticais

análise das direcções apartir de rectas

k kh k sem compensações ópicas

comparação da forma com a letra h da mesma família tipográﬁca

k desvios de simetria

k Futura 1927

Futura modificada

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

0.070

0.033

0.070

RENA ENAG CRE AGEM CRENAGEM

AGE GEM NAG M Times New Roman

Tangente

Nulo

Constante (I)

(i)

Automรกtico

Manual

MICROTIPOGRAFIA microtipografia

MICROTIPOGRAFIA

microtipograf ia

MICROTIPOGRAFIA microtipografia MICROTIPOGRAFIA microtipografia

EM GEM Arial

MICROTIPOGRAFIA microtipografia

Tangente

Nulo

Constante (I)

MICROTIPOGRAFIA

(i)

Automรกtico

Manual

MICROTIPOGRAFIA microtipografia