Desenho Tipográfico

Page 1

DE SENHO T I POGRテ:I C O

AK g



ÍNDIC E

5

Ficha Técnica

7

Memória Descritiva

8

Trajan: Apresentação

10

Estudos da forma da letra e processos de construção

12

Construção da letra

14

Bodoni: Apresentação

16

Estudos da forma da letra e processos de construção

18

Construção da letra

20

Futura: Apresentação

22

Estudos da forma da letra e processos de construção

25

Construção da letra

27

Sistemas de crenagem

28

Adobe Caslon Pro: Maiúsculas

29

Adobe Caslon Pro: Minúsculas

30

Helvética: Maiúsculas

31

Helvética: Maiúsculas


4

AK g


FBAUP Design de Comunicação Design I Antero Ferreira Tânia Ramos 2014-15 Projeto #5 Desenho Tipográfico 14 de Maio de 2015 Illustrator; InDesign estudo; anatomia; proporções; desvios; mudanças;

5


6

AK g


O tema para a quinta proposta da disciplina de Design I foi “Desenho Tipográfico”. Este estava dividido em 2 fases: a primeira delas consistia em descodificar a construção morfológica e o cânone tipográfico e redesenhar, com rigor, 3 letras distintas, de 3 famílias tipográficas históricas distintas (Trajan, Bodoni e Futura); a segunda e última fase consistia no estudo dos sistemas de crenagem de duas famílias tipográficas, uma com patilha e outra sem, através da palavra “microtipografia”. Assim sendo para a primeira fase decidi escolher as letras A, g e K das fontes acima mencionadas, respetivamente. Posteriormente estudei desvios, simetrias, relações, proporções, curvaturas, coordenadas, etc. para cada letra, consoante as suas características. A unidade de medida de todos os valores neste trabalho foi em pontos e relativamente ao estudo das medidas, das curvaturas e das coordenadas a letra foi estudada originalmente a 400 pontos. Para a segunda fase escolhi para a família tipográfica com patilha a fonte Adobe Caslon Pro Regular e sem patilha a fonte Helvética Regular.

Referências: C. KAREN, Diseñar Tipografía, Editorial Gustavo Gili, 2006 K. JOHN, Manual dos tipos, Editorial Gustavo Gili, 2012

7


8

A inscrição na base da coluna de Trajano, em Roma é um dos exemplo de letras romanas clássicas e atingiu o seu pico de refinamento no primeiro século depois de cristo. Acredita-se que as letras estavam primeiro escritas a pincel e só depois é que foram esculpidas em pedra. Foram estas formas que serviram de base para a fonte Trajan da Adobe Originals desenhada por Carol Twombly em 1989. A Trajan caracteriza-se por ser uma fonte elegante e adequada para trabalhos de exibição. Possui apenas maiúsculas, é uma fonte com patilha, a grossura do traço varia de acordo com a direcção e o eixo é oblíquo. Na Trajan Pro 3 o grego e o cirílico foram adicionados como também novos quatro estilos. A fonte alargada oferece agora uma gama de seis estilos.


TRAJ A N

9


10

TRAJ A N ESTUDOS DA FORMA DA LETRA E PROCESSOS DE CONSTRUÇÃO

Desvio do Triângulo

Desvio da simetria de reflexão horizontal

Relação com a letra parente (V)

Junção das linhas de âncora

Junção das linhas das alças

Curvas de Bézier


TRAJ A N ESTUDOS DA FORMA DA LETRA E PROCESSOS DE CONSTRUÇÃO

Estudo das medidas

Estudo das curvaturas

11


12

TRAJ A N CONSTRUÇÃO DA LETRA

P

x

y

a

x

y

b

x

y

1

167,24

60,92

1a

165,54

60,92

1b

168,96

60,92

2

173,48

71,12

2a

170,06

62,38

2b

177,73

81,92

3

239,54

242,09

3a

222,3

199,05

3b

249,71

267,3

4

263,92

273,61

4a

257,98

271,86

4b

268,17

274,95

5

275,26

275,26

5a

272,44

275,25

5b

276,96

275,25

6

278,1

276,96

6a

278,1

275,55

6b

278,1

278,67

7

272,44

279,24

7a

268,17

279,24

7b

275,55

279,24

8

227,92

278,67

8a

222,51

278,38

8b

247,46

279,23

9

219,42

276,67

9a

219,42

275,55

9b

219,42

298,38

10

221,4

274,7

10a

220,27

274,97

10b

223,09

273,61

11

223,9

267,04

11a

224,79

271,58

11b

12

196,73

197,3

12a

12b

196,17

196,17

13

194,17

195,61

13a

13b

195,61

195,61

14

133,22

195,61

14a

131,8

195,61

14b

15

130,38

197,87

