Tipos com Serifa

Os tipos serifados surgiram no Renascimento como uma

alternativa s letras gticas, de modo a criar composies
mais leves. O francs Nicolas Jenson inspirou-se nas
letras da antiguidade gravadas na pedra, cujo acabamento formava a serifa. Depois descobriu-se que as hastes
facilitam a leitura de textos, pois ajudam o leitor a no
perder a sequncia das linhas.

Fragmento da bblia de Gutenberg Fragmento de texto da Coluna de Trajano

feita com tipos gticas.

Tipos com Serifa

fonte para tela

Tipos sem Serifa

Os tipos sem serifa (sans serif) apareceram no
sculo XIX e eram conhecidos tambm como
grotescos ou gothic. A princpio eles eram extremamente geomtricos e no tinham muito contraste nas espessuras, o que dificultava a leitura.
A partir da Franklin Gothic, em 1902, as fontes
sem serifa comearam a se tornar populares e a
serem utilizadas em textos.

Cartaz da exposio da
Bauhaus do aniversrio
do artista plstico
Vassily Kandinsky.

Tipos sem Serifa

fonte para tela

Tipos Fantasia ou Display

Os tipos fantasia, ou tipos display
so todos aqueles cujos desenhos
s funcionam em tamanhos grandes.
No so recomendados para textos
longos, mas podem, s vezes,
ser usados nos ttulos.
Muitas das fontes disponveis
na web so tipos fantasia.

Tipos Fantasia ou Display

Hierarquia
Uma hierarquia tipogrfica indica um sistema que organiza
contedo, enfatizando alguns dados e preterindo outros. A
hierarquia ajuda os leitores a localizarem-se no texto, sabendo
onde entrar e sair e como selecionar algumas ofertas. Vrios
recursos podem ser utilizados para hierarquizar o texto:
Recuo. muito empregado para diferenciar pargrafos e citaes, o
recuo uma forma de separar textos.
Entrelinha. outra forma de separar os fragmentos de texto o uso de di
ferentes entrelinhas. Uma alternativa ao recuo de pargrafo e
atribuir uma entrelinha maior de um pargrafo para outro.
alm dos recursos fsicos (recuo, entrelinha ou posio a
Recursos grficos. pgina), a hierarquia tambm pode ser estabelecida por recursos grficos como tamanho, estilo, cor ou fonte).

Hierarquia
Uma hierarquia tipogrfica indica um sistema que organiza
contedo, enfatizando alguns dados e preterindo outros. A
hierarquia ajuda os leitores a localizarem-se no texto, sabendo
onde entrar e sair e como selecionar algumas ofertas. Vrios
recursos podem ser utilizados para hierarquizar o texto:
Recuo: muito empregado para diferenciar pargrafos e
citaes, o recuo uma forma de separar textos.
Entrelinha: outra forma de separar os fragmentos de
texto o uso de diferentes entrelinhas. Uma alternativa ao
recuo de pargrafo e atribuir uma entrelinha maior de um
pargrafo para outro.
Recursos grficos: Alm dos recursos fsicos (recuo,
entrelinha ou posio a pgina), a hierarquia tambm pode
ser estabelecida por recursos grficos como tamanho,
estilo, cor ou fonte).

Hierarquia
Uma hierarquia tipogrfica indica um sistema que organiza
contedo, enfatizando alguns dados e preterindo outros.
A hierarquia ajuda os leitores a localizarem-se no texto,
sabendo onde entrar e sair e como selecionar algumas ofertas.
Vrios recursos podem ser utilizados para hierarquizar o texto:
Recuo: muito empregado para diferenciar pargrafos e
citaes, o recuo uma forma de separar textos.
Entrelinha: outra forma de separar os fragmentos de texto
o uso de diferentes entrelinhas. Uma alternativa ao recuo de
pargrafo e atribuir uma entrelinha maior de um pargrafo
para outro.
Recursos grficos: Alm dos recursos fsicos (recuo, entrelinha ou posio a pgina), a hierarquia tambm pode ser
estabelecida por recursos grficos como tamanho, estilo, cor
ou fonte).

