SlideShare uma empresa Scribd logo
1 de 48
Informática para Internet - Aula 08
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.
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.
Tipo • Fonte • Tipografia
Anatomia do tipo
• Aspecto prático • Aspecto visual
Anatomia do tipo
• Aspecto prático • Aspecto visual
Anatomia do tipo
• Aspecto prático • Aspecto visual
Anatomia do tipo
• Aspecto prático • Aspecto visual
Classificação
Tipográfica
Sem serifa (Bastão)
Com serifa (Egipciana)
Elzevir (Serifa triangular)
Didot (Serifa simples)
Cursivas
Dingbats
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
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
Tipografia de leitura contínua ou de longa
durabilidade
Tipografia de leitura contínua ou de longa
durabilidade
Tipografia de
leitura
contínua ou
de longa
durabilidade
Tipografia de leitura contínua ou de longa
durabilidade
Tipografia
efêmera ou de
impacto
Tipografia
efêmera ou de
impacto
Tipografia efêmera ou de impacto
Kerning
Ajustamento 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.
Kerning
Leading
Tracking
Regra 1
Para uma legibilidade máxima,
escolha Tipos Clássicos e testados ao
longo do tempo, com um “cadastro”
comprovado.
Regras tipográficas
Regras tipográficas
Regra 1
Regras tipográficas
Regra 2
Um texto composto somente em
caixa-alta atrasa muito a leitura.
Utilize caixa-alta e baixa para obter a
melhor leiturabilidade possível.
Regras tipográficas
Regra 3
Tenha o bom senso de não utilizar
demasiados Tipos diferentes ao
mesmo tempo.
Regras tipográficas
Regra 3
Regras tipográficas
Regra 4
Realce os elementos no texto com
discrição e sem perturbar o fluxo da
leitura. No design, menos é mais.
Regras tipográficas
Regra 4
Regras tipográficas
Regra 5
Utilize comprimentos de linha
adequados. As linhas demasiado
curtas ou compridas prejudicam o
processo de leitura.
Regras tipográficas
Regra 5
Tipografia na
publicidade
Informática para Internet - Aula 08
Informática para Internet - Aula 08
Informática para Internet - Aula 08
Informática para Internet - Aula 08
Tipografia como arte
Tipografia como arte
Tipografia como arte
Tipografia na
construção de Marcas
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.
Os pecados tipográficos
Fazer arranjos arbitrários nos
quais a composição visual
supere a mensagem.
Os pecados tipográficos
Imprimir a tipografia sobre
fundo que chama a atenção e
perturbar a concentração do
leitor.
Os pecados tipográficos
Achar chato ler, examinar ou
entender o que o texto diz,
antes de fazer o layout.
Os pecados tipográficos
Brincar com os tipos só pra ser
diferente, inventivo, criativo.
Referências
Edição e Design, Jan White
Guia de Tipos, Manuel Sousa
Produção Gráfica, Lorenzo Baer
pt.wikipedia.org
Obrigado!

Mais conteúdo relacionado

Destaque (9)

Aula2
Aula2Aula2
Aula2
 
Aula0 - Inglês Istrumental 1
Aula0 - Inglês Istrumental 1Aula0 - Inglês Istrumental 1
Aula0 - Inglês Istrumental 1
 
TEACHING PHONOLOGY FROM A DISCURSIVE PERSPECTIVE
TEACHING PHONOLOGY FROM A DISCURSIVE PERSPECTIVETEACHING PHONOLOGY FROM A DISCURSIVE PERSPECTIVE
TEACHING PHONOLOGY FROM A DISCURSIVE PERSPECTIVE
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Pragmatics
PragmaticsPragmatics
Pragmatics
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
A TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOP
A TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOPA TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOP
A TIPOGRAFIA EM ANÚNCIOS + EXERCÍCIO PHOTOSHOP
 
Tipografia
Tipografia Tipografia
Tipografia
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 

Semelhante a Informática para Internet - Aula 08

AULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIAAULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIAEd Marcos
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/Luedy Costa
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Wunderman
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualAndrea Castro
 

Semelhante a Informática para Internet - Aula 08 (8)

Aula 4 TIPOLOGIA
Aula 4   TIPOLOGIAAula 4   TIPOLOGIA
Aula 4 TIPOLOGIA
 
