Fontes

INFLUÊNCIA DAS FONTES NA

LEGIBILIDADE, VISIBILIDADE E
LEITURABILIDADE DE DE UM TEXTO

UFF - IACS
Disciplina: Planejamento Visual Gráfico
Professor: Alexandre Farbianz
Alunos: Priscila Motta
Ronaldo Rodrigues
FONTES
Definição:

“É o nome dado a coleção completa de tipos de determinado

tamanho e estilo, variando a quantidade de cada letra conforme a
freqüência com que é usada. Uma fonte completa contém,
comumente, letras maiúsculas, minúsculas, algarismos, sinais de
pontuação e versaletes, quando de solicitação especial.”
Elementos das Fontes

 Serifas são os pequenos

traços e prolongamentos
que ocorrem no fim das
hastes das letras.
 Famílias (tipos) de fontes
É necessário que a família de caracteres escolhida para compor um trabalho,
não só corresponda a natureza deste, mas ainda favoreça a expressão do
sentimento evocado.

• Romana:

Times New Roman, Garamond , Book Antiqua

• Bastão:

Arial , Helvética, Book Antiqua

• Egipcianas:

Courier , Geometric

• Cursivas:

Lucida Calligraph , Monotype

  Famílias (tipos) de fontes

• Manuscritas:

Jellyka, Brush Script

• Fantasias:
Braggdocio, Harpoon

• Góticas:
Deutsch Gothic, Old English Text

Lembre que a correta apresentação da fonte depende que a mesma

esteja instalada no computador do usuário. Selecione, preferivelmente, fontes
com altas chances de estarem instaladas.
 Dicas

Simplicidade

Dimensão

Força

Orientação

Harmonia

Ritmo
 Espaçamento
Exemplos de caracteres que podem ser confundidos por
causa do espaçamento:

 Tamanho
Para o público em geral use Arial 9.75 ou MS Sans Serif
9.75 .
Para pessoas maiores de 60 anos fontes de 14 pontos
são mais legíveis, proporcionam uma velocidade maior de leitura
e são preferíveis à fontes de 10 pontos.
MISTURA DE FONTES
Não é recomendada a mistura de muitas fontes.
Uma utilização recomendada seria o uso de uma fonte com serifa no título
e uma outra sem no corpo do texto.
Mesmo em sites a utilização de diversas fontes não é recomendada.
Pois não lhe confere identidade e quebra a harmonia.
 Justificação
Evite alinhamento centralizado em textos longos. O excesso
de espaço branco nas laterais tende a fazer a pessoa se perder. Opte
por textos alinhados a esquerda, sem justificativa (caso as palavras
fiquem com espaçamento grande d   e   m   a   i   s   entre elas)
COR DA FONTE E A COR DE FUNDO

A leitura eficiente de um texto depende de um bom contraste entre

a cor da fonte e do fundo
EFEITOS NAS FONTES
 Negrito
Excelente recurso para destacar
elementos do texto. Títulos e subtítulos são, por
exemplo, altamente qualificados para serem
apresentados em negrito.

 Itálico
Cuidado , pois reduz a velocidade da
leitura. Utilize-o para ressaltar parte do texto,
quando o uso de negrito é inapropriado.

 Maiúsculo

Devem ser evitados, já que

contribuem para diminuir a velocidade de
leitura.
COLOCAÇÃO DO TEXTO NAS PÁGINAS
 TORTA SONHO DE VALSA
Ingredientes: 4 ovos, ½ litro de leite, 2 colheres (sopa) de
maisena, 1 lata de leite condensado, 1 lata de creme de leite sem
soro, 4 colheres de açúcar, 8 sonhos de valsa, 200g de ameixa em
calda 
Modo de fazer : Bata bem as gemas, coloque o leite e a maisena,
leve ao fogo para ferver. Ainda no fogo misture o leite
condensado. Tire do fogo, coloque em um pirex grande e leve ao
congelador por ½ hora. Corte miúdo 6 sonhos de valsa e coloque
em cima do creme. Bata as ameixas com calda no liquidificador e
coloque-as por cima dos sonhos de valsa. Bata as claras em neve
com o açúcar e o creme de leite e coloque por cima das ameixas.
Pique os 2 sonhos de valsa e enfeite. Ponha no congelador
coberto com lâmina ou tampe. 
Obs : Se achar necessário coloque mais bombons. Se quiser retire
a ameixa em calda. 
COLOCAÇÃO DO TEXTO NAS PÁGINAS
 Torta sonho de valsa
Ingredientes
 4 ovos
 ½ litro de leite 
 2 colheres (sopa) de maisena 
 1 lata de leite condensado 
 1 lata de creme de leite sem soro 
 4 colheres de açúcar
 8 sonhos de valsa 
 200g de ameixa em calda 
 Modo de fazer 
 Bata bem as gemas, coloque o leite e a maisena, leve ao fogo para ferver. Ainda no fogo misture
o leite condensado. Tire do fogo, coloque em um pirex grande e leve ao congelador por ½ hora.
Corte miúdo 6 sonhos de valsa e colozque em cima do creme. Bata as ameixas com calda no
liquidificador e coloque-as por cima dos sonhos de valsa. Bata as claras em neve com o açúcar e
o creme de leite e coloque por cima das ameixas. Pique os 2 sonhos de valsa e enfeite. Ponha no
congelador coberto com lâmina ou tampe. 
Obs : Se achar necessário coloque mais bombons. Se quiser retire a ameixa em calda.
COLOCAÇÃO DO TEXTO NAS PÁGINAS
Torta sonho de valsa  Modo de fazer 
 Bata bem as gemas, coloque o
leite e a maisena, leve ao fogo
para ferver. Ainda no fogo
 Ingredientes misture o leite condensado. Tire
 4 ovos do fogo, coloque em um pirex
 ½ litro de leite  grande e leve ao congelador por
½ hora. Corte miúdo 6 sonhos de
 2 colheres (sopa) de maisena  valsa e coloque em cima do
 1 lata de leite condensado  creme. Bata as ameixas com
calda no liquidificador e
 1 lata de creme de leite sem soro  coloque-as por cima dos sonhos
 4 colheres de açúcar de valsa. Bata as claras em neve
 8 sonhos de valsa  com o açúcar e o creme de leite e
coloque por cima das ameixas.
 200g de ameixa em calda  Pique os 2 sonhos de valsa e
enfeite. Ponha no congelador
coberto com lâmina ou tampe. 

Obs : Se achar necessário coloque mais bombons. Se quiser retire a ameixa em calda.
EXEMPLOS DA UTILIZAÇÃO POSITIVA
DAS FONTES
EXEMPLOS DA UTILIZAÇÃO NEGATIVA
DAS FONTES
EXEMPLOS DA UTILIZAÇÃO NEGATIVA
DAS FONTES
CONCLUSÃO
A correta apresentação de um texto, com caracteres facilmente
legíveis, que apresentam um bom contraste com o fundo,
contribuirá para maximizar a velocidade de leitura e
compreensão, diminuindo o cansaço visual e proporcionando
uma experiência mais satisfatória.
BIBLIOGRAFIA
•Sites e textos:
• http://www.ibrau.com.br/aumentandoalegibilidade.htm
• http://www.ibrau.com.br/aumentandoalegibilidade_parte2.htm
• http://webinsider.uol.com.br/2007/09/27/conceitos-de-design-letras-
cores-forma-e-funcao/
• http://design.blog.br/design-grafico/o-que-e-tipografia
• http://www.anasofia.net/
• http://www.casademarketing.com/?cat=14
• http://comportamentoconsumidores.blogspot.com/
•http://wiki.stoa.usp.br/