Desenho tipografico

Page 1

DESENHO

TIPOGRテ:ICO



Índice 0 1. Memória Descritiva

3

2. Trajan - Forma básica - Construção geométrica - Construção vetorial

4 5 8 9

3. Bodoni - Forma básica - Construção geométrica - Construção vetorial

10 11 14 15

4. Futura - Forma básica - Construção geométrica - Construção vetorial

16 17 20 21

5. Crenagem - Helvetica - Times New Roman

22 23 24

6. Referências

25

7. Ficha técnica

26



Memória descritiva 1 Palavras-chave: Trajan, Bodoni, Futura, forma básica, ponto de âncora, desvio de simetria, construção vetorialcontrução geométrica, crenagem, Helvetica, Times New Roman Neste quinto projeto, a nossa área de estudo recaíu sobre o desenho tipográfico, a geometria das formas e as suas implicações na aplicação de fontes com particularidades morfológicas diversas. Numa primeira fase foi elaborada uma análise de três fontes que marcaram a tipografia em momentos históricos distintos: Trajan, Bodoni e Futura, onde figuram características importantes como a forma básica, a construção geométrica e vetorial, desvios de simetria, assim como comparações com fontes semelhanes. O tema da segunda fase foi a crenagem de duas fontes opostas (com patilha e sem patilha) escolhidas por nós. Selecionei a Helvetica e a Times New Roman pelo impacto histórico e diversidade utilitária que apresentam. De seguida estudei como ambas as fontes se comportam com diferentes crenagens. O trabalho foi impresso em A3.



TRAJAN 2 Trajan é uma fonte desenhada por Carol Twombly em 1989. Encomendada pela Adobe, é uma fonte constituída apenas por maiúsculas. É uma adaptação inspirada nas inscrições da base da Coluna de Trajano, erguida em 113 como símbolo da vitória romana sobre Dácia. Letra serifada; Maiúsculas; Grossura do traço varia com a direção.



Trajan ABCDEFGHIJKLMNOPQRSTUVWXYZ

1. Trajan (113), vetorizada a partir da tipografia encontrada na Coluna de Trajano

5

GG 2. Trajan (1989), Twombly considerou pertinente acrescentar serifas, assim como alterar o peso das hastes e das barrigas, de modo a adequar a fonte aos meios de comunicação contemporâneos.

1. Trajan, negrito


Trajan

6

G GG 4. Comparação com forma básica (círculo) Forma básica Forma da letra

5. Desvio de simetria horizontal

6. Desvio de simetria vertical


Trajan

7

GGG 7. Comparação com caracteres de construção semelhante (C, Q, O)


Trajan

8

G GG 0.9

7.1

0.2

0.3

2.4

2.6

8.2

0.2

4.1

0.4

7.9

8. Construção básica

0.9

0.9

9. Proporções em centímetros (300pt)

0.7

10. Construção por círculos


Trajan

G b

5

a

a 4

b

27

b

6

3

28 b a

a

a

29

b

26

a

b

b

a

b

b

30

2 a

a

a

a

1

b

b

b

a a 17 18 19

25

7

b

a 16 b

a

20

a

a

a 15 b a 14 ab 13 b 12

a

b

24

a

b

23

b

a

a

y

11

21

b

8

22

a

b

b

9

10

a

a

x

11. Vetorização da letra G da fonte Trajan. Apontamento dos pontos de âncora (1-30) e dos pontos de alça correspondentes (a e b)

P 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

x 16,89 17,16 17,23 16,22 12,55 09,32 07,64 09,70 13,62 16,91 17,12 17,13 17,98 18,17 17,93 16,55 14,96 14,74 15,00 15,79 15,93 15,39 12,78 10,37 09,05 09,70 12,52 15,22 16,52 16,87

y 14,15 13,62 11,66 11,70 11,22 12,25 16,22 21,03 22,09 21,56 20,88 17,54 17,06 16,98 16,85 16,89 16,88 16,93 17,03 17,13 21,04 21,40 21,51 20,06 16,97 13,51 11,81 12,14 12,86 13,62

Pa

x 16,84 17,13 17,14 16,30 10,88 07,91 07,89 11,33 14,68 17,24 17,09 18,04 18,15 17,43 16,26 14,91 14,83 15,74 15,93 13,81 10,77 09,05 09,25 10,78 14,33 15,81 16,89

y 14,13 13,72 12,63 11,63 11,63 14,27 18,47 22,02 22,36 21,54 17,87 17,03 16,81 16,79 16,86 16,89 16,81 17,07 21,37 21,75 20,61 17,73 14,18 12,19 11,82 12,24 13,71

Pb

x 17,16 17,13 17,30 16,97 13,92 09,85 07,62 08,56 12,33 16,37 17,36 18,15 18,02 16,79 15,54 14,89 11,89 09,65 09,15 10,13 13,12 15,54 16,71 -

9

y 14,10 13,18 11,58 11,74 11,19 12,20 16,16 20,30 22,22 21,92 17,11 17,05 16,82 16,86 16,77 21,65 21,25 19,33 15,99 12,84 11,78 12,22 13,03 -



