no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e...
Transcript of no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e...
![Page 1: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/1.jpg)
TipografiaLinguagem gráfica, dsg-1001Prof. Ricardo Artur Carvalho
noções básicas
![Page 2: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/2.jpg)
o que é?
![Page 3: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/3.jpg)
Tipos de madeira
Composição feita comclichês de madeira
Impressão tipográfica
![Page 4: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/4.jpg)
Tipos de metal
&“E” comercial,
também conhecido como Ampersand
Clichês de metal (chumbo)
![Page 5: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/5.jpg)
Imagens clichês
Imagens de florais em clichês de madeira
![Page 6: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/6.jpg)
1
4
7
2
5
8
3
6
9
![Page 7: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/7.jpg)
conceitos
![Page 8: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/8.jpg)
FamíliaConjunto de caracteres que guardam as mesmas características formais de seu desenho, independentemente de peso, inclinação e do corpo.
![Page 9: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/9.jpg)
Família
Família tipográfica Helvetica (Max Miedinger, 1957) e suas variações.
![Page 10: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/10.jpg)
FonteChamava-se fonte tipográfica o conjunto de caracteres em apenas um dos corpos dis po níveis. Hoje, como a tipografia digital possui um arquivo com todos os tamanhos, o termo fonte se confunde com o conceito de família.
![Page 11: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/11.jpg)
Fonte
Conjunto de caracteres daITC Garamond Book
Conjunto de caracteres daITC Garamond Italic
![Page 12: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/12.jpg)
CorpoDiz respeito ao tamanho do tipo, sendo definido pela altura dos clichês. O corpo é o tamanho que vai do ponto mais alto (da ascendente ou da versal) até o ponto mais baixo (descendente), com mais o acréscimo de algum espaço extra.
![Page 13: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/13.jpg)
Corpo
Corpo 100ptstopo da versal
limite inferiorlinha das descendentes
altura-xlinha 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úsculasLinha de base (Baseline) - Eixo sobre o qual repousam todas as letras
altura do corpo
100 pontos
![Page 14: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/14.jpg)
PesoDiz respeito às variações de densidade, ou seja, das diferentes espessuras no desenho dos tipos que compõem certafamília tipográfica.
![Page 15: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/15.jpg)
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 16: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/16.jpg)
LarguraVariação entre as larguras definem as variações condensandas (mais apertadas) ou expandidas (mais folgadas).
![Page 17: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/17.jpg)
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 18: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/18.jpg)
InclinaçãoVariações quanto a inclinação dos tipos.Definem se o tipo é Regular (Romano no caso de alguns tipos com serifas) ou Itálico (Oblíquo no caso de alguns tipos sem serifas).Cabe ressaltar que na maioria dos tipos serifados há diferença também nos desenhos dos tipos, além da inclinação.
![Page 19: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/19.jpg)
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 20: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/20.jpg)
VariaçõesAs famílias tipográficas apresentam vari -ações em relação ao corpo, largura, peso e inclinação.
![Page 21: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/21.jpg)
Amostra das variações da família Univers,desenvolvida por Adrian Frutiger em 1957
Variações
![Page 22: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/22.jpg)
Variações
45 55
65
75
53 63
73
83
46 56
66
76
47 57
67
48 58
68
39 49
59
![Page 23: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/23.jpg)
VariaçõesEstendida
Regular
Light
Bold
Black
ItálicoExtra-black
Regular Condensada
Comprimida
Frutiger criou um sistema numéricopara classificaras variações da família tipográfica
45 55
65
75
53 63
73
83
46 56
66
76
47 57
67
48 58
68
39 49
59
![Page 24: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/24.jpg)
CAIXA ALTA
caixa baixaCorresponde ao conjunto de caracteres em letras maiúsculas.
Corresponde ao conjunto de caracteres em letras minúsculas.
![Page 25: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/25.jpg)
Caixas ALTA e baixa
![Page 26: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/26.jpg)
VERSAL
versaleteOutra designação para as maiúsculas.
Caractere maiúsculo com a mesma altura das minúsculas (altura x).
![Page 27: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/27.jpg)
VERSALVERSAL
versalete
versalete
altura-x
altura-x
Versal e versaletetopo da versal
linha de base
![Page 28: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/28.jpg)
anatomia
![Page 29: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/29.jpg)
Anatomia
A MEápice
oco montante
montante
vérticeserifa serifa
braçohaste
serifa serifa
serifa
barra
![Page 30: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/30.jpg)
Q gdbojo
oco oco
cauda
barrigaorelha
ascendente
serifa
gancho
espora
Anatomia
![Page 31: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/31.jpg)
n pfdescendenteserifa
serifa
espora espora
haste haste
ombro barra
gancho
barriga
Anatomia
![Page 32: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/32.jpg)
Eaplex Aprojeção
projeção projeção
eixo das ascendentes Versais
eixo das descendentesprojeção
altura-x
base
OBS. Quando o eixo das ascendentes for maior do que o topo das versais, a altura do corpo será definida pelas ascendentes.
Anatomia
![Page 33: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/33.jpg)
![Page 34: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/34.jpg)
NIEMEYER, Lucy. Tipografia: uma apresentação. 4a ed.Teresópolis, 2AB, 2010.
Typortum Blog (imagens): http://blog.typoretum.co.uk/
Helvetica (filme): HUSTWIT, Gary. Helvetica, Swiss Dots, Veer, Alemanha, Bélgica, Estados Unidos, França, Holanda, Inglaterra e Suíça. 2007 (81 min.)
Referências
<<
<<
>>
![Page 35: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/35.jpg)
LUPTON, Ellen. Pensar com tipos: guia para designers, editores e estudantes. [trad. André Storlaski]. São Paulo: Cosac Naify. 2004
ROCHA, Claudio. Projeto tipográfico: análise e produção de fontes digitais. [2ª edição] São Paulo: Rosari. 2003
Bibliografia auxiliar
![Page 36: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/36.jpg)
Esta apresentação foi diagramada numa grid de 6x6 para a aula de linguagem gráfica utili-zando o InDesign CS5 e publicada em PDF.
As pricipais famílias tipográficas utilizadas:
LF Thesis Sans (Bold)(desenhada por Lucas de Groot, 1994)
LF Thesis Serif (Bold e Bold Italic)(desenhada por Lucas de Groot, 1994)
Informações
![Page 37: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto](https://reader034.fdocument.pub/reader034/viewer/2022052520/6070a9b83a67674a5900d097/html5/thumbnails/37.jpg)
exercícios