Tipografia Digital / 2004 - 32h

Fatores associados à leiturabilidade/legibilidade:

1. presença ou não de serifa
2. características particulares no design da fonte
3. composição em letras maiúsculas, minúsculas ou; maiúsculas/minúsculas
4. espaço entre letras (kerning)
5. espaço entre palavras
6. espaço entre linhas
7. extensão da linha (largura da coluna)
8. alinhamento dos parágrafos
9. relação figura (elemento tipográfico) e fundo

Nova tipografia de Tschichold, princípios básicos:

- assimetria
- uso positivo do espaço em branco
- uso de cores visando a objetivos definidos
- contraste e espaços sem interesse para obter equilíbrio visual

A primeira coisa que alguém aprende a respeito da tipografia e design de tipos é que existem muitas regras e máximas. A segunda é que essas regras são estabelecidas para serem quebradas. E a terceira é que “quebrar as regras” foi exatamente mais uma das regras.

Ainda que as regras sejam estabelecidas para serem desrespeitadas, escrupulosamente observadas, mal-entendidas, reavaliadas, readequadas e subvertidas, a melhor regra básica é a de que as regras nunca devem ser ignoradas. (Keedy, Jeffrey 1994)
Regras tipográficas (legibilidade & funcionalidade)

1. Para ótima legibilidade, escolha tipos clássicos, formas de tipos testadas pelo tempo, com uma trajetória comprovada
2. Tenha em mente não usar muitas fontes diferentes ao mesmo tempo
3. Evite combinar fontes que tenham aparência muito similar
4. Texto composto todo em maiúsculas retarda severamente a leitura. Use caixa alta e baixa
para uma ótima readability (leiturabilidade)
5. Para corpo de texto, use tamanhos que os estudos de legibilidade mostraram ser os mais
readable (entre 8 e 12 pontos, considerando também diferentes alturas – x-height)
6. Evite usar diferentes corpos e pesos de tipos ao mesmo tempo
7. Use corpo de texto em book. Evite fontes que pareçam extremamente pesadas (heavy) ou
claras (light)
8. Use fontes de largura média. Evite fontes que pareçam extremamente expandidas ou
condensadas na largura
9. Para corpo de texto, use espaço entre letras e palavras consistente para obter uma
textura parelha, ininterrupta
10. Use largura de linhas apropriadas. Linhas muito curtas ou muito compridas rompem o
processo de leitura
11. Para corpo de texto, use espaço entre linhas que facilmente conduza o olhar de uma linha
para a seguinte
12. Para uma ótima readability, use alinhamento à esquerda (direita não alinhada)
13. Esforce-se para que as terminações das linhas (rags) sejam rítmicas
14. Indique claramente os parágrafos, mas tenha cuidado para não perturbar a integridade e a
consistência visual do texto
15. Evite linhas órfãs e viúvas sempre que possível
16. Enfatize elementos do texto com discrição, sem perturbar o fluxo de leitura
17. Mantenha sempre a integridade do tipo. Evite distorcer arbitrariamente as letras
18. Sempre alinhe letras e palavras pela linha de base
19. Quando trabalhar com tipo sobre cor, assegure-se da existência de contraste suficiente
entre os tipos e o fundo

(Rob Carter, Experimental typography, 1977)

A TIPOGRAFIA POR WEINGART
“Tipografia é transformar um espaço vazio num espaço que não seja mais vazio. Isto é, se
você tem uma determinada informação ou um texto manuscrito e precisa dar-lhe um formato
impresso com uma mensagem clara que possa ser lida sem problema, isso é tipografia. Mas essa
definição tem o defeito de ser muito curta. Tipografia pode ser também algo que não precisa
ser lido. Se você gosta de transformar partes dessa informação em algo mais interessante,
pode fazer algo ilegível, para que o leitor descubra a resposta. Isso também é possível, e
isso também é tipografia. Escrita à mão é tipografia. Fazer letras à mão também é
tipografia. Tipografia é a arte de escolher o tamanho correto, o comprimento certo da linha,
de escolher as diferentes espessuras das informações do texto. Ela pode incluir cor, que dá
um outro significado à palavra. Se você imprimir algumas partes em vermelho, elas se
transformam numa outra informação. A tipografia inclui regras para o uso de linhas, formas
positivas e negativas, aplicação de retículas, letras em diferentes contrastes de
claro-escuro e de tamanhos pequenos e grandes”.
Wolfgang Weingart

 

