aula tipografia > com. gráfica
DESCRIPTION
Para essa aula forma usados slides de uma apresentação de Ricardo Arthur Pereira sobre tipografia. http://ricardoartur.com.br/aulasTRANSCRIPT
![Page 1: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/1.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
carada linguagem
A tipografia é a
![Page 2: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/5.jpg)
Tipos são fala tornada visível.
Abra os olhos e escute.
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 6: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/7.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
Caixas ALTA e baixa
![Page 8: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/9.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 10: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/10.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 11: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/15.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
Tipologia – Como Usar
.Caixa Baixa e Caixa Alta
.Textura
.Personalidade
![Page 16: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/16.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
Tipologia – Como Usar
.Caixa Baixa e Caixa Alta
.Textura
.Personalidade
![Page 17: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/17.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
Tipologia – Como Usar
.Caixa Baixa e Caixa Alta
.Textura
.Personalidade
![Page 18: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/19.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 20: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/24.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
Tipologia – Classificações
.Com serifa
.Sem serifa
![Page 25: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/25.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
DUPLAde fontes
Dica:
![Page 26: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/26.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
Video
History of typography
![Page 27: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/27.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 28: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/28.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 29: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/29.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 30: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/30.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/31.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
![Page 32: Aula Tipografia > Com. Gráfica](https://reader034.vdocuments.site/reader034/viewer/2022051413/559240cd1a28abca598b46d3/html5/thumbnails/32.jpg)
COMUNICAÇÃO GRÁFICADiogo Maduell
Video
trajan is the movie font