Anda di halaman 1dari 9

2

PRINCPOS DE TIPOGRAFIA
Curso de Design Grfico
Disciplina Produo Grfica 2

(estrutura, ordem e organizao dos elementos textuais)


UFSC
PG
Introduo O que apresentado no software como tamanho da fonte diz
respeito altura da letra, medida de acordo com suas caracters-
As unidades tipogrficas utilizadas atualmente so o ponto e a
ticas que veremos no bloco abaixo (anatomia da letra). Isto
paica. Elas no pertencem ao sistema mtrico decimal, porque
quer dizer que este texto que voce est lendo agora, composto
foram criadas antes de seu uso como padro em certos pases.
em corpo 11, tem 3,861mm (0,351x11) medidos da cota superi-
Naquela poca (sculo XVIII) a busca era pela obteno de uma
or da haste ascendente at a cota inferior da haste descendente
padronizao para os tipos ento feitos de madeira ou metal pa-
das letras que o compem.
ra uso no sistema de impresso tipogrfico, j que cada impres- Ascendente
Linha dos
sor usava um critrio dimensional prprio. ascendentes

Afg
Desse esforo, se sobressaram os franceses Pierre Simon
Fournier e Ambroise Didot, cujos sobrenomes at hoje so co-

(olho mdio)

CORPO
nhecidos como referencias na rea.
Em 1878, Nelson Hawks props como unidade de medida a pai- Altura x

ca, que foi assumida como padro pelos pases de lngua inglesa Linha de
base
(EUA e Gr-Bretanha). Esse padro at hoje utilizado e seu
uso se expandiu via informtica, cujas referencias histricas se Linha dos
Descendente
descendentes
ligam aos EUA.
Caixa Alta e caixa baixa
O sistema paica mostrado no quadro abaixo e apenas como
curiosidade tambm o Fournier e o Didot. O primeiro processo industrial de impresso, que por muito
tempo foi o nico e at hoje sobrevive, a tipografia. Assim,
FOURNIER DIDOT PAICA natural que muitos termos relativos a tipia e originados durante
01 Ccero = 11 pontos 01 Ccero = 12 pontos 01 Paica = 12 pontos a evoluo da tipografia sejam at hoje utilizados. Um deles
01 ponto = 0,349mm 01 ponto = 0,376mm 01 ponto = 0,351mm objeto deste tpico.
O instrumento utilizado para medir e fazer as necessrias con- As gavetas do arquivo de matrizes tipogrficas (tipos mveis) se
verses com as medidas grficas o Tipmetro. Ele normal- chamam caixas. A distribuio dos tipos em cada caixa, ou se-
mente fabricado em lmina de termoplstico transparente pa- ja, a localizao de cada caracter na gaveta, naturalmente pa-
ra ser sobreposto pea grfica. dronizado. Como as letras maisculas ficam arquivadas na par-
te superior da gaveta, desenvolveu-se o termo caixa alta para
0
C 1

1
EN
0

TM 2
ET

design-las e, consequentemente, as minsculas receberam o ter-


R 4
PA

O
3

S 5
IC

3
A
S

4
7
8

mo caixa baixa como denominao.


72

5
9
10
11

6
12
S
A

13
H
IN

7
14
EL

15
TR

P
16
EN

8
17
18

9
19
20
60

10

A B C D
21
22

11
23
24
25

12
26
P

27

13
28
29
30
48

31
32

1 2 3 4 5
33
P
36

c d e s
P

m n l o
Tamanho da letra
u t Espao a
Como esta disciplina est voltada para a gerao de textos em
meio informatizado, vamos deixar em segundo plano os siste-
mas Fournier e Didot e nos concentrar no sistema desenvolvi-
do por Hawks, no qual se baseiam todos os softwares de edio Anatomia da letra
(embora ofeream a opo de alterar o sistema, as tipias so A ilustrao mostra alguns elementos da anatomia de uma vari-
apresentadas, por default, em pontos). ao de uma famlia de tipos.
Como visto, 1 ponto = 0,351mm e uma paica = 12 pontos, por- importante observar que a altura do tipo medida com
tanto, 1 paica = 4,217mm. uma pequena margem acima da ascendente e abaixo da descen