Bibliografia / Curso de Tipografia Digital

Bibliografia básica (disponível na biblioteca do UnicenP):
- Farias, Priscila L. Tipografia digital: o impacto das novas tecnologias. Rio de Janeiro:
2AB, c2000. 3
- Jacques, João Pedro. Tipografia pós-moderna. Rio de Janeiro: 2AB, 2000. 8
- Niemeyer, Lucy. Tipografia: uma apresentação. Rio de Janeiro: 2AB, 2003. 7
- Rocha, Claudio. Projeto tipográfico: análise e produção de fontes digitais. São Paulo:
Rosari, 2002. 7
Bibliografia complementar (disponível na biblioteca do UnicenP):
- Blackwell, Lewis. Tipografía del siglo XX remix. Barcelona: Gustavo Gili, 1998. 2
- Ferlauto, Claudio. O tipo da gráfica, uma continuação. São Paulo: Rosari, 2002. 3
- Heller, Steven. Fili, Louise. Typology: type design from the Victorian era to the digital
age. San Francisco, CA: Chronicle Books, c1999. 1
- Lins, Guto. Helvetica, tipo topa tudo. São Paulo: Edições Rosari, c2002. 3
- Martins, Fernanda. Bembo: quando uma parceria da certo.... São Paulo: Edições Rosari,
2003. 3
- Rocha, Claudio. A eterna Franklin Gothic. São Paulo: Edições Rosari, c2003. 3
Outros títulos (disponíveis na biblioteca do UnicenP):
- Bellontoni, Jeff. Woolman, Matt. Type in motion: innovations in digital graphics. London:
Thames & Hudson, 2000. 1
- Carlson, Jeff. Malina, Toby; Fleishman, Glenn. Tipografía: las mejores webs. México:
Gustavo Gili, c1999. 1
- Friedl, Friedrich; Ott, Nicolaus; Stein, Bernard. Typography - when who how = Typographie
- wann wer wie - Typographie quand qui comment. Köln: Könemann, c1998. 1
- Gordon, Bob. Making digital type look good. London: Thames & Hudson, c 2001. 2
- Greco, Nick; Ziegler, Kathleen. The designer''s guide to web type: your connection to the
best fonts online. New York, NY: HBI; London: Hi Marketing, 2001. 1
- Haller, Lynn. Type. Cincinnati, OH: North Light Books, c1999. 2
- Krause, Jim. Idea index: graphic effects and typographic treatments. Cincinnati, OH: North
Light Books, c2000. 1
- Lima, Guilherme Cunha. O grafico amador: as origens da moderna tipografia brasileira. Rio
de Janeiro: Editora UFRJ, 1997. 1
- Meggs, Philip B. A history of graphic design. New York: John Wiley & Sons, 1998. 1
- Pring, Roger. WWW.tipografía: 300 diseños tipográficos para sitios web. Barcelona: Gustavo
Gili, c2000. 1
- Strizver, Ilene. Type rules! Cincinnati, OH: North Light Books, c2001. 1
- Type: the best in digital classic text fonts. New York: Graphis, c1995. 1
- Walton, Roger. Type: no borders, no boundaries, no limits. New York, NY: HBI; London: Hi
Marketing, 2002. 1
- Walton, Roger. Typographics 1, Typographics 2. New York, NY: HBI , 2002. 1
- Woolman, Matt. Bellantoni, Jeff. Moving type: designing for time and space.
Crans-Près-Céligny: RotoVision, c2000. 1
- Woolman, Matt. Moving type: designing for time and space. Crans-Près-Céligny: RotoVision,
c2000 1