Como decidir qual família de fontes usar para web design

click fraud protection

Olhe para qualquer página da web online hoje, independentemente do tamanho do site ou do setor a que se destina, e você verá que uma coisa que todos têm em comum é o conteúdo de texto.

Uma das maneiras mais fáceis de afetar o design de uma página da web é com as fontes que você usa para o conteúdo de texto desse site. Infelizmente, muitos web designers que estão no início de suas carreiras enlouquecem ao usar muitas fontes em cada página. Isso pode criar uma experiência turva que parece não ter coesão de design. Em outros casos, os designers tentam fazer experiências com fontes que são virtualmente ilegíveis, usando-as apenas porque são “legais” ou diferentes. Eles podem realmente ser fontes de aparência legal, mas se o texto que pretendem transmitir não puder ser lido, então o a "frieza" dessa fonte desaparecerá quando ninguém ler o site e, em vez disso, for para um site que possa processar!

Algumas regras práticas

  1. Não use mais de 3–4 fontes em qualquer página. Qualquer coisa além disso começa a parecer amador - e até 4 fontes podem ser demais em alguns casos!
  2. instagram viewer
  3. Não mudar a fonte no meio da frase, a menos que você tenha um bom motivo.
  4. Use fontes sans serif ou fontes serif para o corpo do texto para tornar esses blocos de conteúdo mais fáceis de ler.
  5. Use fontes monoespaçadas para texto de máquina de escrever e bloco de código para separar esse código da página.
  6. Use fontes de script e fantasia para acentos ou títulos grandes com muito poucas palavras.

Lembre-se de que tudo isso são sugestões, não regras rígidas e rápidas. Se você vai fazer algo diferente, no entanto, deve fazê-lo com intenção, não por acidente.

Fontes Sans Serif são a base do seu site

Fontes sem serifa são aquelas fontes que não têm “serifas”- o tratamento de design pouco adicionado nas pontas das letras.

Se você fez algum curso de design de impressão, provavelmente já ouviu falar que só deve usar fontes serif para títulos. Isso não é verdade para a web. As páginas da web devem ser visualizadas por navegadores da web em monitores de computador e dispositivos móveis e monitores e telas de hoje são muito bons em exibir fontes com serifa e sem serifa com clareza. Algumas fontes serif podem ser um pouco desafiadoras para ler em tamanhos menores, especialmente em monitores mais antigos, então você deve sempre esteja ciente de seu público e certifique-se de que eles podem ler fontes serif antes de tomar a decisão de usá-los para o seu corpo texto. Dito isso, a maioria das fontes serif hoje são projetadas para consumo digital e funcionarão bem como cópia do corpo, desde que tenham um tamanho de fonte razoável.

Alguns exemplos de fontes sem serifa são:

  • Arial
  • Genebra
  • helvética
  • Lucida Sans
  • Catapulta
  • Verdana

Observação

Verdana é uma família de fontes que foi inventada para usar na web.

Use fontes Serif para impressão.

Embora as fontes serifadas possam ser difíceis de ler online em monitores mais antigos, elas são perfeitas para impressão e boas para manchetes em páginas da web. Se você tem compatível com impressão versões do seu site, este é o lugar perfeito para usar fontes serif. As serifas, impressas, facilitam a leitura, pois permitem diferenciar as letras com mais clareza. E como a impressão tem uma resolução mais alta, ela pode ser vista com mais clareza e não parece desfocar.

Algum exemplos de fontes serif estão:

  • Garamond
  • Georgia
  • Vezes
  • Times New Roman

Fontes monoespaçadas ocupam espaço igual para cada letra

Mesmo que seu site não seja sobre computação, você pode usar monoespaço para fornecer instruções, dar exemplos ou sugerir texto datilografado. As letras monoespaçadas têm a mesma largura para cada caractere, portanto, sempre ocupam a mesma quantidade de espaço na página. Fontes monoespaçadas funcionam especialmente bem para exemplos de código.

As máquinas de escrever normalmente usavam fontes monoespaçadas e usá-las em sua página da Web pode dar a sensação de que o conteúdo datilografado.

Alguns exemplos de fontes monoespaçadas são:

  • Correio
  • Courier New
  • Lucida Console
  • Mônaco

Fontes Fantasy e Script são difíceis de ler

As fontes Fantasy e script não são tão difundidas em computadores e, em geral, podem ser difíceis de ler em grandes pedaços. Embora você possa gostar do efeito de um diário ou outro registro pessoal que o uso de uma fonte cursiva possa gerar, seus leitores podem ter problemas. Isso é especialmente verdadeiro se o seu público incluir falantes não nativos. Além disso, as fontes fantasia e cursiva nem sempre incluem caracteres acentuados ou outros caracteres especiais, o que limita o seu texto ao inglês.

Use fantasia e fontes cursivas em imagens e como manchetes ou textos explicativos. Mantenha-os curtos e esteja ciente de que qualquer fonte que você escolher provavelmente não estará na maioria dos computadores de seus leitores, então você precisará entregá-los usando fontes da web.

Alguns exemplos de fontes de fantasia são:

  • Placa de cobre
  • Desdêmona
  • Impacto
  • Kino

Observação

Impact é a família de fontes com maior probabilidade de estar em máquinas Mac, Windows e Unix.

Alguns exemplos de fontes de script são:

  • Chancelaria da Apple
  • Comic Sans MS
  • Lucida Handwriting

Observação

Estudos mostraram que fontes mais difíceis de ler podem ajudar os alunos a reter mais informações.

instagram story viewer