01
Olho (counter) Serifa simples
Ascendente Eixo de contraste (stress)
[neste caso, negativo]
Linha dos ascendentes

Afgxbo

CORPO
(olho mdio)
Altura de x

Linha de base

Linha dos descendentes


Bojo (bowl)
Haste (stem) Espora (spur)
Olho (counter) Serifa dupla
Apoio da serifa (bracket) Descendente

dente. Isso ocorre para que as letras no se encostem (visual e fi- 2. GARALDINAS
sicamente). tambm um resqucio da tipografia, dos tipos m-
veis.
Um elemento de muita importncia a altura de x ou olho
mdio. A escolha da letra x para referencia se d pelas duas has-
tes planas que facilitam a medio a partir do p (base).
Neor
Garamond

Uso de serifas
Eixo da letra o com acentuada inclinao esquerda.
A relao entre altura do tipo, olho mdio e olho da letra par- Barra doe horizontal (principal diferena em relao s humansticas).
ticular para cada famlia e tem muita influencia em sua legibili- Pouco contraste entre traos grossos e finos das letras.
dade. Serifas com tendencia a inclinarem-se esquerda (menos que nas
humansticas).
A altura da letra medida da base (p) ao extremo de uma letra
Modulao dos traos mais acentuada.
de haste reta em caixa alta (preferencialmente um A.
Exemplos: Caslon Old Face, Paladino, Times
As serifas so traos terminais de uma haste, brao ou rabo.
So de grande importncia para a melhor legibilidade de textos 3. TRANSICIONAIS

Neor
longos e forte caracterstica para a diferenciao entre famlias
de tipos.
O contraste a diferena de espessura entre as partes finas e
grossas de um mesmo tipo. Maior a diferena, maior o contras- Baskerville
te. Uso de serifas
Modulao dos traos pouco mais acentuada que as garaldinas.
O stress (ou nfase) a inclinao do eixo vertical das letras (so- Hastes mais pronunciadas que as garaldinas.
bretudo as arredondadas). Ele pode ser nulo (como na Bodoni), As serifas so oblquas ou horizontais com tendencia retitude.
inclinado positivo (caso das itlicas) ou inclinado negativo (co- nfase (stress) vertical
mo na Garamond). Exemplos: Baskerville, Caledonia, Caslon, Fournier

4. DIDODIANAS
Famlias tipogrficas
As famlias tipogrficas podem ser classificadas em quatro gran-
des grupos: serifadas, no-serifadas, cursivas e dingbats (sinais).
Lewis Blackwell criou uma classificao que vem resistindo ao
tempo, pela qual os tipos podem ser classificados em 13 grupos.
Neor
Bodoni MT

Uso de serifas finas e horizontais.


Contraste acentuado entre os traos grossos e finos.
1. HUMANSTICAS nfase totalmente vertical.

Neor
Exemplos: Bauer Bodoni, Bodoni e Torino

5. EGPCIAS
Bangkok
Uso de serifas
Eixo da letra o com acentuada inclinao esquerda (nfase ou
stress esquerda)
Barra da letra e inclinada.
Neor
Rockwell

Uso de serifas quadradas e horizontais.


Pouco contraste entre traos grossos e finos das letras nfase vertical.
Exemplos: Centaur e Jenson Exemplos: Claredon, Serifa, Menphis

02
6. NEOTRANSACIONAIS 11. GLFICAS

Neor
Bookman Old Style
Uso de serifas
Neor
Albertus

Tipos mais robustos que as transacionais, mais suaves e arredondados. Possuem larguras uniformes.
Descendentes mais curtas. Possuem arremates terminais cinzelados.
nfase vertical. nfase, por vezes, oblqua esquerda.
Construo muito precisa.
Exemplos: Bookman, Cheltenham, Excelcior
Exemplos: Albertus, Augustea e Latin

7. SANS SERIF - GROTESCA 12. CALIGRFICAS

Neor
Franklin Gothic Medium Condensed
Ausencia de serifas
Neor
English Vivace BT

nfase vertical nos tipos normais. Grupo amplo de caracteres tipogrficos que imitam a escrita
Arremate ortogonal das letras. manual.
Exemplos: Mistral e Zapt Chancery ITC
Exemplos: Franklin Gothic, News Gothic

13. DECORATIVAS
8. SANS SERIF - NEOGROTESCA

Neorg
Univers
Neor Neor
Mona Lisa Solid Comic Sans

Ausencia de serifas.
Pouco contraste entre os traos das letras.
Embocaduras de algumas letras mais abertas que as das grotescas.
Neor Neor
Castellar Greece Black
A letra g no possui anel na descendente. Muitos tipos que apresentam caractersticas formais que os tornam
Exemplos: Folio, Helvetica, Akzidens Grotesk
dificilmente classificveis em grupos bem definidos ou, ento,
apresentam referencias to vigorosas que descaracterizam qualquer
categoria de classificao.
9. SANS SERIF - GEOMTRICA

Neor
O quadro acima que apresenta e exemplifica a classificao de
Blackwell foi extrado da publicao Vade-mcum de
Tipografia, de Antonio Fontoura.
Futura Medium BT
Ausencia de serifas. Relao forma-vazio
Segue regras geomtricas bem definidas para a construo dos caracteres.
Ausencia de modulao nos traos. Os tipos mveis so fundidos em liga de estanho com chumbo.
Exemplos: Futura, Avant garde, Eurostile Cada caracter tem sua base dimensionada com cerca de 50% do
correto espacejamento para a letra seguinte. Isto faz com que ha-
10. SANS SERIF - HUMANSTICA ja certa correo visual, no muito precisa, mas suficiente para
no prejudicar a leitura cursiva. Tipos especiais contm ker-

Neor
Gill Sans MT

Ausencia de serifas.
ning fsico, como mostra a ilustrao.

Inspirao formal nas inscries romanas, na escritura manual


humanstica e nas escrituras do Renascimento.
Espessura das hastes moduladas.
Exemplos: Gill Sans, Goudy Sans e Optima

03
A datilografia foi o primeiro processo de impresso para com-
posio de textos com matrizes unitrias, que permitiam ao pr-
prio usurio gerar seus textos impressos.

Aperfeioadas, passaram a utilizar 24 agulhas, tornando o de-


senho de cada caracter mais detalhado e definido.
Mas o mais importante foi que se voltou a ter o kerning da ti-
pografia, agora baseado em at milsimos de paicas e sendo es-
pecficos para cada par de letras em cada famlia, corpo e varia-
o. o chamado espacejamento tico.
O kerning tem grande importancia na legibilidade dos textos.
Sua essencia a obteno de reas brancas uniformes entre as
As mquinas datilogrficas (ou mquinas de escrever) eram me- letras, sejam elas quais forem. Comparando-se um texto datilo-
cnicas e de funcionamento muito simples: ao apertar a tecla grafado e um digital pode-se perceber a diferena:
com a letra, um martelo contendo a matriz da letra era pres-
sionado contra a folha de papel. Entre eles, uma fita de tecido
impregnada de tinta decalcava a letra sobre o papel. De forma
articulada, o retorno do martelo acionava um mecanismo
que fazia o papel avanar para a esquerda (sobre o rolo tensor)
de uma paica. Isso fazia com que, a cada letra impressa, o pa-
pel avanasse 1 paica para a impresso do caracter seguinte. o
chamado espacejamento mecnico.

Cubato, 28 de julho de 1.993.

Sr. Aldo Schmidt,


Conforme entendimentos mantidos via telefone na tarde de 27.07,
envio-lhe anexo cpia do texto CESTA DE HORTALIAS ou O PO que
infelizmente no est de todo legvel, devido ao original estar bastante
envelhecido, mas ainda assim possvel ler e entender e entender seu
contedo. Trata-se, como lhe disse de uma pea apresentada em forma
de radionovela em 1947. A SBAT (Sociedade Brasileira de Autores
Teatrais) no tem registro desta obra e, numa pesquisa feita na
biblioteca de Cubato, ao encontrar este texto pensei em mont-lo
imediatamente, uma vez que no temos / peas do autor disponveis

Como vimos nos princpios de Composio, especificamente


no princpio da Proximidade, elementos que estejam muito pr-
ximos entre s tendem a formar chunks ou grupos e a serem
O problema era que, fosse uma letra m ou uma letra i, o percebidos dessa forma pelo observador, fazendo com que cada
avano era o mesmo, no havendo correo visual entre os ca- um dos elementos perca sua identidade e individualidade.
racteres, fazendo com que a leitura de textos mais longos ficasse
prejudicada. Da mesma forma que os lpis na foto abaixo deixam de ser per-
cebidos individualmente, as letras se fundem visualmente quan-
O advento da informtica foi essencial para aperfeioar este pro- do as reas entre elas sejam relativamente pequenas e unifor-
cesso. mes.
As primeiras impressoras acopladas a microcomputadores, as
impressoras matriciais (dot matrix impact), tinham o processo
de impresso com certa semelhana ao da datilografia: martelos
pressionando fita contra o papel.
Entretanto, ao invs de ter uma matriz para cada caracter, elas
eram dotadas de nove agulhas que eram impulsionadas com
diversas combinaes, formando cada letra ou caracter.

04
AvantGarde Inserindo a segunda parte da marca:
Solues para Indstria e Servios
Garamond Condensed itlico 16 pt

Switzerland
Embora o kerning (espacejamento) tico seja suficiente para tex-
IMPAR IMPAR
Solues para Indstria e Servios Solues para Indstria e Servios

tos corridos, nem sempre o quando se trata de um pequeno Logotipo com grid 10 x 4 Diviso do grid (20 x 2) e ajuste
conjunto de palavras ou uma s como, por exemplo, nos logo-
tipos. Resultado final: diagrama e marca

IMPAR
Neste caso, normalmente necessrio fazer a correo visual en- Trao branco:
largura letra I
Humanist 521
h = 2 mdulos
tre os caracteres para que se obter o nvel de equilbrio entre os
Preto 10%
brancos, de forma a corrigir as insuficiencias do kerning auto-
mtico. Solues para Indstria e Servios Garamond Cond. Italic
h = 2/3 mdulo

O exemplo abaixo de estudo para logotipo de uma empresa MALHA 4 X 10


de assessoria e consultoria. H uma primeira concepo que foi

IMPAR
descartada e a segunda, aprovada, na qual foi inserida a segunda
parte da marca.

IMPAR IMPAR
Switzerland 48pt - espao 100% Erros de correo visual
Solues para Indstria e Servios

IMPA R A A
IMPAR
Tentativa 01: corrigir A Distorcendo o A
Se isso ocorre entre as letras, tambm ocorre entre palavras, li-
nhas, pargrafos e entre a mancha de texto e a superfcie na
qual est localizada, criando a seguinte hierarquia:
Os espaos entre letras devem ser menores que os espaos entre

IMPAARR
palavras. Estes devem ser menores que os espaos entre linhas.
Os entrelinhamentos devem ser menores que os espaos entre
Tentativa 02: corrigir reas Corrigindo no Corel (ferramenta Forma) pargrafos e estes menores que os espaos entre colunas ou os
espaos da mancha de texto at as bordas da superfcie da pea

IMPAR IMPAR
grfica (ou quadro que contenha o texto).

Resultado final Descartado: direo do A

IMPAR
Humanist 521 48pt - espao 100%
IMPAR
Erros de correo visual

+ + = +

IMPAR IMPAR
Tentativa 01: corrigir reas Aumentar para equilibrar

IMPAR
Tentativa 02: melhorar vazio
IMPAR
IMPAR
Reproporo: 8 x 2 mdulos
IMPAR
Resultado final

05
Espacejamento (kerning) Aqui tambm se tem um limite. Aps certa ampliao do entre-
linhamento, o ritmo comea a ser quebrado, da mesma forma
Em um primeiro momento, pode-se pensar que quanto menor
que no espacejamento. Este limite varia de fonte para fonte e
for a rea entre as letras e maior o espao (a rea tambm) entre
das circunstncias de seu uso, mas pode ser aceito como algo
as palavras, melhor ser a legibilidade, mas isso um engano.
em torno de 120%.
Existem limites para ambos para que tanto a identificao de ca-
da caracter seja facilitada quanto o ritmo da leitura, ou seja, a
regularidade dos avanos do olhar (lanadas) seja confortvel pa- Pargrafo
ra o observador (leitor).
Em relao s mudanas de pargrafos, o mesmo ocorre. Sabe-
Entre caracteres: -10% Existem limites para ambos para que tanto a se que a finalidade da mudana de pargrafo a indicao de
Entre palavras: 50% identificao de cada caracter seja facilitada
Entrelinhas: 100% quanto o ritmo da leitura, ou seja, a regularidade que h uma mudana de assunto o texto ou de que naquele pon-
dos avanos do olhar (lanadas) seja confortvel
to pode-se fazer uma pausa na leitura. Ou seja: o objetivo do pa-
para o observador (leitor). rgrafo indicar uma pequena quebra de ritmo na leitura, sufi-
ciente para cort-lo parcialmente.
Entre caracteres: 0% Existem limites para ambos para que tanto Nesse caso, h pelo menos trs possibilidades de indicar este
Entre palavras: 100% a identificao de cada caracter seja
Entrelinhas: 100% facilitada quanto o ritmo da leitura, ou corte parcial:
seja, a regularidade dos avanos do olhar 1. aumentar o entrelinhamento entre pargrafos
(lanadas) seja confortvel para o
observador (leitor). O principal motivo para este projeto de pesquisa foi a quase certeza da
pouca disponibilidade de estudos no mbito da Ergonomia diretamen-
Entre caracteres: 20% Existem limites para ambos para que te aplicveis ao Design Grfico.
Entre palavras: 150% tanto a identificao de cada caracter De fato, exceo de alguns captulos de livros e poucos artigos, com-
Entrelinhas: 100% seja facilitada quanto o ritmo da
provou-se a suspeita inicial. Os principais sites e obras de referencia da
leitura, ou seja, a regularidade dos Ergonomia foram pesquisados e neles encontrados somente estudos
avanos do olhar (lanadas) seja aplicveis ao Design de Produtos.
confortvel para o observador (leitor).
2. Criar uma indentao (recuo) na primeira linha de cada par-
grafo
Entrelinhamento (leading)
O principal motivo para este projeto de pesquisa foi a quase cer-
O mesmo ocorre entre as linhas de texto e as mudanas de par- teza da pouca disponibilidade de estudos no mbito da Ergonomia dire-
grafos: h um limite confortvel. tamente aplicveis ao Design Grfico.
De fato, exceo de alguns captulos de livros e poucos arti-
Neste sentido, h uma insuficiencia no default de entrelinha- gos, comprovou-se a suspeita inicial. Os principais sites e obras de refe-
mento de textos digitais em softwares de edio: o entrelinha- rencia da Ergonomia foram pesquisados e neles encontrados somente
mento de 100% do corpo do tipo, ou seja, o entrelinhamento estudos aplicveis ao Design de Produtos.
do corpo 12 de 12 pontos, o de 14 de 14 pontos e assim por
diante. Quando isso ocorre, chama-se a composio de bloco 3. Associar as duas anteriores (aumento de entrelinhamento +
slido (set solid). recuo).
O principal motivo para este projeto de pesquisa foi a quase cer-
Sobretudo em textos justificados (alinhados direita e esquer-
teza da pouca disponibilidade de estudos no mbito da Ergonomia dire-
da), nos quais h variao de espacejamento para permitir a jus-
tamente aplicveis ao Design Grfico.
tificao, os blocos slidos no oferecem boa legibilidade, po-
is o entrelinhamento insuficiente para dar ritmo leitura. Os De fato, exceo de alguns captulos de livros e poucos arti-
gos, comprovou-se a suspeita inicial. Os principais sites e obras de refe-
espaos entre linhas no so suficientemente maiores que os en-
rencia da Ergonomia foram pesquisados e neles encontrados somente
tre caracteres para dar clareza na direo da leitura. estudos aplicveis ao Design de Produtos.
Note no bloco abaixo a diferena entre entrelinhamentos.

Neste sentido, h uma insufi- Neste sentido, h uma insufi- Entretanto, cada uma delas tem consequencias:
ciencia no default de entre- ciencia no default de entre-
linhamento de textos digitais linhamento de textos digitais
em softwares de edio: o en-
trelinhamento de 100% do em softwares de edio: o en- Aumentar o entrelinhamento:
corpo do tipo, ou seja, o entre- trelinhamento de 100% do a. Se for para o dobro do entrelinhamento interno ao pargra-
linhamento do corpo 12 de corpo do tipo, ou seja, o en- fo, o corte fica excessivo
12 pontos, o de 14 de 14 pon- trelinhamento do corpo 12
tos e assim por diante. de 12 pontos, o de 14 de 14
b. Se for um acrscimo intermedirio (digamos 30% a mais) vai
pontos e assim por diante.
causar problemas na diagramao (perda das linhas de base
e/ou desarticulao entre colunas)
Entre palavras: 100% Entre palavras: 100%
Entrelinhas: 100% Entrelinhas: 120%

06
Inserir indentao: Alinhamentos
a. Causar quebra de ritmo muito suave H vrias maneiras de alinhar o texto na mancha grfica. Todos
b. Ficar ainda menos perceptvel com textos alinhados somente tm vantagens e desvantagens. A escolha do alinhamento mais
pela esquerda adequado para cada situao passa pelo balano dos pontos po-
sitivos e negativos, encontrando-se a soluo na qual os pontos
Aumento de entrelinhamento e indentao: negativos afetam menos a legibilidade, o ritmo, etc.
a. Se mal balanceado, pode causar corte de ritmo muito forte Alinhamento esquerda
b. Permanece a questo do desequilbrio entre colunas ou perda Vantagens: a. manter kerning e espao entre palavras regula-
de linha de base na diagramao. res (ritmo)
b. criar movimento na extremidade direita do
Influencia da mistura de sistemas texto (quebra de simetria)
Ainda em relao questo do alinhamento entre colunas e da Desvantagens: a. no marcar claramente os finais das linhas de
consistencia entre as manchas de texto entre pginas (comea- texto (alinhamento)
rem e terminarem sempre nas mesmas dimenses) h que se b. difcil articulao com indentao na mudan-
considerar a importncia de se utilizar somente um sistema de a de pargrafo (nfase)
medidas, j que pontos e paicas no so compatveis com o sis-
tema mtrico decimal. Alinhamento direita

corriqueiro que se parta de uma pgina em sistema mtrico Vantagens: a. marcar margem direita sem perda de kerning e
decimal (por exemplo A4, com 210 x 297mm), se estabelea espaos regulares (ritmo)
margens em milmetros e se crie a mancha de texto baseada em b. facilitar articulao com elementos (figuras,
pontos. etc) direita
Certamente haver incompatibilidade dimensional: a mancha Desvantagens: a. baixa legibilidade (margem esquerda irregular)
de texto (se criada em milmetros) no vai conter nmero certo b. difcil uso de hifenizao
de linhas em pontos, acarretando variaes no p da mancha (li-
nhas desalinhadas) que se tornam ainda mais visveis quando Alinhamento Total [direita e esquerda]
se trata de texto com mais de uma coluna. Vantagens: a. fortalece a geometria da coluna (regularidade)
Os softwares de edio permitem a mudana de sistema de me- b. Facilita visualizao da indentao de mudan-
didas. Mesmo quando se trata de pgina em milmetros, pode- a de pargrafo
se criar a mancha grfica e a grade em pontos, utilizando as
margens como elementos de articulao dimensional entre os Desvantagens: a. enfraquece o kerning e regularidade no espao
dois sistemas. entre palavras (ritmo)
b. ltima linha pode ficar diferente (kerning e es-
pao)
Alinhamento Total com hifenizao
Vantagens a. mantm a geometria da coluna (regularidade)
b. mantm o kerning (programvel) e espao en-
tre palavras dentro de limites
Desvantagens a. em colunas curtas, os hifens ficam constantes
e prejudicam ritmo
b. reduzem ritmo na mudana de linha (palavras
cortadas)
Alinhamento Total forado
Vantagens a. fortalece geometria da coluna at ltima linha
Desvantagens a. enfraquece kerning e espao em especial na l-
tima linha
b. enfraquece identificao da indentao quan-
do ltima linha curta
c. normalmente ltima linha fica truncada, ileg-
vel ou de difcil leitura.

07
Hierarquia tipogrfica Fontes bem utilizadas facilitam a comunicao. So exemplos:
Para auxiliar a leitura e absoro do contedo, os textos da pe-
a grfica devem ser organizados por ordem de hierarquia em
relao importncia da informao. As informaes principa-
is (portas de entrada) devem se sobressair mais que aquelas se-
cundrias ou complementares, independentemente do volume
de texto na pea. Claro que quanto menos texto e elementos de-
corativos, melhor a condio de absoro do contedo.
Existem vrias maneiras de tornar um tipo mais forte ou en-
fraquec-lo na composio da pea grfica.
Alguns deles:
a. Mudana de corpo: maior o corpo, mais forte.

b. Mudana de peso: tipos em negrito, grifados, subli-


nhados, etc. ganham fora

c. Mudana de direo: os itlicos, dependendo da fonte, po-


dem at ficar mais fracos, mas se destacam no corpo do texto
d. Mu d ana de posi o: textos com a linha de base incli-
nada se destacam em relao ao conjunto

e. Mudana de cor ou : podem fazer com que


Vencida esta condio inicial, tambm as dimenses de uso, a
o texto se sobressaia ou se enfraquea em relao ao conjunto
localizao, o entorno e as condies de leitura influenciam na
legibilidade.
Legibilidade
A condio inicial para a composio de um texto em peas gr- Quanto legibilidade em relao formao, so vrios os ele-
ficas a legibilidade da fonte que ser utilizada. Nenhum dos mentos a considerar:
critrios acima apresentados realmente aplicvel se a fonte
a. Regularidade da formao, propores e elementos
no tiver legibilidade em relao sua formao.
de estilo dos caracteres que compem a fonte
O mesmo acontece nos logotipos. So exemplos de fontes mal
b. Nvel de contraste (maior ou menor stress) da fon-
utilizadas (independente da qualidade da marca):
te em relao ao corpo que vai ser usado
c. Continuidade no preenchimento dos elementos
que compem a fonte

Quanto s dimenses de uso, h que se considerar as limitaes


do aparelho tico humano e suas variaes em relao idade
(e patologias) dos leitores.
Crianas at 5 anos tm foco mnimo de leitura muito baixo
(cerca de 10cm), o que as faz aproximar muito a pea grfica
dos olhos para tornar a leitura mais confortvel.
No obstante, elas tm muita dificuldade para lidar com con-
juntos e tendem a absorver informaes unitrias.
J os idosos, (pelo processo de desidratao que caracterstico
do envelhecimento) tm o foco mnimo da viso em cerca e 30
a 40cm, o que dificulta a leitura de textos em corpos menores.
H uma frmula para calcular as dimenses de um texto em
funo da distancia de leitura para que ele tenha visibilidade e
legibilidade.

08
uma frmula til para mdia e grandes distancias de leitura, A frmula parte do princpio que nosso aparelho tico tem
como em sinalizaes, outdoor, pea publicitrias externas, etc, uma zona de leitura de preciso de cerca de 1 grau.
mas que pode tambm ser utilizado para peas grficas de me-
nor porte.

d
E

1
d = E.tg1 = E E = 345.d
345

Para E = 70m: Se H = 5d, teremos:


5 x 0,203 = 1,015m
d = E = 70 =~ 0,203m
345 345

ARIAL ARIAL BOLD ARIAL NARROW


Proporo:

AAA
Arial: 1:7,7
Bold: 1:5
Narrow: 1:9

H p/70m:
Arial: 156cm
Bold: 100cm
Narrow: 183cm
10:9,5 d=1,3 10:10 d=2 10:7,8 d=1,1

TIMES TIMES BOLD CONDENSED

AAA
Proporo:
Times: 1:17
Bold: 1:17
Narrow: 1:17

H p/70m:
Times: 345cm
Bold: 345cm
Narrow: 345cm
10:10,4 d=0,6 10:10,4 d=0,6 10:8 d=0,6

possvel tambm se variar a legibilidade sem alterar as dimen-


ses da fonte, pelo uso de direo (itlico), nfase (negrito), con-
traste (cor e textura), bem como pela mistura de fontes de dife-
rentes estilos, pesos ou classes.
09

Anda mungkin juga menyukai