15a

130,95

196,45

15b

16

113,37

248,05

16a

110,82

255,12

16b

17

109,4

267,04

17a

109,4

272,71

17b

109,4

261,96

18

120,17

275,26

18a

115,36

275,26

18b

19

123,01

275,26

19a

19b

125

175,25

20

125,84

276,96

20a

125,84

278,67

20b

125,84

275,84

21

121,59

279,24

21a

114,8

279,23

21b

124,16

279,23

22

99,48

278,38

22a

96,36

278,38

22b

102,61

278,38

23

67,44

279,24

23a

63,75

279,24

23b

80,76

279,24

24

62,06

276,97

24a

62,06

278,67

24b

62,06

275,84

25

64,6

275,26

25a

63,19

275,25

25b

66,59

275,25

26

72,83

274,7

26a

70,56

274,97

26b

85,87

273

27

96,64

248,05

27a

91,55

262,23

27b

28

161,01

71,98

28a

28b

164,42

62,63

29

160,44

106,85

29a

29b

161,86

102,6

30

164,69

106,85

30a

30b

163,27

102,6

31

191,62

183,4

31a

31b

191,91

184,48

32

190,49

185,38

32a

32b

191,91

185,38

33

136,39

185,38

33a

135,48

185,38

33b

34

135,48

183,4

34a

134,92

184,82

34b


1a 28b

1 1b 2a

2

28

2b

29b

29

30b

30

34 14

31 32

33

13 12

15

3a

3 16

27

16a 17b

27a

17 25 26

17a

18 19

24 23

22

11 10 9

20

11a

13

4

5 6

8

21

3b

8b

7


14

A fonte Bodoni é uma fonte com patilha, bastante conhecida, com variadas interpretações por inúmeros designers. Muitas foram as fontes que tiveram como ponto de partida a Bodoni original, desde a fonte Didone moderna nos finais de 1700s até à American Revival da ATF nos inicíos de 1900s até à era digital. O design original tinha um visual arrojado com traços contrastantes e uma maiúscula que foi um pouco mais condensada, daí a sua influência na Baskerville. As patilhas e até mesmo um estilo geométrico fez esta fonte popular em quase todo o tipo de composição, mas particularmente mais adequado para títulos e logos.


BODONI

15


16

BODONI ESTUDOS DA FORMA DA LETRA E PROCESSOS DE CONSTRUÇÃO

Desvio do Círculo

Desvio da simetria de reflexão vertical

Desvio da simetria de reflexão horizontal

Junção das linhas de âncora

Junção das linhas das alças

Curvas de Bézier


BODONI ESTUDOS DA FORMA DA LETRA E PROCESSOS DE CONSTRUÇÃO

Estudo das medidas

Estudo das curvaturas

17


18

BODONI CONSTRUÇÃO DA LETRA

P

x

y

a

x

y

b

x

y

1

160,542

28,386

1a

124,682

28,386

1b

178,471

28,386

2

210,438

50,604

2a

195,236

35,794

2b

223,398

35,398

3

246,301

28,386

3a

234,21

28,386

3b

259,543

28,386

4

269,293

50,604

4a

269,293

37,348

4b

269,293

61,133

5

250,971

69,317

5a

243,564

69,317

5b

261,5

69,317

6

237,331

58,4

6a

237,331

57,235

6b

237,331

64,246

7

238,112

52,552

7a

7b

237,331

57,235

8

238,112

50,604

8a

238,112

47,871

8b

9

233,43

45,927

9a

227,978

45,927

9b

236,156

45,927

10

220,564

58,4

10a

220,565

52,94

10b

220,564

60,738

11

224,473

72,432

11a

220,564

60,738

11b

226,417

78,676

12

227,977

93,87

12a

227,977

87,248

12b

227,978

114,929

13

199,524

141,82

13a

186,656

149,615

13b

218,625

130,91

14

158,98

153,515

14a

153,91

153,516

14b

173,012

153,516

15

139,094

152,342

15a

134,814

151,963

15b

145,336

153,127

16

129,744

151,566

16a

114,929

151,566

16b

131,305

151,566

17

108,698

173,003

17a

108,693

157,81

17b

108,693

186,259

18

129,744

191,718

18a

114,929

191,718

18b

134,814

191,718

19

192,891

187,423

19a

155,859

190,158

19b

200,299

187,044

20

211,993

186,648

20a

207,315

186,648

20b

235,771

186,648

21

252,922

232,648

21a

252,922

206,138

21b

252,922

252,529

22

226,418

286,824

22a

206,932

303,591

22b

243,179

272,015

23

152,744

311,773

23a

106,35

311,773

23b

183,146

311,773

24

73,999

261,107

24a

73,999

241,613

24b

73,999

291,117

25

