Tipografia: Por que ela é Tão Importante?

Compartilhar no email
Compartilhar no twitter
Compartilhar no facebook
Compartilhar no whatsapp
Compartilhar no telegram
Compartilhar no linkedin

Para um blog, é de grande importância que as pessoas possam ler os textos da sua postagem corretamente. É difícil ler em telas, portanto, não as torne mais difíceis do que já são. Neste artigo, daremos dicas sobre como melhorar a tipografia do seu blog.

Tipografia e legibilidade

A legibilidade de um texto específico depende tanto de seu conteúdo (por exemplo, a complexidade de seu vocabulário) quanto de sua tipografia.

No meu post anterior sobre legibilidade, dei dicas para garantir que a complexidade do seu texto seja adaptada ao seu público.

A tipografia é a ciência de organizar suas palavras para tornar o texto escrito legível e atraente.

Antes do início da digitalização, a tipografia era uma ocupação especializada. Hoje em dia a tipografia é algo com que todos têm de lidar, pelo menos todos os que possuem ou mantêm um site.

A tipografia envolve a seleção do tipo de letra (família da fonte), tamanho da fonte, comprimento da linha, espaçamento entre linhas e espaçamento entre letras.

Comunidade de Growth Hackers GRATUITA

Junte-se a nossa Comunidade e receba 2x por semana os hacks que Uber, Google, Apple, Facebook, Amazon e outras startups usam para crescer seus negócios em mais de 99x.

growth hacking vip

Fonte

Tamanho da fonte

Certifique-se de usar pelo menos 14 pixels para o tamanho da sua fonte. Esse tamanho é uma boa leitura nas telas maiores da área de trabalho e nas telas dos nossos dispositivos móveis.

O tamanho de fonte preferido para um site hoje é muito maior do que era dez anos atrás. Naquela época, uma fonte de 10 pixels permitia que você adicionasse mais texto a uma página e tornasse sua página mais parecida com um livro.

Com o crescimento das telas de computador, hoje em dia 16 pixels é muito normal. Aqui em nosso blog usamos 20px.

Cor da fonte

A cor da fonte a ser usada depende muito do tipo de blog que você tem e do design usado pelo site. Em geral, dizemos que usar uma fonte preta em um fundo branco ainda é a melhor para leitura.

O conceito geral é que os contornos são mais nítidos e as letras são mais fáceis de distinguir e identificar.

A única coisa que você deve fazer em relação à cor da fonte e do plano de fundo é testar o contraste da cor e do plano de fundo da sua fonte. Há uma série de ferramentas disponíveis, todas com seu próprio tipo de verificador de contraste.

Um realmente fácil e bom é o Colorable. O Colorable permite que você insira o primeiro plano (cor do texto) e fundo (cor de fundo).

Ele lhe dirá imediatamente se o contraste é certo ou errado e qual a pontuação obtida pela combinação de cores. O Colorable é baseado nas diretrizes de acessibilidade da WCAG.

Espaço em branco

Ao lado do tamanho da fonte, você também quer ter certeza de que o texto tenha espaço suficiente para respirar.

Se você estiver usando um tamanho de fonte maior, mas se esquecer de adicionar espaços em branco para títulos e parágrafos, o texto ainda ficará ilegível.

O espaço em branco é especialmente importante em um dispositivo móvel.

Além de adicionar espaço em branco suficiente entre títulos e parágrafos, você também deve adicionar espaço em branco suficiente entre as linhas.

Se você deixar de adicionar uma altura de linha adequada, suas frases bem construídas se tornarão um grande bloco de letras. Isso está longe de ser fácil de usar e tornará sua página muito desagradável para um visitante.

Tipografia de links

O design dos links em seus textos em si é importante. Claro, os backlinks são importantes para o SEO. No entanto, o design dos links é importante para Usabilidade.

Deixe absolutamente claro o que é um link e o que não é. Você pode fazer isso escolhendo uma cor diferente ou adicionando um sublinhado.

Para enfatizar o link, você pode combinar facilmente as duas opções acima. Além disso, certifique-se de alterar o estilo ao passar o mouse sobre o link. Remova o sublinhado ou mude a cor.

Comprimento da linha

Uma última coisa a considerar quando se trata de tipografia é o comprimento de suas linhas de texto.

Em Readability: the Optimal Line Length, Christian Holt menciona um número de linhas de texto sugerido, afirmando que estes devem ser 50 a 65 ou 75 caracteres.

Ilene Strizver afirma que o texto não justificado deve ter de 9 a 12 palavras por linha, e o texto justificado deve ser de 12 a 15 palavras. Por nossa experiência, de 10 a 15 palavras é de fato uma boa leitura.

Conclusão

Certificar-se de que seu texto está bem escrito e não muito difícil é apenas um aspecto da legibilidade. Para ler um texto corretamente, a tipografia do seu texto também deve estar correta.

Certifique-se de usar um tamanho de fonte decente. Pense no contraste das cores que você usa e adicione espaço em branco. Concentrar-se nos dois aspectos de legibilidade (tipografia e dificuldade) garantirá que as pessoas começarão a ler seus posts no blog.

Comunidade de Growth Hackers VIP GRATUITA

Junte-se a nossa Comunidade VIP e receba 2x por semana os hacks que Uber, Google, Apple, Facebook, Amazon e outras startups usam para crescer seus negócios em mais de 99x.

growth hacking vip


Alguns artigos que você também pode gostar:

Receba conteúdos, lançamentos e exclusividades da Marfin!

Ou compartilhe com um colega, familiar ou amigo agora mesmo: 

Compartilhar no email
Compartilhar no twitter
Compartilhar no facebook
Compartilhar no whatsapp
Compartilhar no telegram
Compartilhar no linkedin

Entrar

Qual plataforma você gostaria de acessar? 

Ainda não tem uma conta?
Clique aqui para criar uma para a sua empresa ou se você é um profissional digital clique aqui.

Registre-se

Criar uma conta é simples. Primeiro: qual dessas opções define melhor seu perfil?

Se você já possui uma conta clique aqui para fazer login de empresa e agência; ou se você é um profissional digital clique aqui.