Aula Tipografia > Com. Gráfica

32
COMUNICAÇÃO GRÁFICA Diogo Maduell cara da linguagem A tipografia é a

description

Para essa aula forma usados slides de uma apresentação de Ricardo Arthur Pereira sobre tipografia. http://ricardoartur.com.br/aulas

Transcript of Aula Tipografia > Com. Gráfica

Page 1: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

carada linguagem

A tipografia é a

Page 2: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

SoiS idiotaS.

Page 3: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

SoiS idiotaS.y vueStro profeSor, imbécil

Page 4: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Sois idiotas.Y vuestro

profesor, imbécil

Page 5: Aula Tipografia > Com. Gráfica

Tipos são fala tornada visível.

Abra os olhos e escute.

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 6: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Tipologia

.Tipo

.Fonte: do latim fundere (fundir),

alfabeto com vários tipos

.Família: variações da mesma

fonte (itálico, negrito, itálico-

negrito,etc.)

.Corpo: variação de tamanho

.Origens Tipologia

.Origens

GUTEMBERG

(1450, na alemanha)

.Inventor do tipo móvel

e do processo de impressão

que revolucionou a

reprodução de textos.

Page 7: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Caixas ALTA e baixa

Page 8: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

CAIXA ALTA

caixa baixaCorresponde ao conjunto de caracteres em letras maiúsculas.

Corresponde ao conjunto de caracteres em letras minúsculas.

Page 9: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 10: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 11: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

O que alterar?

Corpo

Corpo 100ptstopo da versal

limite inferiorlinha das descendentes

altura-x

linha de base

Altura-x - Eixo que define a altura das minúsculas, correspondente a altura da letra x minúscula.

Altura da Versal - Eixo que define a altura das maiúsculas

Linha de base (Baseline) - Eixo sobre o qual repousam todas as letras

altura do corpo

100 pontos

Page 12: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

CAIXA ALTA

caixa baixaCorresponde ao conjunto de caracteres em letras maiúsculas.

Corresponde ao conjunto de caracteres em letras minúsculas.

O que alterar?

Page 13: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

O que alterar?

VERSAL

versaleteOutra designação para as maiúsculas.

Caractere maiúsculo com a mesma altura das minúsculas (altura x).

Page 14: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Versal

Versal

versalete

versalete

altura-x

altura-x

Versal e versaletetopo da versal

linha de base

O que alterar?

Page 15: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Tipologia – Como Usar

.Caixa Baixa e Caixa Alta

.Textura

.Personalidade

Page 16: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Tipologia – Como Usar

.Caixa Baixa e Caixa Alta

.Textura

.Personalidade

Page 17: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Tipologia – Como Usar

.Caixa Baixa e Caixa Alta

.Textura

.Personalidade

Page 18: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Fonte

Conjunto de caracteres daITC Garamond Book

Conjunto de caracteres daITC Garamond Italic

Page 19: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 20: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Família

Família tipográfica Helvetica (Max Miedinger, 1957) e suas variações.

Page 21: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Peso

Univers Light 30 ptsUnivers Regular 30 pts

Univers Bold 30 ptsUnivers Black 30 pts

Univers Light 30 ptsUnivers Regular 30 ptsUnivers Bold 30 ptsUnivers Black 30 pts

Variações de peso da famíliaUnivers (Adrian Frutiger, 1954)

Page 22: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Largura

Univers Condensed 30 ptsUnivers Regular 30 pts

Univers Extended 30 pts

UniversUniversUnivers

Variações de largura da famíliaUnivers (Adrian Frutiger, 1954)

Univers Compressed 30pts

Univers

Page 23: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

InclinaçãoHelvetica Regular 40pts

Adobe Garamond Pro Regular 40pts

Helvetica Oblique 40pts

Adobe Garamond Pro Italic 40pts

Variações de inclinação da família Helvetica (Max Miedinger, 1957)

Variações de inclinação da família Adobe Garamond Pro Baseada nos tipos de Claude Garamond, cerca de 1550

Page 24: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Tipologia – Classificações

.Com serifa

.Sem serifa

Page 25: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

DUPLAde fontes

Dica:

Page 26: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Video

History of typography

Page 27: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 28: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 29: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 30: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

SoiS idiotaS.y vueStro profeSor, imbécil

uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08

Sois idiotas.Y vuestro

profesor, imbécil

Page 31: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Page 32: Aula Tipografia > Com. Gráfica

COMUNICAÇÃO GRÁFICADiogo Maduell

Video

trajan is the movie font