Por que a tipografia é importante para o seu site

O marketing de conteúdo é uma estratégia fundamental para atrair novos clientes, reter clientes e gerar conversões, sejam elas na forma de curtidas, assinaturas, leads ou vendas.

O conteúdo pode existir como a mensagem em si, já que todos nós tendemos a pensar que a mensagem não muda, não importa em que fonte esteja ou como seja empacotada.

Ou não?

Vamos pensar em como a mensagem é elaborada. Do ponto de vista linguístico e semântico, a ideia principal vem à mente e as palavras são então escolhidas cuidadosamente para enquadrar a mensagem. Para se comunicar de forma eficaz, você precisa conhecer seu público e ser capaz de prever como eles responderão às palavras que você escolher.

Essas palavras devem ser lidas para serem posteriormente compreendidas, processadas e digeridas. Mas, para que seu público leia, você deve apresentar sua mensagem de maneira adequada e eficaz.

A apresentação é extremamente importante. A maioria das pessoas esperaria que um anel de diamante estivesse dentro de uma caixa do joalheiro, não um saco de papel marrom amassado, e ninguém se incomodaria em procurar o último apenas para encontrar um. A tipografia tem tudo a ver com apresentar e empacotar o conteúdo, ou seja, a mensagem que você está tentando transmitir ao seu público.

O que é tipografia?

A tipografia é simplesmente a maneira pela qual o texto é organizado em um documento ou, para os propósitos deste artigo, em uma página da web. Muitas vezes é considerada uma arte, especialmente porque a tipografia está intimamente ligada à criatividade e inovação. A tipografia serve a muitos propósitos, desde destacar um tema, definir personalidade, enfatizar ideias, exibir emoções, gerar interesse e construir uma estética geral de design. É a interseção de layout e conteúdo e é parte integrante do web design de qualquer site.

Elementos de tipografia que valem a pena considerar

A tipografia engloba uma série de elementos que afetam e são afetados pelo web design, incluindo escolha de fonte, paleta de cores, tamanho, comprimento das linhas, layout e integração com um design. É importante estar familiarizado com todos esses fatores para poder usar a tipografia de forma eficaz.

1. Tipos de letra: são as primeiras coisas que vêm à mente quando pensamos em tipografia. Alguns até usam os termos “fonte” e “tipografia” de forma intercambiável, no entanto, as fontes compreendem um mero subconjunto do que compõe a tipografia. Tipos de letra simplesmente se referem ao nome do estilo de texto que está sendo usado. Exemplos incluem Helvetica, Times, Papyrus e Arial.
2. Fontes: A maioria das pessoas também usa “fonte” e “tipo de letra” de forma intercambiável, mas se estivermos sendo específicos, fonte se refere a um estilo específico de tipo de letra, indicando o tamanho, altura, largura e estilo. Arial Narrow, tamanho 14, itálico é uma fonte. Assim como o Myriad Pro Regular, tamanho 12.
3. Tracking: Este é o espaço entre caracteres ou grupos de caracteres em um bloco de texto. Embora o rastreamento tenda a ser relativamente padrão, ele pode ser ajustado para afetar a densidade do texto.
4. Kerning: Considerando que rastreamento é um termo mais geral, kerning refere-se especificamente à distância entre letras e caracteres individuais, geralmente no plano horizontal.
5. Comprimento da linha: refere-se ao comprimento do texto que corre da esquerda para a direita na página. Isso pode ser alterado ajustando as margens, kerning e tamanhos de fonte. Quanto maior o comprimento da linha, mais difícil se torna a leitura.
6. Leading: Leading é a medida do espaço entre onde as letras se encontram em relação às linhas de texto imediatamente acima e abaixo.

Esses elementos são importantes para afetar a leitura de uma página. A maioria das pessoas se concentra apenas em fontes e tipos de letra, ignorando como pequenos ajustes no rastreamento, kerning, comprimento de linha e entrelinha podem ter resultados dramáticos e valiosos.

Porquês

A tipografia ressalta a personalidade visual do site

