41
Lo-Ammi Santos

Tipografia - versão 2.0

Embed Size (px)

DESCRIPTION

Fundamentos de Tipografia

Citation preview

Page 1: Tipografia - versão 2.0

Lo-Ammi Santos

Page 2: Tipografia - versão 2.0

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

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

Anatomia do tipo

Page 5: Tipografia - versão 2.0

Anatomia do tipo

Page 6: Tipografia - versão 2.0

Anatomia do tipo

Page 7: Tipografia - versão 2.0

Anatomia do tipo

Page 8: Tipografia - versão 2.0
Page 9: Tipografia - versão 2.0

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

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

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

Tipografia de leitura contínua ou de longa durabilidade

Page 13: Tipografia - versão 2.0

Tipografia efêmera ou de impacto

Page 14: Tipografia - versão 2.0

Kerning

Page 15: Tipografia - versão 2.0

Kerning

TonAve

Page 16: Tipografia - versão 2.0

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

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

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

Tipografia como conteúdo

Pictorialização

Page 20: Tipografia - versão 2.0

Tipografia como conteúdo

Inclusão pictórica

Page 21: Tipografia - versão 2.0

Tipografia como conteúdo

Desconstrução sintática

Page 22: Tipografia - versão 2.0

Tipografia como conteúdo

Substituição de formas

Page 23: Tipografia - versão 2.0

Tipografia como conteúdo

Alteração de formas

Page 24: Tipografia - versão 2.0

Tipografia como conteúdo

Ornamentação

Page 25: Tipografia - versão 2.0

Tipografia na Publicidade

Page 26: Tipografia - versão 2.0

Tipografia na Publicidade

Page 27: Tipografia - versão 2.0

Tipografia na Publicidade

Page 28: Tipografia - versão 2.0

Tipografia na Publicidade

Page 29: Tipografia - versão 2.0

Tipografia na Publicidade

Page 30: Tipografia - versão 2.0

Tipografia na Publicidade

Page 31: Tipografia - versão 2.0

Tipografia na Publicidade

Page 32: Tipografia - versão 2.0

Tipografia na Publicidade

Page 33: Tipografia - versão 2.0

Tipografia na Publicidade

Page 34: Tipografia - versão 2.0

Tipografia na Publicidade

Page 35: Tipografia - versão 2.0

Tipografia na construção de Marcas

Page 36: Tipografia - versão 2.0

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

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

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

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

Os pecados tipográficos

4. Brincar com os tipos só pra ser diferente, inventivo, criativo.

Page 41: Tipografia - versão 2.0

ReferênciasEdição e Design, Jan WhiteGuia de Tipos, Manuel SousaProdução Gráfica, Lorenzo BaerGuia de Design Editorial, Timothy Samarapt.wikipedia.org

obrigado!