Tipografia - versão 2.0
-
Upload
lo-ammi-santos -
Category
Design
-
view
246 -
download
1
description
Transcript of Tipografia - versão 2.0
![Page 1: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/1.jpg)
Lo-Ammi Santos
![Page 2: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/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 - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/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 - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/4.jpg)
Anatomia do tipo
![Page 5: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/5.jpg)
Anatomia do tipo
![Page 6: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/6.jpg)
Anatomia do tipo
![Page 7: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/7.jpg)
Anatomia do tipo
![Page 8: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/8.jpg)
![Page 9: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/9.jpg)
Classifi cação Tipográfi ca
Sem serifa (Bastão)
Com serifa (Egipciana)
Elzevir (Serifa triangular)
Didot (Serifa simples)
![Page 10: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/10.jpg)
Legibilidade e Leiturabilidade
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.
![Page 11: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/11.jpg)
Legibilidade e Leiturabilidade
Tipografia de leitura contínua ou de longa durabilidade•Livros•Jornais•Revistas•Manuais•Hipertexto
Tipografia efêmera ou de impacto•Cartazes•Capas•Logotipos•Embalagens•Anúncios•Sinalização
![Page 12: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/12.jpg)
Tipografia de leitura contínua ou de longa durabilidade
![Page 13: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/13.jpg)
Tipografia efêmera ou de impacto
![Page 14: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/14.jpg)
Kerning
![Page 15: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/15.jpg)
Kerning
TonAve
![Page 16: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/16.jpg)
EntrelinhamentoPudantis et faceatibus unt aliqui illuptatate conem landuntur, eictur?Fugitat emporpo reicimolut qui dolupti alicienima niet aliquam, officit rentus rehendi orporro rerspel il magniaecusam quatur? Qui quam, susape nonsenda vellabora qui vellaborate inus nes eum et erferiat.et est doluptae. Corempeditae num im laborror sum as molupta tempore la vent, nos moloreprate que landipidel iduciis nullaborum volore verum nullest, volo tet, si con rem quam volecate es santi te dolut estia cusam quunt.tium accus es nest, experum quunt quosandenis voluptiant.
Pudantis et faceatibus unt aliqui illuptatate conem landuntur, eictur?Fugitat emporpo reicimolut qui dolupti alicienima
![Page 17: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/17.jpg)
Pudantis et faceatibus unt aliqui illuptatate conem landuntur, eictur?Fugitat emporpo reicimolut qui dolupti alicienima niet aliquam, officit rentus rehendi orporro rerspel il magniaecusam quatur? Qui quam, susape nonsenda vellabora qui vellaborate inus nes eum et erferiat.et est doluptae. Corempeditae num im laborror sum as molupta tempore la vent, nos moloreprate que landipidel iduciis nullaborum volore verum nullest, volo tet, si con rem quam volecate es santi te dolut estia cusam quunt.tium accus es nest, experum quunt quosandenis voluptiant.
Entrelinhamento
![Page 18: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/18.jpg)
Tipografia como conteúdo
Palavras também são figuras. A tipografia pode ser transformada em imagem através de diversas abordagens. Cada uma delas oferece uma nova via de exploração, e muitas podem ser adequadas tanto para a comunicação desejada quanto para aspectos formais da própria tipografia.
![Page 19: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/19.jpg)
Tipografia como conteúdo
Pictorialização
![Page 20: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/20.jpg)
Tipografia como conteúdo
Inclusão pictórica
![Page 21: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/21.jpg)
Tipografia como conteúdo
Desconstrução sintática
![Page 22: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/22.jpg)
Tipografia como conteúdo
Substituição de formas
![Page 23: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/23.jpg)
Tipografia como conteúdo
Alteração de formas
![Page 24: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/24.jpg)
Tipografia como conteúdo
Ornamentação
![Page 25: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/25.jpg)
Tipografia na Publicidade
![Page 26: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/26.jpg)
Tipografia na Publicidade
![Page 27: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/27.jpg)
Tipografia na Publicidade
![Page 28: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/28.jpg)
Tipografia na Publicidade
![Page 29: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/29.jpg)
Tipografia na Publicidade
![Page 30: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/30.jpg)
Tipografia na Publicidade
![Page 31: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/31.jpg)
Tipografia na Publicidade
![Page 32: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/32.jpg)
Tipografia na Publicidade
![Page 33: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/33.jpg)
Tipografia na Publicidade
![Page 34: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/34.jpg)
Tipografia na Publicidade
![Page 35: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/35.jpg)
Tipografia na construção de Marcas
![Page 36: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/36.jpg)
Os pecados tipográficos
“Para um leitor, a coisa mais fácil de fazer é parar de ler.”
Barney Kilgore
![Page 37: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/37.jpg)
Os pecados tipográficos
1. Fazer arranjos arbitrários nos quais a composição visual supere a mensagem.
![Page 38: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/38.jpg)
Os pecados tipográficos
2. Imprimir a tipografia sobre fundo que chama a atenção e pertuba a concentração do leitor.
![Page 39: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/39.jpg)
Os pecados tipográficos
3. Achar chato ler, examinar ou entender o que o texto diz, antes de fazer o layout.
![Page 40: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/40.jpg)
Os pecados tipográficos
4. Brincar com os tipos só pra ser diferente, inventivo, criativo.
![Page 41: Tipografia - versão 2.0](https://reader033.fdocument.pub/reader033/viewer/2022050922/557b4e48d8b42a13388b52f6/html5/thumbnails/41.jpg)
ReferênciasEdição e Design, Jan WhiteGuia de Tipos, Manuel SousaProdução Gráfica, Lorenzo BaerGuia de Design Editorial, Timothy Samarapt.wikipedia.org
obrigado!