À primeira vista, os visitantes do seu site devem ser capazes de determinar do que se trata. Há muita psicologia em jogo aqui, e muitos subtextos são desenvolvidos quase instantaneamente.

Tomando dicas das cores, layout e tipografia, eles podem sentir um tom, humor, mensagem e tema abrangentes, mesmo sem ter que estudar o conteúdo escrito ou olhar as fotos. Dentro de alguns segundos, os visitantes decidirão se são membros do público-alvo ou descartam o site como simplesmente não para eles.

A tipografia ajuda a atingir esse objetivo, pois a interação de elementos visuais individuais funciona sinergicamente uns com os outros para provocar a resposta emocional desejada.

A tipografia ajuda a definir sua marca

Sua marca é mais do que apenas um logotipo. Assim como a marca registrada Swoosh da Nike ou a Siren da Starbucks, a tipografia dessas marcas reais é igualmente reconhecível e contribui para a percepção da marca.

Pegue qualquer marca conhecida e simplesmente mude sua fonte para outra coisa. Mesmo que a marca use uma fonte que é usada em muitos outros contextos, a combinação de tipografia e logotipo contribui para a forma como as pessoas identificam e percebem a marca de tal forma que os dois não podem ser divorciados.

Escusado será dizer que, se você tiver um logotipo icônico e for complementado com a tipografia certa, a combinação se destacará na mente de seus clientes, levando sua marca adiante.

A tipografia foca a atenção de seus leitores

Como mencionamos anteriormente, o conteúdo do seu site pode ser do mais alto calibre, mas se não for apresentado de forma eficaz, seus esforços serão desperdiçados. Uma das maneiras de fazer com que seus leitores mergulhem direto é usar a tipografia a seu favor. Todos os elementos mencionados acima contribuem para como seu conteúdo não é apenas percebido, mas experimentado.

Pergunte a qualquer pessoa se ela leu alguma coisa publicada na Comic Sans e levou a sério. Provavelmente, eles provavelmente descartaram a mensagem como sendo banal ou trivial. Melhor ainda, apresente-os com a temida “parede de texto”, onde cada palavra está na mesma fonte e cada linha é justificada. Eles provavelmente tiveram dificuldade em ler o primeiro parágrafo, mesmo que o tópico seja algo em que estejam genuinamente interessados.

Pequenos ajustes no tipo de letra e tamanho, layout e cor podem fazer uma enorme diferença na legibilidade de um artigo, ajudando a enfatizar os pontos-chave de sua mensagem, e seus leitores apreciarão seu esforço.

A tipografia mantém a consistência do seu site intacta

A tipografia é a cola que une os diferentes elementos do seu site.

Os visitantes do seu site procuram consistência; e isso não significa necessariamente uma aparência genérica e recortada para o seu site que o faça parecer com o de todos os outros. Os elementos devem funcionar bem internamente uns com os outros, desde o topo da página até os botões de call-to-action. Os mecanismos de pesquisa tendem a favorecer o conteúdo bem apresentado, e o desempenho do seu site no Analytics refletirá a consistência. Além disso, seus usuários devem ser capazes de encontrar o que estão procurando e não ter que gastar vários minutos vagando pelo seu site, ficando frustrados a cada passo do caminho.

A tipografia pode reforçar a uniformidade do seu site ou expor a falta dela, e suas taxas de conversão serão indicativas da experiência do usuário que seus leitores têm quando visitam.

Como fazer a tipografia trabalhar para você

Fontes, tipos de letra e suas variações

É importante conhecer os tipos de fontes que você tem à sua disposição, ou pelo menos estar familiarizado com aquelas com as quais deseja trabalhar. As fontes vêm em uma ampla variedade de variações, e algumas das diferenças são sutis. Mas essas nuances podem ter um impacto na apresentação, portanto, conheça suas opções à medida que desenvolve a personalidade e a presença do seu site.

Milhares de fontes em um punhado de categorias

