colaborao de linguagem grfica

Ricardo Artur P Carvalho

projeto bsico Contexto & Conceito

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 diferentes 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