editoração
em
jornalismo
impresso
Aula 2 - tipologia
tipologia
 Fonte (vem do latim fundir). Técnica utilizada para
fundir tipos de metal
 Fonte e tipo são sinônimos.
 Família são as variações que uma fonte oferece:
 Um mesmo tipo pode ser:
-Itálico
-Bold
-Normal
-Medium
-Extra Bold
-Condensada
tipologia
 No dia-a-dia não é necessário conhecer as fontes pelos nomes,
uma vez que existem catálogos para isso.
 O importante, em tipologia, é saber o que combina e o que não
combina, entrelinhamento, espacejamento, contraste e
legibilidade
Tipos de fontes
 1-Antigo
 2-Moderno
 3-Serifado
 4-Não Serifado
 5-Manuscrito (ou cursivo)
 6-Decorativo (ou fantasia)
1 – Tipos ANTIGOS
 São as fontes que apresentam traços grossos e finos, num estilo clássico,
típico dos escrivães públicos, escritores jurídicos e letrados. É uma fonte
sempre serifada, de estilo formal.
 São indicados para textos longos, pois são mais confortáveis para a leitura
Exemplo de fonte antiga: GARAMOND
ANTIGO
Antigo
Exemplos de fontes ANTIGAS
Baskerville
Garamond
Goudy
2 – Tipos MODERNOS
 São uma evolução das fontes antigas, com espaçamento maior
entre os tipos e serifas mais finas e delicadas. São também mais
retas, com nítido contraste entre o traço e as serifas.
 Devem ser usadas com moderação no caso de textos longos, pois
podem prejudicar a leitura, por terem um espaçamento maior
Exemplos de tipos MODERNOS
Bodoni
Century Schollbook
Times
3 – Fontes Serifadas
 São aqueles tipos que apresentam uma “perninha” para acentuar
o contraste e facilitar a leitura
Exemplos de fontes SERIFADAS
Times New Roman
Bookman Old Style
Yu Mincho
4 – Fontes Não Serifadas
 São aquelas que não apresentam as “perninhas” e são utilizadas
para uma leitura rápida. Os tipos não-serifados geralmente são
elegantes e bonitos. Devem ser utilizadas observando-se o
contraste de pesos
 São indicadas para títulos
Exemplos de tipos NÃO SERIFADOS
Arial
Impact
Haettenschweiler
Lucida Sans
5 – Fontes Manuscritas
 Manuscritas (ou cursivas) são as fontes que imitam a escrita
humana.
 Devem ser evitadas em longos textos e jamais utilizadas em caixa
alta.
Exemplo de fontes MANUSCRITAS
Bradley Hand
Freestyle Script
Brackadder
6 – Tipos decorativos ou fantasia
 São tipos únicos, confeccionados geralmente com a intenção de
originalidade ou servir como índice de uma marca
 Devem ser utilizadas com critério
Exemplos de tipos FANTASIA
Classificação das fontes por série
Os tipos podem ser classificados por série:
 Largura
 Tonalidade
 Inclinação
Largura
normal condensada estendida
tonalidade
light medium bold
Inclinação
redonda Itálica
entrelinha
 É o espaço entre uma linha e outra. Esse simples intervalo pode
determinar uma boa diagramação ou uma diagramação de gosto
duvidoso. Se ela estiver “pesada”, pequena demais, pode levar o
leitor a desistir do texto
Exemplo de entrelinha
entrelinha #dicas
 Em textos longos, a entrelinha apertada desestimula o leitor.
 Por outro lado, o espaçamento demasiado também não é bem
vindo. Guie-se pelo bom senso.
 Em títulos, a entrelinha muito aberta é ruim Cuidado!!!
 O entrelinhamento deve ser uniforme ao longo de um texto.
Entrelinhas diferentes num mesmo parágrafo causam um resultado
desastroso.
espacejamento
 É o espaço entre uma letra e outra. Ele pode ser ótico ou mecânico
DESIGN ESPACEJAMENTO ÓTICO
D E S I G N ESPACEJAMENTO MECÂNICO
kerning
 É o encaixe de letras como o A e o T, com o intuito de diminuir os espaços
em branco entre as letras
CATARATA
entre-parágrafos
 É o espaço entre um parágrafo e outro. Em textos longos, é
recomendável que se use um espaço para arejar a leitura
Evite!!!
Viúvas –linha ou palavra curta perdida no final
de um parágrafo
Órfã –palavra ou linha curta, no final de uma
coluna, separada do parágrafo
Critérios para a escolha da tipologia
Experimentação
 O uso do computador permite ter uma rápida visualização do que vai ser
impresso. Pode-se imprimir as fontes e estudá-las separadamente e no
contexto do layout
Legibilidade
 É um excelente critério para guiar a confecção de uma publicação. Ler o
que está impresso é mais do que necessário. Por isso, fontes decorativas
devem ser extremamente evitadas.
Critérios para a escolha da tipologia
Fontes serifadas e não-serifadas
 Fontes sem serifa, pesadas, combinam com público masculino.
 Fontes serifadas, elegantes delicadas, combinam com público
