Tipografia para a web

Entenda os princípios da tipografia na web e saiba como melhorar a leitura dos usuários.

Mesmo que você seja exclusivamente desenvolvedor front-end ou programador e passe bem longe de qualquer assunto relativo a design é importante saber um pouco sobre tipografia. Afinal, a maior parte do conteúdo da web é texto. Alguns até argumentam que 95% da informação disponível na internet está em linguagem escrita… Estatísticas polêmicas a parte, o fato é que é fundamental começarmos a tratar a tipografia não apenas como algo bonitinho e sim como uma parte fundamental da user interface.

Um guia completo de tipografia para a web

Se a maior parte do tempo que um usuário gasta em um site é lendo o conteúdo é nossa obrigação fazer disto uma tarefa fácil e agradável. A regra fundamental de “não faça o usuário pensar” deve também ser estendida a tipografia. Podemos adicionar “não faça o usuário forçar a vista”, “não faça o usuário colar a cara no monitor para entender o seu conteúdo”… Um site deve ser fácil de usar e para isto ele precisa ser fácil de ler. E usar desculpas do tipo “Ah, mas ele pode aumentar o tamanho do texto pelo browser” é demagogia pura. Imaginar que todo usuário final sabe configurar o tamanho do texto é uma ilusão confortável.

Conhecer tipografia é garantir que o seu usuário tenha uma boa experiência de navegação independente de seu nível de conhecimento técnico e, consequentemente, que seu cliente não perca visitas. Para isto é necessário conhecer alguns conceitos básicos. E pode ser até divertido…

Não vou vomitar regras neste artigo nem ensinar como criar e escolher fontes. A minha intenção aqui é fornecer algumas dicas teóricas e práticas sobre como melhorar a experiência de leitura na internet.

Veja o guia no site tableless.com.br.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s