tipografia

A tipografia em ambientes de hipermídia é um elemento fundamental e deve ser pensada sob os preceitos do Design Gráfico. A atividade de criar tipos e organizá-los com arte no espaço se alia, tanto à necessidade de articulação de uma linguagem formal quanto à aquisição de conhecimentos e implicações de forças culturais e estéticas. O primeiro aspecto revela seu lado mais conservador, vinculado à existência de um sistema simbólico de signos verbais regidos por uma série de convenções sociais e culturais.

Por outro lado, a tipografia como ícone apresenta-se de forma mais flexível e passível de ser trabalhada de acordo com preferências subjetivas do designer, enunciada por meio de uma prática expressiva, podendo ser visualmente envolvente, sem desconsiderar os seus objetivos – e o contexto cultural em que é lida –, evitando o uso de ruídos ornamentais e superficialidades estéticas 1.

Podemos dizer que a tipografia significa muito mais do que uma escrita com tipos por conta da sobreposição entre signos verbais e visuais, possibilitando a experimentação de soluções não convencionais.

As regras básicas de tipografia são praticamente as mesmas, tanto para as páginas da web como para texto impresso. A característica mais distinta da tipografia na web é a sua efemeridade. As páginas da web são construídas em tempo real cada vez que são carregadas em um navegador. O sistema operacional, o navegador e o servidor da rede funcionam por meio de uma complexa interação e recriam cada fonte, linha de texto, espacejamento entre palavras, escala etc. Assim, o layout deve ser testado em vários navegadores da web.

A primeira coisa que alguém aprende a respeito de 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 estas sejam estabelecidas para serem desrespeitadas, meticulosamente observadas, mal-entendidas, reavaliadas, readequadas e subvertidas, sabe-se que melhor regra básica é: as regras nunca devem ser ignoradas 2.

No site Thinking with type de Ellen Lupton, encontra-se reunido um estudo aprofundado sobre tipografia.

contraste

A primeira coisa que se vê em uma página é o layout como um todo, já que a relação forma e fundo é percebida como um só conjunto, apesar de existirem independentemente.

Uma tipografia que tenha boa legibilidade depende, entre outras variáveis, do contraste visual, pois o contraste entre figura/fundo define a percepção visual, melhorando o desempenho na leitura.

O tipo, a escala, o espacejamento e a entrelinha irão criar uma forma; o contraste de todos esses elementos influenciará a percepção do leitor/usuário. Assim, a letra, a frase ou o texto são percebidos em relação à página que os rodeia.

A tradição tipográfica sugere três qualidades essenciais ao design de tipos: contraste, simplicidade e proporção. O uso de fontes com essas características, contudo, não basta para assegurar uma ótima legibilidade 3.

leiturabilidade

Refere-se ao reconhecimento de frases, parágrafos e sentenças, ou seja, do texto como um todo. Vários fatores afetam a legibilidade e a leiturabilidade, como margens, alinhamento, comprimento da linha, parágrafos, espacejamento, entrelinhas, kerning entre outros.

Cabe salientar que o conceito de leiturabilidade é diferente do de legibilidade, no entanto, eles estão inter-relacionados. Uma vez que as letras são signos que representam convencionalmente sons da linguagem verbal, a função primária delas é remeter a uma imagem visual mental padrão reconhecível pelo leitor. É necessário, então, apresentar determinadas formas e traços distintivos entre os diferentes caracteres, de modo a possibilitar sua identificação com clareza.

tipos

fonte

Cada tipo ou fonte tem uma característica única que deve proporcionar harmonia ao que está escrito e à informação que está sendo percebida visualmente. Podemos observar que algumas fontes são mais legíveis do que outras na tela, existindo fontes específicas para esse uso. É preciso considerar que nem sempre uma fonte tradicional, como a Times New Roman, considerada bastante legível em suporte de papel, funciona adequadamente em um suporte digital.

Recomenda-se na construção de páginas para web que se utilizem fontes existentes no default dos sistemas computacionais. Quando se utiliza uma fonte que não está instalada no sistema operacional, o browser, para poder executar a visualização da página, automaticamente substitui a fonte não instalada por outra default; isso faz com que ocorram vários problemas no layout da tela e, consequentemente, comprometa a legibilidade e a leiturabilidade.

As fontes mais utilizadas nos sistemas operacionais Apple Macintosh e Microsoft Windows são Arial, Verdana, Times New Roman e Courier.

O primeiro fator a ser considerado na escolha da fonte e do corpo desta é a acuidade visual do usuário. Caso o tamanho da fonte não seja adequado ao espaço que se pretende disponibilizar o conteúdo, torna-se necessário um novo design para que a legibilidade seja preservada 5.

Entretanto, teste com usuários nem sempre é possível. Por isso, recomenda-se que se utilize corpo da fonte 12 para o público em geral, corpo 14 para crianças e usuários iniciantes e corpo 16 para pessoas de baixa visão. O ideal é que o usuário tenha possibilidade de adequar o tamanho da fonte de acordo com suas necessidades, como, por exemplo, ampliar ou reduzir o tamanho da página.

estrutura do texto

espacejamento

O espacejamento, segundo Derrida 7, é um código transparente ou vazio criado entre letras, entrelinhas e parágrafos com a finalidade de possibilitar uma leitura fluida, pois, de outra maneira, os textos seriam truncados.

Ao se espacejar levemente um corpo de texto, pode-se criar um campo visual mais arejado. O espacejamento negativo raramente é desejável e deve ser usado com cautela para ajustar uma ou mais linhas de texto justificado.

Embora o alfabeto represente o som, ele não pode funcionar sem marcas e espaços de silêncio. A tipografia manipula as dimensões silenciosas do alfabeto, empregando hábitos e técnicas que são vistos, mas não ouvidos, como o espacejamento e a pontuação. Em vez de tornar-se um código transparente de gravações do discurso falado, o alfabeto desenvolveu recursos visuais próprios, ganhando poder tecnológico ao deixar para trás suas conexões com o mundo falado 8.

alinhamento

Em programas de diagramação de textos, geralmente se tem a opção de alinhamento à esquerda, à direita, centralizado e justificado. Os textos devem ser alinhados à esquerda para auxiliar a leitura, assim o leitor encontra a próxima linha de texto com facilidade.

Como cada projeto possui objetivos muito próprios, é preciso fazer um estudo para que a escolha do alinhamento esteja em conformidade com o projeto desenvolvido.

margem

As margens definem a área de leitura da página, separando o texto principal dos outros elementos da tela. São elas, também, que proporcionam contraste e tornam a página visualmente mais atraente e organizada.

Os espaços em branco são necessários porque facilitam a leitura, tornando-a mais agradável, incentivando a compreensão do texto.