tipografia - unip.br
TRANSCRIPT
![Page 1: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/1.jpg)
CPG 1
TIPOGRAFIA
![Page 2: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/2.jpg)
CPG 2
Tipografia
• Importância da Tipografia no Projeto Gráfico
• Estrutura do caractere • Classificação por família • Características dos Tipos • Considerações na escolha da Tipografia
![Page 3: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/3.jpg)
CPG 3
Importância da Tipografia no projeto
A Tipografia transmite personalidade a uma peça gráfica.
Cada família de fonte, cada tipo de letra transmite um conceito.
![Page 4: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/4.jpg)
CPG 4
Estrutura do Caractere
![Page 5: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/5.jpg)
CPG 5
Classificação por Família Romana Antiga • Inspirada na escrita monumental romana, produz um contraste
entre as hastes e as suas serifas TRIANGULARES. • Proporciona ao leitor um inconsciente descanso visual, decorrente
do contraste harmonioso da levesa dos desenhos das serifas. Utilização • área editorial com grandes volumes de texto, alcançando o maior
grau de legibilidade entre as famílias.
![Page 6: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/6.jpg)
CPG 6
Classificação por Família Romana Moderna • Inspirada na evolução dos romanos clássicos, em que os
desenhistas acentuavam o contraste entre as hastes e substituíram as serifas de forma triangulares por aparas RETILÍNEAS nas extremidades, trazendo uma sensível melhora na legibilidade das letras, tornando-as mais belas e leves.
Utilização • esteticamente agradáveis, mas frágeis pelas hastes muito finas.
![Page 7: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/7.jpg)
CPG 7
Classificação por Família Egípcia • Criada na evolução industrial, tem como característica principal, a
uniformidade nas hastes e serifas retangulares. Utilização • Pela força causada por suas hastes, esta família pode ser usada
onde é necessário transmiti vitalidade, principalmente em títulos. Desaconselhada para textos longos por torná-los pesados demais.
![Page 8: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/8.jpg)
CPG 8
Classificação por Família Cursiva • Caracteres que não se encaixam em nenhuma das estruturas
anteriores, em letras sem parâmetros de classificação, com hastes e serifas livres, como caracteres góticos, manuscritos e com ornamentos em geral.
Utilização • a interferência usada na construção das letras dificultam a sua
legibilidade, deixando-as mais utilizadas em destaques e pontuações do material gráfico.
![Page 9: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/9.jpg)
CPG 9
Classificação por Família Lapidária • Proporciona caracteres com poucas variações em suas hastes e
não possue serifas, tornando textos mais visuais e mais legíveis. Utilização • recomendada para confecção da maioria dos textos publicitários e
de embalagens. Não recomendada para textos longos, pois a falta de contraste entre suas hastes a torna cansativa.
![Page 10: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/10.jpg)
CPG 10
Classificação por Série
Quanto à largura • Uma letra pode ser normal, condensada ou estendida.
![Page 11: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/11.jpg)
CPG 11
Classificação por Série
Quanto à tonalidade • Uma letra pode ser extralight, light, book, medium,
semi-bold, extra-bold.
![Page 12: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/12.jpg)
CPG 12
Classificação por Série
Quanto à inclinação • Uma letra pode ser redonda ou itálica.
![Page 13: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/13.jpg)
CPG 13
Classificação Onomástica
As fontes ou conjuntos de letras com a mesma característica são conhecidos por seus nomes e não por famílias.
Garamond, Futura, GillSans, Palatino, Helvética
![Page 14: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/14.jpg)
CPG 14
Considerações na Escolha da tipografia
Estética Apesar de subjetivo e pessoal. Não é aconselhável avaliar esse
tópico fora de um contexto de layout. Ver adequação. Um estudo minucioso de tipologia normalmente elimina a chance de erro.
Legibilidade Nível de leitura da tipologia. Também adequada ao projeto e ao
público-alvo. Adequação Há fontes que se comportam melhor em determinado trabalho que
em outros. O que vai ser determinado pela linguagem visual utilizada e por
fatores como público-alvo e natureza da mensagem.
![Page 15: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/15.jpg)
CPG 15
Considerações na Escolha da tipografia
Estética • Quantidade de tipologias • Unidade do layout • Conceito da peça
Serifadas: seriedade, clareza, concisão Não serifadas: refinamento, classe
![Page 16: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/16.jpg)
CPG 16
Considerações na Escolha da tipografia
Legibilidade • Maiúsculas X Minúsculas • Condensada X Expandida • Altura de X • Serifa X Sem serifa • Tamanho do corpo • Entrelinha
• Alinhamento • Kerning • Entreletras • Entre palavras • Massa de texto • Cor
![Page 17: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/17.jpg)
CPG 17
Considerações na Escolha da tipografia
Adequação • O que é o texto? É um título, um texto ou uma legenda de
rodapé? • Quem vai ler? São jovens audaciosos ou idosos cautelosos? • Qual a mídia? Jornal, revista, folheto, TV? • Onde se dá a ação da leitura? No carro, ônibus, trem, em casa,
na rua?
![Page 18: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/18.jpg)
CPG 18
Tamanho da letra – CORPO
O tamanho das letras é medido em pontos (1 ponto = 0,341mm) e é chamado de CORPO DA LETRA.
Fonte Arial Black, corpo 12
O tamanho das letras é medido em pontos (1 ponto = 0,341mm) e é chamado de CORPO DA LETRA.
Fonte Arial Black, corpo 16 O tamanho das letras é medido em pontos (1 ponto = 0,341mm) e é chamado de CORPO DA LETRA.
Fonte Arial Black, corpo 24 O tamanho das letras é medido em pontos (1 ponto = 0,341mm) e é chamado de CORPO DA LETRA.
Fonte Arial Black, corpo 36 O tamanho das letras é medido em pontos (1 ponto = 0,341mm) e é chamado de CORPO DA LETRA.
![Page 19: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/19.jpg)
CPG 19
Entrelinha
• A entrelinha é o espaço existente entre a base de uma linha para a base da próxima. Também é medido em pontos.
• Na teoria, a medida ideal para a entrelinha é 120% do corpo da fonte mas isso não impede a utilização de entrelinhas diferentes desse padrão.
ENTRELINHA NORMAL A entrelinha é o espaço existente entre a base de uma linha para a base da próxima. Também é medido em pontos. Na teoria, a medida ideal para a entrelinha é 120% do corpo da fonte mas isso não impede a utilização de entrelinhas diferentes desse padrão.
ENTRELINHA NORMAL A entrelinha é o espaço existente
entre a base de uma linha para a
base da próxima. Também é
medido em pontos.
ENTRELINHA NORMAL A entrelinha é o espaço existente entre a base de uma linha para a base da próxima. Também é medido em pontos. Na teoria, a medida ideal para a entrelinha é 120% do corpo da fonte mas isso não impede a utilização de entrelinhas diferentes desse padrão.
![Page 20: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/20.jpg)
CPG 20
Entre-letra X Kerning
Há uma diferença entre espaço entre-letra e o kerning.
• O espaço entre letra é a distância entre as letras de uma mesma palavra. No espaço entre-letras a distância entre as letras é igualmente distribuído.
• Já o kerning é o encaixe de letras como o “A” e o “T” para evitar deixar espaços em branco entre as letras. A distância entre as letras pode ser diferente, seguindo uma lógica visual.
![Page 21: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/21.jpg)
CPG 21
Entre-parágrafo
• Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
![Page 22: TIPOGRAFIA - UNIP.br](https://reader035.vdocuments.pub/reader035/viewer/2022080215/62e81078b4c3e248022a3375/html5/thumbnails/22.jpg)
CPG 22
Alinhamento de textos
• Há, basicamente, quatro tipos de alinhamento. Cada um deles com suas características quanto à legibilidade e à beleza em um layout.
• Normalmente, o de melhor leitura é o alinhamento à esquerda. Alinhamentos como à direita e centralizado prejudicam a leitura, apesar de deixar um texto curto mais bonito. Já o texto blocado tem uma leitura um pouco melhor, mas pode acarretar em espaços muito grandes entre as palavras.
ESQUERDA A entrelinha é o espaço existente entre a base de uma linha para a base da próxima. Também é medido em pontos. Na teoria, a medida ideal para a entrelinha é 120% do corpo da fonte mas isso não impede a utilização de entrelinhas diferentes desse padrão.
CENTRALIZADO A entrelinha é o espaço existente entre a base de uma linha para a
base da próxima. Também é medido em pontos.
Na teoria, a medida ideal para a entrelinha é 120% do corpo da fonte mas isso não impede a utilização de entrelinhas diferentes desse padrão.
DIREITA A entrelinha é o espaço existente entre a base de uma linha para a
base da próxima. Também é medido em pontos.
Na teoria, a medida ideal para a entrelinha é 120% do corpo da fonte mas isso não impede a utilização de entrelinhas diferentes desse padrão.
BLOCADO A entrelinha é o espaço existente entre a base de uma linha para a base da próxima. Também é medido em pontos. Na teoria, a medida ideal para a entrelinha é 120% do corpo da fonte mas isso não impede a utilização de entrelinhas diferentes desse padrão.