tipografia
DESCRIPTION
Aula sobre tipografia. Anatomia dos tipos. Tipografia na Publicidade. Design editorial.TRANSCRIPT
![Page 1: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/1.jpg)
![Page 2: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/2.jpg)
O que é tipografia? Do grego, typographia - escrita com tipos.
Composição de um texto usando símbolos alfabéticos, numéricos e de pontuação com o objetivo de reproduzi-lo múltiplas vezes, minimizando esforço e custo.
![Page 3: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/3.jpg)
O que é tipografia?
Processo desde a criação dos caracteres à sua composição e impressão, de modo que resulte num produto gráfico ao mesmo tempo adequado, legível e agradável.
![Page 4: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/4.jpg)
Tipo • Fonte • Tipografia
![Page 5: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/5.jpg)
Anatomia do tipo• Aspecto prático • Aspecto visual
![Page 6: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/6.jpg)
Anatomia do tipo• Aspecto prático • Aspecto visual
![Page 7: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/7.jpg)
Anatomia do tipo• Aspecto prático • Aspecto visual
![Page 8: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/8.jpg)
Anatomia do tipo• Aspecto prático • Aspecto visual
![Page 9: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/9.jpg)
Classificação TipográficaSem serifa (Bastão)Com serifa (Egipciana)Elzevir (Serifa triangular)Didot (Serifa simples)
![Page 10: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/10.jpg)
Cursivas
![Page 11: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/11.jpg)
Dingbats
![Page 12: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/12.jpg)
Legibilidade – refere-se ao aspecto geral de cada letra e a habilidade do leitor em distinguir uma das outras.
Leiturabilidade – refere-se a como o tipo se comporta em um texto.
Legibilidade e Leiturabilidade
![Page 13: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/13.jpg)
Tipografia de leitura contínua ou de longa durabilidade•Livros•Jornais•Revistas•Manuais•Hipertexto
Legibilidade e Leiturabilidade
Tipografia efêmera ou de impacto•Cartazes•Capas•Logotipos•Embalagens•Anúncios•Sinalização
![Page 14: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/14.jpg)
Tipografia de leitura contínua ou de longa durabilidade
![Page 15: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/15.jpg)
Tipografia de leitura contínua ou de longa durabilidade
![Page 16: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/16.jpg)
Tipografia de leitura contínua ou de longa durabilidade
![Page 17: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/17.jpg)
Tipografia de leitura contínua ou de longa durabilidade
![Page 18: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/18.jpg)
Tipografia efêmera ou de impacto
![Page 19: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/19.jpg)
Tipografia efêmera ou de impacto
![Page 20: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/20.jpg)
Tipografia efêmera ou de impacto
![Page 21: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/21.jpg)
KerningAjustamento individual do espaço entre duas letras, para compensar o excesso ou a escassez de espaço entre as mesmas, derivados do desenho desses caracteres em particular.
![Page 22: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/22.jpg)
Kerning
![Page 23: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/23.jpg)
Leading
![Page 24: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/24.jpg)
Tracking
![Page 25: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/25.jpg)
Regra 1 Para uma legibilidade máxima, escolha Tipos Clássicos e testados ao longo do tempo, com um “cadastro” comprovado.
Regras tipográficas
![Page 26: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/26.jpg)
Regras tipográficasRegra 1
![Page 27: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/27.jpg)
Regras tipográficasRegra 2 Um texto composto somente em caixa-alta atrasa muito a leitura. Utilize caixa-alta e baixa para obter a melhor leiturabilidade possível.
![Page 28: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/28.jpg)
Regras tipográficasRegra 3 Tenha o bom senso de não utilizardemasiados Tipos diferentes ao mesmo tempo.
![Page 29: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/29.jpg)
Regras tipográficasRegra 3
![Page 30: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/30.jpg)
Regras tipográficasRegra 4 Realce os elementos no texto com discrição e sem perturbar o fluxo da leitura. No design, menos é mais.
![Page 31: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/31.jpg)
Regras tipográficasRegra 4
![Page 32: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/32.jpg)
Regras tipográficasRegra 5 Utilize comprimentos de linha adequados. As linhas demasiado curtas ou compridas prejudicam o processo de leitura.
![Page 33: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/33.jpg)
Regras tipográficasRegra 5
![Page 34: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/34.jpg)
Tipografia na publicidade
![Page 35: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/35.jpg)
![Page 36: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/36.jpg)
![Page 37: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/37.jpg)
![Page 38: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/38.jpg)
![Page 39: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/39.jpg)
Tipografia como arte
![Page 40: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/40.jpg)
Tipografia como arte
![Page 41: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/41.jpg)
Tipografia como arte
![Page 42: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/42.jpg)
Tipografia na construção de Marcas
![Page 43: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/43.jpg)
Os pecados tipográficos
"Para um leitor, a coisa mais fácil de fazer é parar de ler.” Barney Kilgore, legendário editor do Wall Street Journal, 1941-1966.
![Page 44: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/44.jpg)
Os pecados tipográficos
Fazer arranjos arbitrários nos quais a composição visual supere a mensagem.
![Page 45: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/45.jpg)
Os pecados tipográficos
Imprimir a tipografia sobre fundo que chama a atenção e pertuba a concentração do leitor.
![Page 46: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/46.jpg)
Os pecados tipográficos
Achar chato ler, examinar ou entender o que o texto diz, antes de fazer o layout.
![Page 47: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/47.jpg)
Os pecados tipográficos
Brincar com os tipos só pra ser diferente, inventivo, criativo.
![Page 48: Tipografia](https://reader033.vdocuments.pub/reader033/viewer/2022061112/54572411af7959c6788b69e4/html5/thumbnails/48.jpg)
ReferênciasEdição e Design, Jan White
Guia de Tipos, Manuel SousaProdução Gráfica, Lorenzo Baer
pt.wikipedia.org
Obrigado!@loammisantos