Por que a tipografia é importante para o seu site

6

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 tendemos a pensar que a mensagem não muda, não importa em qual fonte esteja ou como é 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 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 fazer com que seu público leia, você deve apresentar sua mensagem de maneira apropriada 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 em um saco de papel marrom amassado, e ninguém se incomodaria em procurá-lo apenas para encontrar um. A tipografia trata de 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 como 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 enfatizar um tema, definir personalidade, enfatizar ideias, expor emoções, gerar interesse e construir uma estética de design geral. É a interseção de layout e conteúdo e é parte integrante do design da web para qualquer site.

Elementos de tipografia que valem a pena considerar

A tipografia abrange uma série de elementos que afetam e são afetados pelo web design, incluindo a escolha da 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. Fontes: 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. As fontes referem-se simplesmente 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 formos específicos, fonte se refere a um estilo específico de tipo de letra, indicando tamanho, altura, largura e estilo. Arial Narrow, tamanho 14, itálico é uma fonte. Assim como o Myriad Pro Regular, tamanho 12.
  3. Rastreamento: 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 o rastreamento é um termo mais geral, o 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 vai da esquerda para a direita na página. Isso pode ser alterado ajustando margens, kerning e tamanhos de fonte. Quanto maior o comprimento da linha, mais difícil se torna a leitura.
  6. Entrelinhas: Entrelinhas é a medida do espaço entre onde as letras ficam 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 em tracking, kerning, comprimento de linha e entrelinhamento 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.

Ao obter dicas de cores, layout e tipografia, eles podem perceber 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 descartarão 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 entre si para provocar a resposta emocional desejada.

A tipografia ajuda a definir sua marca

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

Pegue qualquer marca conhecida e simplesmente mude sua fonte para outra. 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 forma que os dois não possam ser separados.

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

A tipografia concentra a atenção de seus leitores

Como mencionamos anteriormente, o conteúdo do seu site pode ser do mais alto nível, mas se não for apresentado de forma eficaz, seus esforços serão em vão. Uma das maneiras de fazer com que seus leitores mergulhem é 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 a levou a sério. Provavelmente, eles provavelmente descartaram a mensagem como sendo banal ou trivial. Melhor ainda, apresente a eles a temida “parede de texto”, onde todas as palavras estão na mesma fonte e todas as linhas são justificadas. Eles provavelmente tiveram dificuldade em ler o primeiro parágrafo, mesmo que o assunto seja algo em que estejam genuinamente interessados.

Pequenos ajustes no tipo e tamanho, layout e cor podem fazer uma grande 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 intacta a consistência do seu site

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 padronizada 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 chamada para ação. 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 procuram e não precisam 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 terão quando o visitarem.

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 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 assim não ter certeza de que encontrou o que procurava. Felizmente, as fontes são facilmente classificadas em categorias organizadas com pouca sobreposição.

  1. Serifa: Uma serifa é uma leve projeção no final de um traço, geralmente vista na parte inferior, mas também na parte superior ou nas extremidades direita ou esquerda das letras. Por 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 possuem 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 muito pode sobrecarregar.
  5. Hand Lettering: como o nome indica, essas fontes têm aparência de 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 grande diferença na capacidade de escanear o corpo do texto.

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 de seu público para apoiar ou rejeitar 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 na sua marca até 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 pistas 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 a eles por que eles escolheram determinadas fontes para seu projeto. Bons designers seriam muito complacentes em explicar suas escolhas, e você também pode obter algumas informações sobre suas linhas de pensamento.

Conclusão: encontre o que funciona (e atenha-se a ele)

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 atualmente eficazes acabarão se tornando obsoletos e desatualizados. Mas depois de encontrar o que funciona para você, continue com isso e observe as conversões aumentarem.

Este site usa cookies para melhorar sua experiência. Presumiremos que você está ok com isso, mas você pode cancelar, se desejar. Aceitar Consulte Mais informação