feminino
Critérios para a escolha da tipologia
 As fontes serifadasquase sempre representam uma escolha certa quando
se trata de textos longos. No entanto, quando a fonte é pequena deve-se
ter cuidado quando o fundo é colorido. O registro da cor pode ser um
grande vilão nesse caso.
 Outra dica valiosa é a combinação entre fontes serifadas e não-serifadas.
Elas permitem um resultado excelente, principalmente quando utilizadas
em títulos
Critérios para a escolha da tipologia
 Opte por fontes com famílias extensas. Às vezes é possível utilizar
apenas uma fonte dentro de um trabalho, variando apenas a sua
série.
 Quando for preciso diagramar um texto longo num curto espaço, a
melhor opção é a Times, já que ela ocupa menor espaço
 Tipos em itálico e em caixa alta jamais devem ser utilizados, uma
vez que sua visualização é de gosto duvidoso
Tipologia na web
 Apesar de tudo, as melhor fontes para a web ainda são Times e
Arial, que permitem uma boa visibilidade, mas limitam o critério de
originalidade.
Tipologia na web #dicas
 Títulos, capitulares devem ser trabalhados como se fossem imagens
(GIF), para garantir a fidelidade daquilo que se pretende em
termos de tipologia.
 Para grandes massas de texto, o ideal ainda são as fontes Times e
Arial.
 Fontes serifadasnão devem ser escolhidas para textos muito
pequenos. Ao contrário do impresso, fontes serifadas, no vídeo,
perdem legibilidade.
 Quando precisar utilizar uma fonte serifada, utilize a Georgia, que
foi criada especialmente para uso em monitor de vídeo.
 Evite o uso de tipos itálicos no vídeo, pois a legibilidade não é boa.
Fontes utilizadas na web
Garamond
Tahoma
Trebruchet
Times
Arial
Bibliografia
 CESAR, Newton. Direção de Arte em Propaganda. 8. ed. São Paulo: Senac,
2006.
 PUC Goiás. Site Docente. Fontes Tipográficas. Disponível em:
http://professor.ucg.br/SiteDocente/admin/arquivosUpload/13187/material
/AULA_8_FONTES_TIPOGRAFIA_IMP.pdf
 VINTE E UM. Site sobre Design Gráfico. Conceitos Básicos. Disponível em:
http://vinteum.com/conceitos-basicos-parte-ii/
AULA 2 - TIPOLOGIA