Tipografia
TipografiaTipografia
Tipografia
 
AULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIAAULA 2 - TIPOLOGIA
AULA 2 - TIPOLOGIA
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Tipografia
TipografiaTipografia
Tipografia
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 

Mais de Anderson Andrade

Informática para Internet - Informática Aplicada - Aula 11
Informática para Internet - Informática Aplicada - Aula 11Informática para Internet - Informática Aplicada - Aula 11
Informática para Internet - Informática Aplicada - Aula 11Anderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 10
Informática para Internet - Informática Aplicada - Aula 10Informática para Internet - Informática Aplicada - Aula 10
Informática para Internet - Informática Aplicada - Aula 10Anderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 09
Informática para Internet - Informática Aplicada - Aula 09Informática para Internet - Informática Aplicada - Aula 09
Informática para Internet - Informática Aplicada - Aula 09Anderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 08
Informática para Internet - Informática Aplicada - Aula 08Informática para Internet - Informática Aplicada - Aula 08
Informática para Internet - Informática Aplicada - Aula 08Anderson Andrade
 
Informática para Internet - Desenvolvimento e Design para Web - Seminários
Informática para Internet - Desenvolvimento e Design para Web - Seminários Informática para Internet - Desenvolvimento e Design para Web - Seminários
Informática para Internet - Desenvolvimento e Design para Web - Seminários Anderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 07
Informática para Internet - Informática Aplicada - Aula 07Informática para Internet - Informática Aplicada - Aula 07
Informática para Internet - Informática Aplicada - Aula 07Anderson Andrade
 
Informática para Internet - Informática Aplicada - Seminários
Informática para Internet - Informática Aplicada - SemináriosInformática para Internet - Informática Aplicada - Seminários
Informática para Internet - Informática Aplicada - SemináriosAnderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 06
Informática para Internet - Informática Aplicada - Aula 06Informática para Internet - Informática Aplicada - Aula 06
Informática para Internet - Informática Aplicada - Aula 06Anderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 05
Informática para Internet - Informática Aplicada - Aula 05Informática para Internet - Informática Aplicada - Aula 05
Informática para Internet - Informática Aplicada - Aula 05Anderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 04
Informática para Internet - Informática Aplicada - Aula 04Informática para Internet - Informática Aplicada - Aula 04
Informática para Internet - Informática Aplicada - Aula 04Anderson Andrade
 
Simulado AV1 - Desenvolvimento e Design de Web Sites
Simulado AV1 - Desenvolvimento e Design de Web SitesSimulado AV1 - Desenvolvimento e Design de Web Sites
Simulado AV1 - Desenvolvimento e Design de Web SitesAnderson Andrade
 
Informática para Internet - Informática Aplicada - Aula 01
Informática para Internet - Informática Aplicada - Aula 01Informática para Internet - Informática Aplicada - Aula 01
Informática para Internet - Informática Aplicada - Aula 01Anderson Andrade
 
Informática para Internet - Aula 10
Informática para Internet - Aula 10Informática para Internet - Aula 10
Informática para Internet - Aula 10Anderson Andrade
 
Informática para Internet - Aula 09
Informática para Internet - Aula 09Informática para Internet - Aula 09
Informática para Internet - Aula 09Anderson Andrade
 
Informática para Internet - Aula 05
Informática para Internet - Aula 05Informática para Internet - Aula 05
Informática para Internet - Aula 05Anderson Andrade
 
Informática para Internet - Aula 07
Informática para Internet - Aula 07Informática para Internet - Aula 07
Informática para Internet - Aula 07Anderson Andrade
 
Informática para Internet - Aula 06
Informática para Internet - Aula 06Informática para Internet - Aula 06
Informática para Internet - Aula 06Anderson Andrade
 
Informática para Internet - Aula 04
Informática para Internet - Aula 04Informática para Internet - Aula 04
Informática para Internet - Aula 04Anderson Andrade
 
Informática para Internet - Aula 03
Informática para Internet - Aula 03Informática para Internet - Aula 03
Informática para Internet - Aula 03Anderson Andrade
 
