it-swarm-pt.com

Quais fontes são boas e quais devemos evitar para a interface do usuário do nosso aplicativo?

O que você aconselha quando se trata de selecionar fontes para a interface do usuário?

17
Dair

Leia este artigo sobre legibilidade da fonte . Pelo menos veja este gráfico de tempos de leitura na tela ( linha mais curta = mais rápido/melhor ):

enter image description here

As diferenças não são tão grandes, mas vale a pena notar que o Times (uma fonte com serifa) ficou em segundo lugar.

Para texto médio-grande, considere o ClearType (ou qualquer outra alternativa da Apple). Para textos muito pequenos (~ <= tamanho 10.5, na minha experiência), isso pode parecer embaçado (contrário à sua intenção) - consulte a explicação do WPF sobre isso . Em geral, eu concordo com a resposta do KahWee Teng - permaneça com o padrão da plataforma para aplicativos que não sejam da Web, a menos que haja uma razão convincente para não fazê-lo.

21
Robert Fraser

Em geral, para letras pequenas, é melhor (mais fácil para os olhos) usar uma fonte sem serifa. Para o tipo maior, mais liberdade de expressão é "permitida" para diferentes tipos de faces, porque é mais fácil ler letras maiores.

4
Scott M.

Para telas menores, como dispositivos móveis, é melhor usar fontes sem serifa. Por fim, observe os guias da interface do usuário da plataforma para tornar seu aplicativo nativo (a menos que você esteja criando um jogo).

1
KahWee Teng

Do meu ponto de vista, e se aplicável (domínio e sistema), você deve usar a fonte atualmente configurada. Se o usuário escolheu alguma fonte para seu sistema, quem é você para dizer o contrário?
É claro que o conselho dele será nulo se você estiver fazendo um aplicativo criativo ou em um sistema em que não há configuração padrão.

1
PATRY Guillaume

Eu queria acrescentar que nenhuma fonte é uma bala mágica. Enquanto uma fonte ruim e perder o jogo, uma ótima fonte legível e legível também não será vencedora.

Depois de ter uma fonte que você gosta e que se encaixa na sua voz, você precisa prestar atenção na maneira como usa essa fonte. Algumas coisas para garantir que você considera são:

  • Altura da linha - A quantidade de altura da linha usada varia de acordo com o corpo do texto e o comprimento da linha
  • Comprimento da linha - você deseja manter isso sob controle. Muito tempo e os leitores se perderão, muito curto e a leitura parecerá irregular e quebrada.
  • Tamanho da fonte - Isso é óbvio, mas você também pode usá-lo como uma maneira de ajudar os comprimentos das linhas.
  • Contraste - Se você quiser legível, precisará de contraste suficiente. Também
    muito contraste e começa a zumbir e machucar. Um exemplo do que não fazer é ter um puro
    página em branco, com texto preto puro na parte superior.
  • Ritmo - Cuide do espaçamento vertical entre os blocos de texto. Aqui está A

Esses princípios e muito mais são cobertos por um grande recurso em http://webtypography.net/ em um recurso chamado " Os elementos de estilo tipográfico aplicados à Web " .

Possui uma tonelada de ótimas informações, princípios e técnicas para garantir que seu uso do tipo seja legível, legível e agradável.

0
Erik Hanson

Existem muitos fatores aqui. Qual é a aplicação? Um website? Um aplicativo para celular? Limpo é o caminho a percorrer. Para dispositivos pequenos, Apple usa Helvetica. Embora não seja minha fonte favorita, ela é limpa e fácil de ler.

0
Stephen

Esse artigo está um pouco desatualizado (2005).

Um artigo mais atual: http://www.vanseodesign.com/web-design/legible-readable-typography/

E vinculado a partir do artigo (que não é tão legível, honestamente):

http://www.sitepoint.com/typography-readability-and-legibility-part-1/
http://www.sitepoint.com/typography-readability-legibility-part-2/

0
drivingmenuts

Para grandes quantidades de texto, as fontes sem serifa (por exemplo, Tahoma, Arial) tendem a funcionar bem na tela, enquanto as fontes com serifa (por exemplo, Times New Roman) funcionam bem na impressão.

Presumindo que você não destrua os olhos dos usuários com algo encaracolado e rosa, o tamanho da fonte (14px + em uma tela grande), o espaçamento entre linhas e o bom contraste de fundo podem ter um efeito maior na legibilidade do que a fonte, na minha opinião.

0
Petrus Theron