21/08/2013

O que é Tipografia?

Classificação e
Anatomia dos Tipos

Prof. José Wilker

1 2

Tipografiaconceito 1 Tipografiaconceito 2

A tipografia (do grego typos — O objetivo principal da tipografia é

“forma” — e graphein — “escrita”) é
a arte e o processo de criação na
composição de um texto, física
ou digitalmente.
dar ordem estrutural e forma à
comunicação impressa ou digital.
A tipografia é a arte de selecionar
o tipo de fonte ideal para os
projetos

3 4

1
 21/08/2013

Tiposconceito 1 Tiposconceito 1

Tipo na área da tipografia, refere-

se aos tipos móveis das prensas
mecânicas para impressão de
textos. Podem ser feitos de dois
materiais: os tipos de metal (ou
tipos fundidos) e de madeira.
Tipo é , também, o termo referente
aos caracteres das letras.
5 6

Classificação das Fontes

 Com serifa
Classificação e  Sem Serifa (Sans-Serif)
Anatomia dos Tipos  Cursiva (script)
 Modernas
 Display
Prof. José Wilker

7 10

2
 21/08/2013

Classificação das Fontes Classificação das Fontes

 Com serifa  Com serifa

Ex: Times new roman, Garamond, Bodoni, Didot e Caslon

11 12

Classificação das Fontes Classificação das Fontes

 Sem serifa  Cursiva (Script)

Ex: Helvética, Arial, Eurostile, Franklin, Optima, Univers, Kabel, Futura, Gill Sans,
Avantgarde, Optima, Fruitiger. Ex: English111 Vivace BT, TypoUpringht BT e Amazone BT

13 14

3
 21/08/2013

Classificação das Fontes Classificação das Fontes

 Modernas  Display

Ex: East Side, Elif. Ex: East Side, Elif.

15 16

Classificação das Fontes Classificação das Fontes

 Legibilidade e Leiturabilidade  Legibilidade e Leiturabilidade

maria das carnes maria das carnes

maria das carnes maria das carnes
17 18

4
 21/08/2013

Linha de Fonte

1. Linha da ascendente (ascender top line) ou linha de topo

2. Linha da caixa-alta (cap line ou cap height) ou linha de versalet

3. Altura-de-x (h-height ou middleline) ou linha mediana

4. Linha da Base (baseline)

5. Linha da descendente (descender line ou beardline) ou linha de

fundo
19 20

21 22

5
 21/08/2013

Exemplos de Logotipos

Aplicação da Tipografia
Em marcas: Logotipos

23 24

Exemplos de Logotipos Exemplos de Logotipos

25 26

6
 21/08/2013

Exemplos de Logotipos Exemplos de Logotipos

27 28

Exemplos de Logotipos Exemplos de Logotipos

29 30

7
 21/08/2013

Exemplos de Logotipos

Tipografia Urbana

31 32

Tipografia Urbana Alfabeto da Pichação

33 34

8
 21/08/2013

Tipografia Urbana Tipografia Urbana

35 36

Tipografia Urbana Tipografia Urbana

37 38

9
 21/08/2013

Tipografia Urbana Tipografia Urbana

39 40

Tipografia Urbana Tipografia Urbana

41 42

10
 21/08/2013

Tipografia Urbana Tipografia Urbana

43 44

Outros exemplos de Tipografia

Desenhos com Tipos

Author: Luke Lucas

45 46

11
 21/08/2013

Outros exemplos de Tipografia Outros exemplos de Tipografia

Author: Alex Trochut

47 48

Outros exemplos de Tipografia Outros exemplos de Tipografia

49 50

12
 21/08/2013

Outros exemplos de Tipografia

Aplicação em projetos

51 52

Aplicação em projetos Aplicação em projetos

53 54

13
 21/08/2013

Aplicação em projetos Aplicação em projetos

55 56

Aplicação em projetos Aplicação em projetos

57 58

14
 21/08/2013

Aplicação em projetos Aplicação em projetos

59 60

Aplicação em projetos Aplicação em projetos

61 62

15
 21/08/2013

Aplicação em projetos Aplicação em projetos

63 64

Aplicação em projetos Aplicação em projetos

65 66

16
 21/08/2013

Aplicação em projetos Aplicação em projetos

67 68

Aplicação em projetos Aplicação em projetos

69 70

17
 21/08/2013

Aplicação em projetos Aplicação em projetos

71 72

Aplicação em projetos Aplicação em projetos

73 74

18
 21/08/2013

Aplicação em projetos Aplicação em projetos

75 76

Aplicação em projetos Aplicação em projetos

77 78

19
 21/08/2013

Aplicação em projetos

79

20