Alinhamentos
Justificado
As margens esquerda e direita so regulares.
Quando bom: O texto justificado produz uma forma limpa
na pgina. Seu uso eficiente do espao faz com que ele seja a
norma para jornais e livros de texto longo.
Quando mau: Vazios feios podem aparecer quando o
texto for forado a caber em colunas com o mesmo
comprimento. Evite-os certificando-se de que a linha
grande o suficiente em relao ao corpo do tipo. Fontes
menores permitiro que mais tipos caibam por linha.

Justificado esquerda

Justificado
(todas as linhas)

Justificado centralizado

Alinhamentos
Alinhamento esquerda
A margem esquerda dura, a direita suave.
Quando bom: Os designers usam esse alinhamento
quando querem respeitar o fluxo orgnico da linguagem
e evitar o espacejamento irregular que infesta as colunas
estreitas do texto justificado.
Quando mau: A coluna alinhada esquerda
perde sua aparncia orgnica quando desgraada pelo mau
desalinhamento. Batalhe firme
para criar margens aleatrias e naturais sem cair
na tentao dos hfens.

Alinhamentos
Alinhamento direita
A margem direita dura, a esquerda suave.
Quando bom: O alinhamento direita pode ser
bem-vindo como um desvio do familiar. Ele produz
boas legendas, barras laterais e notas marginais,
sugerindo afinidades entre os elementos da pgina.
Quando mau: Ele tambm pode no ser
um desvio bem-vindo, enervando leitores cautelosos.
O mau desalinhamento o ameaa
tanto quanto aos textos alinhados esquerda,
com uma dificuldade adicional:
a pontuao nos finais de
linha pode enfraquecer a margem esquerda.

Alinhamentos
Centralizado
Linhas irregulares so centralizadas
entre as margens esquerda e direita.
Quando bom: O texto centralizado clssico e formal,
trazendo ricas associaes com a histria e a tradio.
Ele convida o designer quebr-lo de acordo
com o seu sentido e a criar uma forma orgnica
em resposta ao fluxo de contedo.
Quando mau: O texto centralizado
esttico e convencional.
Empregado sem cuidado,
pode parecer tedioso,
esttico e melanclico
como uma
lpide.

Grids
Grids so recursos empregados para
auxiliar na diagramao, pois permitem
prever as margens e as possibilidades de
ocupao dos espaos das pginas.

Dois exemplos das grids utilizadas

nesta apresentao. A pr-definio
dos espaos auxiliam a posicionar
imagens e legendas.

No caso de diagramao com

pginas impressas em frente e verso,
convm diagramar no modo de
pginas duplas (spread).

Relatrio um impresso!
Diferente de uma mdia digital, os impressos possuem
peculiaridades, como o formato e o tipo de papel.
Pensar nestas escolhas faz parte do trabalho dos designers
e ajuda a valorizar o trabalho que est sendo relatado.
Outro aspecto diferente da mdia impressa diz respeito
aplicao de imagens e cores de fundo que, na maioria
das vezes, atrapalham mais do que ajudam na leitura.
Relatrio uma coisa e cumpre uma funo,
a apresentao de slides outra coisa com outra funo!

Bibliografia recomendada
LUPTON, Ellen. Pensar com tipos: guia para designers,
editores e estudantes. [trad. Andr Storlaski]. So Paulo:
Cosac Naify. 2004

ROCHA, Claudio. Projeto tipogrfico: anlise e

produo de fontes digitais. [2 edio] So Paulo:
Rosari. 2003

Esta apresentao foi diagramada numa grid de 6x6

utilizando o InDesign CS5 e publicada em PDF.
As famlias tipogrficas utilizadas foram:
Adobe Garamond Pro (Regular, Italic, Bold e Versal)
(desenhada por Robert Slimbach baseada nos tipos
de Claude Garamond e itlicos de Robert Granjon)

ITC Franklin Gothic (Book)

(desenhada por Morris F. Benton e expandida
por David Berlow e Victor Caruso)

Adobe Calcite Pro (Regular)

(desenhada por Akira Kobayashi)

Exemplos para anlise