Informática para Internet - Aula 02
Informática para Internet - Aula 02Informática para Internet - Aula 02
Informática para Internet - Aula 02Anderson Andrade
 

Mais de Anderson Andrade (20)

Informática para Internet - Informática Aplicada - Aula 11
Informática para Internet - Informática Aplicada - Aula 11Informática para Internet - Informática Aplicada - Aula 11
Informática para Internet - Informática Aplicada - Aula 11
 
Informática para Internet - Informática Aplicada - Aula 10
Informática para Internet - Informática Aplicada - Aula 10Informática para Internet - Informática Aplicada - Aula 10
Informática para Internet - Informática Aplicada - Aula 10
 
Informática para Internet - Informática Aplicada - Aula 09
Informática para Internet - Informática Aplicada - Aula 09Informática para Internet - Informática Aplicada - Aula 09
Informática para Internet - Informática Aplicada - Aula 09
 
Informática para Internet - Informática Aplicada - Aula 08
Informática para Internet - Informática Aplicada - Aula 08Informática para Internet - Informática Aplicada - Aula 08
Informática para Internet - Informática Aplicada - Aula 08
 
Informática para Internet - Desenvolvimento e Design para Web - Seminários
Informática para Internet - Desenvolvimento e Design para Web - Seminários Informática para Internet - Desenvolvimento e Design para Web - Seminários
Informática para Internet - Desenvolvimento e Design para Web - Seminários
 
Informática para Internet - Informática Aplicada - Aula 07
Informática para Internet - Informática Aplicada - Aula 07Informática para Internet - Informática Aplicada - Aula 07
Informática para Internet - Informática Aplicada - Aula 07
 
Informática para Internet - Informática Aplicada - Seminários
Informática para Internet - Informática Aplicada - SemináriosInformática para Internet - Informática Aplicada - Seminários
Informática para Internet - Informática Aplicada - Seminários
 
Informática para Internet - Informática Aplicada - Aula 06
Informática para Internet - Informática Aplicada - Aula 06Informática para Internet - Informática Aplicada - Aula 06
Informática para Internet - Informática Aplicada - Aula 06
 
Informática para Internet - Informática Aplicada - Aula 05
Informática para Internet - Informática Aplicada - Aula 05Informática para Internet - Informática Aplicada - Aula 05
Informática para Internet - Informática Aplicada - Aula 05
 
Informática para Internet - Informática Aplicada - Aula 04
Informática para Internet - Informática Aplicada - Aula 04Informática para Internet - Informática Aplicada - Aula 04
Informática para Internet - Informática Aplicada - Aula 04
 
Simulado AV1 - Desenvolvimento e Design de Web Sites
Simulado AV1 - Desenvolvimento e Design de Web SitesSimulado AV1 - Desenvolvimento e Design de Web Sites
Simulado AV1 - Desenvolvimento e Design de Web Sites
 
Informática para Internet - Informática Aplicada - Aula 01
Informática para Internet - Informática Aplicada - Aula 01Informática para Internet - Informática Aplicada - Aula 01
Informática para Internet - Informática Aplicada - Aula 01
 
Informática para Internet - Aula 10
Informática para Internet - Aula 10Informática para Internet - Aula 10
Informática para Internet - Aula 10
 
Informática para Internet - Aula 09
Informática para Internet - Aula 09Informática para Internet - Aula 09
Informática para Internet - Aula 09
 
Informática para Internet - Aula 05
Informática para Internet - Aula 05Informática para Internet - Aula 05
Informática para Internet - Aula 05
 
Informática para Internet - Aula 07
Informática para Internet - Aula 07Informática para Internet - Aula 07
Informática para Internet - Aula 07
 
Informática para Internet - Aula 06
Informática para Internet - Aula 06Informática para Internet - Aula 06
Informática para Internet - Aula 06
 
Informática para Internet - Aula 04
Informática para Internet - Aula 04Informática para Internet - Aula 04
Informática para Internet - Aula 04
 
Informática para Internet - Aula 03
Informática para Internet - Aula 03Informática para Internet - Aula 03
Informática para Internet - Aula 03
 
Informática para Internet - Aula 02
Informática para Internet - Aula 02Informática para Internet - Aula 02
Informática para Internet - Aula 02
 

Informática para Internet - Aula 08