114,929

218,23

25a

93,497

213,933

25b

86,09

229,138

26

82,183

184,31

26a

82,183

164,432

26b

82,183

202,24

27

121,552

140,646

27a

99,336

126,623

27b

93,877

151,566

28

91,541

93,095

28a

91,541

59,574

28b

91,541

114,147

29

160,144

38,909

29a

148,848

38,909

29b

181,586

38,909

30

192,891

90,37

30a

192,891

56,84

30b

192,891

124,278

31

162,489

144,941

31a

139,49

144,941

31b

181,196

144,941

32

128,571

86,858

32a

128,571

72,05

32b

128,571

126,226

33

133,642

56,451

33a

139,094

45,144

33b

130,132

63,86

34

124,682

220,558

34a

112,195

231,474

34b

35

138,318

220,945

35a

35b

141,439

220,945

36

152,744

220,558

36a

146,112

220,945

36b

173,788

219,781

37

204,584

219,384

37a

192,503

219,384

37b

227,199

219,384

38

233,43

243,164

38a

233,43

224,457

38b

233,43

274,742

39

167,561

295,792

39a

131,305

295,792

39b

207,315

295,792

40

106,743

255,259

40a

106,743

242,041

40b

106,743

279,421


1

1a

1b

29a

29b

4a 9b

9a

2

9 8 7 6

10a

30a

33

28a

3b

2b

29

33a

3

3a 2a

10b=11a

10

4 4b

33b

11

32a

5a

5

5b

11b

32

12a

30

28

12

28b

12b

27a

32b

30b 13b

27

31b

31

31a

13

16

27b

13a

15

17a

14

26a

17 26

17b

19

18 18a

20b

19b 20a

20 18b

26b 21a 25a

25 25b

24a

35

37b

36b

36a

34

37a

36

37

38a

34a

21

40a

38 21b

40 24 38b 40b

24b

39

39a

39b

22a 23a

23b

23

19

22

22b


20

Ao contrário do pensamento popular, a fonte Futura não foi concebida na Bauhaus, na Alemanha, e não serviu para mostrar a parte mais pura da escola de design. Paul Renner, designer da Futura não tinha nenhuma afiliação à Bauhaus, contudo os seus esboços originais mostravam as ideologias do movimento Bauhaus. O seu trabalho foi traduzido para fontes do tipo metal por The Bauer Type Foundry of Frankfurt, que fez mudanças consideráveis na Futura. O resultado final foi uma fusão da filosofia de Renner com as regras das tipográficas de design.


FUTUR A

21


22

FUTUR A ESTUDOS DA FORMA DA LETRA E PROCESSOS DE CONSTRUÇÃO

Desvio das formas básicas

Desvio da simetria de reflexão horizontal

Desvio da simetria de reflexão vertical

Relação com a letra parente (H)

Análise das proporções

Análise das direções


FUTUR A ESTUDOS DA FORMA DA LETRA E PROCESSOS DE CONSTRUÇÃO

Estudo das medidas

23



FUTUR A CONSTRUÇÃO DA LETRA

1

2

4

3

5

6

9 10

12

8

11

P

x

y

1

75,278

35,278

2

105,722

35,278

3

105,722

151,131

4

220,489

35,278

5

260,896

35,278

6

134,324

161,145

7

264,834

304,883

8

223,716

304,883

9

113,222

181,166

10

105,722

188,676

11

105,722

304,883

12

75,327

304,883

25

7



S IS TE M AS D E C R E NAGE M

27


28

S IS TE M AS D E C RE NAG E M

Tangente

Nulo

Constante

Automรกtico

Manual

MICROTIPOGRAFIA MICROTIPOGRAFIA MICROTIPOGRAFIA MICROTIPOGRAFIA MICROTIPOGRAFIA 3x

-x

-x

4x 3x

x

x

2x

x

3x


S IS TE M AS D E C RE NAG E M

Tangente

microtipografia

Nulo

microtipografia

Constante

microtipografia

Automรกtico

microtipografia

Manual

microtipografia x

2x

x

2x 2x

Adobe Caslon Pro Regular x = 20pt - desvio da crenagem automรกtica

29


30

S IS TE M AS D E C RE NAG E M

Tangente

MICROTIPOGRAFIA

Nulo

MICROTIPOGRAFIA

Constante

MICROTIPOGRAFIA

Automรกtico

MICROTIPOGRAFIA

Manual

MICROTIPOGRAFIA x

-x

x2x

x


S IS TE M AS D E C RE NAG E M

Tangente

microtipografia

Nulo

microtipografia

Constante

microtipografia

Automático

microtipografia

Manual

microtipografia -x

x x

-x-x

Helvética Regular x = 20pt - desvio da crenagem automática

31


AK g


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.