AULA 2 - TIPOLOGIA

  • 1.
  • 2.
    tipologia  Fonte (vemdo latim fundir). Técnica utilizada para fundir tipos de metal  Fonte e tipo são sinônimos.  Família são as variações que uma fonte oferece:  Um mesmo tipo pode ser: -Itálico -Bold -Normal -Medium -Extra Bold -Condensada
  • 3.
    tipologia  No dia-a-dianão é necessário conhecer as fontes pelos nomes, uma vez que existem catálogos para isso.  O importante, em tipologia, é saber o que combina e o que não combina, entrelinhamento, espacejamento, contraste e legibilidade
  • 4.
    Tipos de fontes 1-Antigo  2-Moderno  3-Serifado  4-Não Serifado  5-Manuscrito (ou cursivo)  6-Decorativo (ou fantasia)
  • 5.
    1 – TiposANTIGOS  São as fontes que apresentam traços grossos e finos, num estilo clássico, típico dos escrivães públicos, escritores jurídicos e letrados. É uma fonte sempre serifada, de estilo formal.  São indicados para textos longos, pois são mais confortáveis para a leitura Exemplo de fonte antiga: GARAMOND ANTIGO Antigo
  • 6.
    Exemplos de fontesANTIGAS Baskerville Garamond Goudy
  • 7.
    2 – TiposMODERNOS  São uma evolução das fontes antigas, com espaçamento maior entre os tipos e serifas mais finas e delicadas. São também mais retas, com nítido contraste entre o traço e as serifas.  Devem ser usadas com moderação no caso de textos longos, pois podem prejudicar a leitura, por terem um espaçamento maior
  • 8.
    Exemplos de tiposMODERNOS Bodoni Century Schollbook Times
  • 9.
    3 – FontesSerifadas  São aqueles tipos que apresentam uma “perninha” para acentuar o contraste e facilitar a leitura
  • 10.
    Exemplos de fontesSERIFADAS Times New Roman Bookman Old Style Yu Mincho
  • 11.
    4 – FontesNão Serifadas  São aquelas que não apresentam as “perninhas” e são utilizadas para uma leitura rápida. Os tipos não-serifados geralmente são elegantes e bonitos. Devem ser utilizadas observando-se o contraste de pesos  São indicadas para títulos
  • 12.
    Exemplos de tiposNÃO SERIFADOS Arial Impact Haettenschweiler Lucida Sans
  • 13.
    5 – FontesManuscritas  Manuscritas (ou cursivas) são as fontes que imitam a escrita humana.  Devem ser evitadas em longos textos e jamais utilizadas em caixa alta.
  • 14.
    Exemplo de fontesMANUSCRITAS Bradley Hand Freestyle Script Brackadder
  • 15.
    6 – Tiposdecorativos ou fantasia  São tipos únicos, confeccionados geralmente com a intenção de originalidade ou servir como índice de uma marca  Devem ser utilizadas com critério
  • 16.
  • 17.
    Classificação das fontespor série Os tipos podem ser classificados por série:  Largura  Tonalidade  Inclinação
  • 18.
  • 19.
  • 20.
  • 21.
    entrelinha  É oespaço entre uma linha e outra. Esse simples intervalo pode determinar uma boa diagramação ou uma diagramação de gosto duvidoso. Se ela estiver “pesada”, pequena demais, pode levar o leitor a desistir do texto
  • 22.
  • 23.
    entrelinha #dicas  Emtextos longos, a entrelinha apertada desestimula o leitor.  Por outro lado, o espaçamento demasiado também não é bem vindo. Guie-se pelo bom senso.  Em títulos, a entrelinha muito aberta é ruim Cuidado!!!  O entrelinhamento deve ser uniforme ao longo de um texto. Entrelinhas diferentes num mesmo parágrafo causam um resultado desastroso.
  • 24.
    espacejamento  É oespaço entre uma letra e outra. Ele pode ser ótico ou mecânico DESIGN ESPACEJAMENTO ÓTICO D E S I G N ESPACEJAMENTO MECÂNICO
  • 25.
    kerning  É oencaixe de letras como o A e o T, com o intuito de diminuir os espaços em branco entre as letras CATARATA
  • 26.
    entre-parágrafos  É oespaço entre um parágrafo e outro. Em textos longos, é recomendável que se use um espaço para arejar a leitura
  • 27.
    Evite!!! Viúvas –linha oupalavra curta perdida no final de um parágrafo Órfã –palavra ou linha curta, no final de uma coluna, separada do parágrafo
  • 29.
    Critérios para aescolha da tipologia Experimentação  O uso do computador permite ter uma rápida visualização do que vai ser impresso. Pode-se imprimir as fontes e estudá-las separadamente e no contexto do layout Legibilidade  É um excelente critério para guiar a confecção de uma publicação. Ler o que está impresso é mais do que necessário. Por isso, fontes decorativas devem ser extremamente evitadas.
  • 30.
    Critérios para aescolha da tipologia Fontes serifadas e não-serifadas  Fontes sem serifa, pesadas, combinam com público masculino.  Fontes serifadas, elegantes delicadas, combinam com público feminino
  • 31.
    Critérios para aescolha da tipologia  As fontes serifadasquase sempre representam uma escolha certa quando se trata de textos longos. No entanto, quando a fonte é pequena deve-se ter cuidado quando o fundo é colorido. O registro da cor pode ser um grande vilão nesse caso.  Outra dica valiosa é a combinação entre fontes serifadas e não-serifadas. Elas permitem um resultado excelente, principalmente quando utilizadas em títulos
  • 32.
    Critérios para aescolha da tipologia  Opte por fontes com famílias extensas. Às vezes é possível utilizar apenas uma fonte dentro de um trabalho, variando apenas a sua série.  Quando for preciso diagramar um texto longo num curto espaço, a melhor opção é a Times, já que ela ocupa menor espaço  Tipos em itálico e em caixa alta jamais devem ser utilizados, uma vez que sua visualização é de gosto duvidoso
  • 33.
    Tipologia na web Apesar de tudo, as melhor fontes para a web ainda são Times e Arial, que permitem uma boa visibilidade, mas limitam o critério de originalidade.
  • 34.
    Tipologia na web#dicas  Títulos, capitulares devem ser trabalhados como se fossem imagens (GIF), para garantir a fidelidade daquilo que se pretende em termos de tipologia.  Para grandes massas de texto, o ideal ainda são as fontes Times e Arial.  Fontes serifadasnão devem ser escolhidas para textos muito pequenos. Ao contrário do impresso, fontes serifadas, no vídeo, perdem legibilidade.  Quando precisar utilizar uma fonte serifada, utilize a Georgia, que foi criada especialmente para uso em monitor de vídeo.  Evite o uso de tipos itálicos no vídeo, pois a legibilidade não é boa.
  • 35.
    Fontes utilizadas naweb Garamond Tahoma Trebruchet Times Arial
  • 36.
    Bibliografia  CESAR, Newton.Direção de Arte em Propaganda. 8. ed. São Paulo: Senac, 2006.  PUC Goiás. Site Docente. Fontes Tipográficas. Disponível em: http://professor.ucg.br/SiteDocente/admin/arquivosUpload/13187/material /AULA_8_FONTES_TIPOGRAFIA_IMP.pdf  VINTE E UM. Site sobre Design Gráfico. Conceitos Básicos. Disponível em: http://vinteum.com/conceitos-basicos-parte-ii/