Você pode passar horas, dias ou até semanas procurando fontes para usar e ainda não ter certeza de que encontrou o que está procurando. Felizmente, as fontes são facilmente classificadas em categorias organizadas com pouca sobreposição.

1. Serifa : Uma serifa é uma ligeira projeção no final de um traço, geralmente vista na parte inferior, mas também na parte superior ou nas bordas da extrema direita ou esquerda das letras. Como exemplo, as letras minúsculas “m” ou “n” dessas fontes parecem ter “pés” nelas. Exemplos de fontes com serifa incluem Times, Baskerville e Cambria.
2. Sans Serif : Essas fontes não têm traços terminais ou “pés” nelas. Eles têm uma aparência limpa, simplificada ou minimalista, mas às vezes são mais difíceis de ler em tamanhos menores. Exemplos dessas fontes incluem Arial, Helvetica e Calibri.
3. Script : essas fontes decorativas são populares por sua aparência elegante e são frequentemente encontradas em convites de casamento, certificados e documentos semelhantes. Para usá-los de forma eficaz, use-os com moderação, com bastante espaço e em tamanhos grandes o suficiente para apreciar sua arte.
4. Exibição : esse tipo de fonte é frequentemente visto em pôsteres de filmes, sinalização e manchetes de jornais. Semelhante às fontes de script, use-as apenas para dar ênfase, pois o excesso pode ser esmagador.
5. Hand Lettering : Como o nome indica, essas fontes têm uma aparência renderizada à mão, simulando a caligrafia de uma criança; ou o rabisco informal e apressado em um quadro-negro. A vantagem dessas fontes é que elas carregam um elemento humano que de outra forma falta nas outras categorias.

Conteúdo legível é lido

A legibilidade tem vários fatores. Além do conteúdo em si, considere todos os elementos da tipografia, especialmente o uso do espaço. Kerning e rastreamento podem fazer uma enorme diferença na capacidade de digitalizar o texto do corpo.

Dê ao seu conteúdo escrito bastante espaço para respirar, adicionando distância suficiente entre letras, palavras, linhas e seções individuais para poder processar as unidades de maneira significativa.

Mantenha o comprimento da linha entre 50 e 75 caracteres por linha. Isso significa usar cerca de 10 a 15 palavras, sejam as linhas justificadas ou não.

Seleção de fonte

As fontes que você escolhe para o seu projeto, seja a marca de um site, um produto individual, uma linha de produtos ou uma empresa inteira, podem influenciar e direcionar os comportamentos do seu público para apoiar ou descartar o projeto por completo. Certifique-se de considerar o impacto de suas escolhas sobre como elas chamam seu público para a ação.

Isso se torna cada vez mais importante se sua marca tiver uma identidade estabelecida e seu público puder reconhecê-la simplesmente pelas fontes usadas em sua marca. Mudar as coisas pode ter um impacto negativo no seu público, desde a perda de confiança em sua marca ou a suspeita de que a qualidade do seu produto mudou para pior.

Dominando as sutilezas

A tipografia traz caráter e significado simplesmente adicionando variabilidade na aparência. Encontrar tipos de letra com o equilíbrio certo de personalidade pode ser muito difícil. As dicas visuais e as características da fonte adicionam elementos de emoção, tom e apelo que podem ofuscar as palavras reais.

Ao trabalhar com um designer gráfico para desenvolver seu site ou sua marca, pergunte por que eles escolheram determinadas fontes para seu projeto. Bons designers seriam muito flexíveis ao explicar suas escolhas, e você também pode obter algumas informações sobre suas linhas de pensamento.

Conclusão: encontre o que funciona (e cumpra-o)

Pode levar muito tempo e esforço para estabelecer uma tipografia que funcione para o seu site, e você pode cometer alguns erros ao longo do caminho. Novas fontes e tipos de letra estão sendo criados e lançados todos os dias, e os layouts e temas que são atualmente eficazes acabarão se tornando obsoletos e desatualizados. Mas uma vez que você encontrou o que funciona para você, fique com ele e veja as conversões aumentarem.