it-swarm-es.com

¿Qué fuentes son buenas y cuáles debemos evitar para la interfaz de usuario de nuestra aplicación?

¿Qué aconseja cuando se trata de seleccionar fuentes para su interfaz de usuario?

17
Dair

Lea este artículo sobre legibilidad de fuentes . Al menos mire este gráfico de en la pantalla tiempos de lectura ( línea más corta = más rápido/mejor ):

enter image description here

Las diferencias no son tan grandes, pero vale la pena señalar que Times (una fuente serif) quedó en segundo lugar.

Para texto medio-grande, considere ClearType (o cualquier otra alternativa de Apple). Para texto muy pequeño (~ <= tamaño 10.5, en mi experiencia), esto puede verse borroso (contrario a su intención) - vea la explicación de WPF sobre esto . En general, estoy de acuerdo con la respuesta de KahWee Teng: quédese con los valores predeterminados de la plataforma para aplicaciones que no son web a menos que haya una razón convincente para no hacerlo.

21
Robert Fraser

En general, para los tipos pequeños es mejor (más fácil para la vista) usar una fuente sans-serif. Para el tipo más grande, se "permite" más libertad de expresión para diferentes tipos de letras porque es más fácil leer letras más grandes.

4
Scott M.

Para pantallas más pequeñas, como dispositivos móviles, es mejor usar fuentes sans-serif. En última instancia, debe mirar las guías de la interfaz de usuario de la plataforma para que su aplicación se sienta nativa (a menos que esté creando un juego).

1
KahWee Teng

Desde mi punto de vista, y si corresponde (dominio y sistema), debe usar la fuente configurada actualmente. Si el usuario eligió alguna fuente para su sistema, ¿quién es usted para decirle lo contrario?
Por supuesto, su consejo es nulo si está haciendo una aplicación creativa, o en un sistema donde no hay una configuración estándar.

1
PATRY Guillaume

Quería agregar que ninguna fuente es una bala mágica. Si bien es una fuente incorrecta y pierde el juego, una fuente legible y legible tampoco la ganará.

Una vez que tenga una fuente que le guste y que se ajuste a su voz, debe asegurarse de seguir prestando atención a cómo usa esa fuente. Algunas cosas para asegurarse de considerar son:

  • Altura de línea: la cantidad de altura de línea que use variará según el cuerpo del texto y la longitud de la línea
  • Longitud de línea: querrá mantener esto bajo control. Demasiado tiempo y los lectores se perderán, demasiado cortos y la lectura se siente entrecortada y rota.
  • Tamaño de fuente: esto es obvio, pero también puede usarlo como una forma de ayudar a las longitudes de línea.
  • Contraste: si desea que sea legible, necesita suficiente contraste. También
    mucho contraste y comienza a zumbar y doler. Un ejemplo de lo que no hay que hacer es tener un puro
    página blanca, con texto negro puro en la parte superior.
  • Ritmo: tenga cuidado con el espacio vertical entre bloques de texto. Aquí está A

Estos principios y un montón más están cubiertos por un gran recurso en http://webtypography.net/ en un recurso llamado " Los Elementos del Estilo Tipográfico Aplicados a la Web " .

Tiene una gran cantidad de excelente información, principios y técnicas para garantizar que su uso del tipo sea legible, legible y agradable.

0
Erik Hanson

Hay muchos factores aquí. ¿Cuál es la aplicación? ¿Una página web? ¿Una aplicación móvil? Limpio es el camino a seguir. Para dispositivos pequeños, Apple usa Helvetica. Si bien no es mi fuente favorita, es limpia y fácil de leer.

0
Stephen

Ese artículo está un poco desactualizado (2005).

Un artículo más actual: http://www.vanseodesign.com/web-design/legible-readable-typography/

Y vinculado desde el artículo (que no es del todo legible, sinceramente):

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

0
drivingmenuts

Para grandes cuerpos de texto, las fuentes sans-serif (por ejemplo, Tahoma, Arial) tienden a funcionar bien en la pantalla, mientras que las fuentes serif (por ejemplo, Times New Roman) funcionan bien en la impresión.

Suponiendo que no destruye los ojos del usuario con algo rizado y rosado, el tamaño de su fuente (14px + en una pantalla grande), el espaciado de línea y el buen contraste de fondo pueden tener un mayor efecto en la legibilidad que la fuente, en mi opinión.

0
Petrus Theron