Tipografia digital, ou a arte do design indescritível

NO CORAÇÃO DA ESTRATÉGIA DA MARCA

Foi-se a frieza mineral das telas sufocadas pela tipografia em massa. Hoje, a tipografia digital está no centro da estratégia da marca. A tipografia ou a elegância de uma escolha de tipo de letra, mergulha-nos no universo de uma marca, com um tom gráfico que visa potenciar o seu conteúdo. Mas como escolher a tipografia certa? E como domá-lo na web?
parede de tipografia e escrita
Até agora, a tipografia era percebida como uma escolha gráfica, mas por meio dessa escolha, o autor do layout direciona a forma como o leitor poderá perceber a informação. Ele define a atmosfera de uma página, o enriquecimento visual, fazendo com que o leitor queira ou não absorver seu conteúdo.
Anteriormente, o designer estava preso ao uso de fontes instaladas por padrão em seu computador, sem margem criativa. Hoje a técnica se adapta à criação, com por exemplo a implementação de propriedades CSS como @font-face permitindo que designers importem e vinculem qualquer fonte à criação de sua página web. Ou mesmo com locais de troca como o site Typekit, Tipoteca, Autor que reúne uma magnífica biblioteca com opções tipográficas ecléticas… tantas funcionalidades que permitem aos designers dar asas à sua imaginação.

Typo05 Typo04 Typo03

TIPOGRAFIA: ENTRE SENSIBILIDADE E TÉCNICA

Hoje o web designer deve ter um entendimento completo da tipografia utilizada, não é uma simples abordagem ao design tipográfico, mas também é necessário levar em conta todo o aspecto técnico. Os problemas técnicos relacionados às fontes são muito reais, como a inconsistência da renderização visual de acordo com os navegadores ou os problemas de carregamento dos arquivos das famílias de fontes alimentando o peso das páginas.

“A tipografia deve definir um território de marca, mas também ser eficaz neste universo”

Com a onipresença do digital e das telas em nosso cotidiano, os suportes nos oferecem uma abordagem tipográfica formatada, para não dizer “clássica”. As fontes do sistema que usamos diariamente, como "Gorgia", "Verdana" ou mesmo a fonte "Arial", tornaram-se tão comuns que é quase inimaginável usá-las fora da esfera digital. A expressão estética que nos foi possível alcançar com o Print é mais difícil de alcançar na web, mas as tendências estão mudando e as fontes chamadas "handmade" ou "retro" estão surgindo cada vez mais em conteúdos primários como títulos, cabeçalhos de texto ou infográficos.

O poder da tipografia

Segundo a Netcraft - especialista em tecnologia da Internet - 8,6% dos textos na web são escritos em "Arial" em tamanho 12 contra 57% em "Times" em tamanho 10, é o contraste entre uma tipografia com e sem serifa, é é uma boa escolha visual e eficaz? Muitos estudos mostram que quando os textos estão em “Times” os tempos de leitura e busca de informações são maiores do que a leitura com tipografia sem serifa, ou seja, um tempo adicional de 15 a 25%
Portanto, é importante definir certos critérios de legibilidade para determinar a qualidade da leitura em nossas telas:

  • Aceitabilidade: ou seja, a adequação entre a letra e a representação visual que a leitura tem.
  • A diferenciação: correspondente à distinção, ao espaçamento entre as letras, que pode ser questionado com uma fonte serifada.
  • Colorimetria: o contraste Preto/Branco entre a cor da fonte e a do fundo é muitas vezes a melhor resposta para uma boa legibilidade.

A arte do contraste na tipografia digital

A complementaridade dos contrastes tipográficos é a base para uma legibilidade simples e eficaz. Ao combinar fontes, é importante destacar suas diferenças: como por exemplo com o equilíbrio tipográfico que existe entre uma fonte Serif e uma Sans-Serif - esta associação simples e fácil oferece uma leitura relaxante e eficiente.
Typo02
Numa abordagem mais moderna à tipografia, também é interessante associar “uma fonte clássica” como a “Times” a uma mais “contemporânea” como a “Walkway” ou a “Roboto” criando assim um contraste forte e relevante..
Typo06

Alguns exemplos de sites onde a tipografia é omnipresente na construção gráfica das marcas

Typo07 Typo09
Typo11 Typo08

LEVAR EM FORA

Se a maior parte do conteúdo digital é composta por texto, o trabalho tipográfico está cada vez mais integrado à criação digital, é óbvio que isso impacta na qualidade da mensagem que se quer transmitir. Por seu tamanho e seu estilo, permitem estabelecer uma hierarquia e facilitar a leitura visual do texto, definindo assim a identidade da marca. Seria a tipografia o novo Eldorado da criação digital?
Carina Renaud, UX-Alquimista @CarineWhatElse – @UX-República