Bodoni Desenhada originalmente em 1798 por Gianbattista Bodoni e inspirada na obra de Baskerville, a Bodoni é uma fonte universalmente reconhecida e utilizada em diversos contextos ao longo de séculos. Existem múltiplas versões desta fonte, sendo a criada pela equipa Sumner Stone em 1994 a mais fiel interpretação digital da fonte original. Letra serifada; Contraste na grossura do traço; Construção geometrizada;

3


Bodoni abcdefghijklmnopqrstuvwxyz

11

vvvv 1. Baskerville

2. Bodoni (1798), em relação à Baskerville, apresenta uma maior geometrização assim como um elevado contraste entre traços

3. Bodoni, negrito

4. Bodoni, itálico


Bodoni

12

v vv 5. Comparação com forma básica (triângulo equilátero) Forma básica Forma da letra

6. Desvio de simetria horizontal

7. Desvio de simetria vertical


Bodoni

13

v vv 8. Comparação com caracteres de construção semelhante (w, x, y)


Bodoni

14

vvv 1.2

1.2

0.2

0.3

4.9

1.4

2.9

9. Construção básica

6.2

2

10. Proporções em centímetros

11. Construção por círculos


v

1 15

14

4

2 3

8 7

6

11

9 10

5

13 12

y

x

12. Vetorização da letra v da fonte Bodoni. Apontamento dos pontos de âncora (1-15)

Bodoni

P

x

y

Pa

x

y

Pb

15

x

y

01

08,43

15,45

-

-

-

-

02

12,23

15,45

-

-

-

-

03

12,23

15,82

-

-

-

-

04

11.07

15,82

-

-

-

-

05

13,08

19,92

-

-

-

-

06

15,10

15,82

-

-

-

-

07

13,92

15,82

-

-

-

-

08

13,92

15,45

-

-

-

-

09

16,44

15,45

-

-

-

-

10

16,44

15,82

-

-

-

-

11

13,48

21,00

-

-

-

-

12

12,55

21,73

-

-

-

-

13

12,35

21,73

-

-

-

-

14

09,36

15,82

-

-

-

-

15

08,43

21,73

-

-

-

-



Futura Futura foi desenhada por Paul Renner em 1927 para a fundação alemã Bauer Type Foundry e comercializada em 1936. Inspirada pela Bauhaus e pela geometria, Futura procura transmitir modernidade. Letra não serifada; Traço homogéneo; Construção geometrizada;

4


Futura ABCDEFGHIJKLMNOPQRSTUVWXYZ

17

H H H 1. Bauhaus (1925)

2. Futura (1927)

3. Avenir (1988)


Futura

18

H HH 4. Comparação com forma básica (quadrado) Forma básica Forma da letra

5. Desvio de simetria horizontal

6. Desvio de simetria vertical


Futura

19

HHH 7. Comparação com caracteres de construção semelhante (F, L, N)


Futura

20

HHH 1.2

3.7

1.2

2.8

1.0

7.5

3.7

6.2

8. Construção básica

9. Proporções em centímetros (300pt)

10. Construção por círculos


Futura

H 1

5

2

3

10

12

y

x

11

6

4

9

8

21

7

11. Vetorização da letra H da fonte Futura. Apontamento dos pontos de âncora (1-15)

P

x

y

Pa

x

y

Pb

x

y

01

08,90

10,94

-

-

-

-

02

10,52

10,94

-

-

-

-

03

10,52

14,66

-

-

-

-

04

15,51

14,66

-

-

-

-

05

15,51

10,94

-

-

-

-

06

17,13

10,94

-

-

-

-

07

17,13

21,00

-

-

-

-

08

15,51

21,00

-

-

-

-

09

15,51

16,09

-

-

-

-

10

10,52

16,09

-

-

-

-

11

10,52

21,00

-

-

-

-

12

08,90

21,00

-

-

-

-



Crenagem 5 Composição da palavra microtipografia, utilizando duas famílias tipográficas distintas, e combinando cinco crenagens distintas.


Crenagem Helvetica

MICROTIPOGRAFIA

microtipografia

MICROTIPOGRAFIA

microtipografia

Constante

MICROTIPOGRAFIA

microtipografia

Automรกtico

MICROTIPOGRAFIA

microtipografia

MICROTIPOGRAFIA

microtipografia

Tangente

Nulo

Manual

23


Crenagem Times New Roman

MICROTIPOGRAFIA

microtipografia

MICROTIPOGRAFIA

microtipografia

Constante

MICROTIPOGRAFIA

microtipografia

Automรกtico

MICROTIPOGRAFIA

microtipografia

Manual

MICROTIPOGRAFIA

microtipografia

Tangente

Nulo

24



ReferĂŞncias 6 Perkins, Tom The Geometry of Roman Lettering Segalini, Alessandro Typographic Design Classifications Simoni, Roberto Teoria Local das Curvas Hoening, Alan A Constructed DĂźrer Alphabet Lessa, Joana Anatomia do Tipo Marques, Tiago Navarro Santos Tipografia: usabilidade digital



Ficha técnica 7 Faculdade de Belas Artes da Universidade do Porto, Design de Comunicação Disciplina: Design I Docente: Antero Ferreira Discente: Sílvia Moura Ano letivo: 2014-2015 Data: 14/05/2015


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.