Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

3 Consejos para Ayudarte a Evitar una Mala Tipografía en la Web

by
Difficulty:BeginnerLength:ShortLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Una buena tipografía lleva  jerarquía y foco a los lugares correctos. Ésta guía breve te enseñará cómo evitar una tipografía ineficaz y cómo trasladar el énfasis adecuado a las palabras escritas en tu diseño.

1. Considera la Accesibilidad, Por Favor

Una buena tipografía significa diseñar no solo para las circunstancias ideales, sino también para escenarios no ideales, por ejemplo donde alguien tiene discapacidad visual o que se lea en condiciones de luz escasa. Ten como objetivo una alta relación de contraste entre el color del fondo y el color del texto. Hay muchas herramientas online disponibles para asegurarte que tu texto sea legible.

Nivel AA de WCAG 2.0 requiere una relación de contraste de 4.5:1 para texto normal y 3:1 para texto grande. Nivel AAA requiere una relación de contraste de 7:1 para texto normal y 4.5:1 para texto grande.

Texto con demasiado contraste también puede ser difícil de leer. Por ejemplo, texto con color claro contra fondos oscuros.

2. Reducir las Distracciones

Una buena regla de oro es reducir las distracciones para leer texto. Ya sea el uso de demasiadas fuentes, demasiados estilos y variantes, muy poco o excesivo espaciado entre líneas. Reduce tales distracciones al definir un límite en el número de estilos de fuente o el grosor de la fuente que tienes en un maquetado.

Por ejemplo, usar dos o tres fuentes puede funcionar en una experiencia web pero más de eso y te arriesgarás a que la página luzca desorganizada y congestionada.

3. Optimiza la Longitud de la Línea

La longitud de línea promedio (o "medida") para una lectura óptima es de 8-12 palabras por línea o aproximadamente 50-60 caracteres por línea. Ésto ayudará a que el ojo del lector no vaya frecuentemente desde el inicio al final de una oración, y también es un buen consejo para asegurar que el lector mantenga el interés.

Presta mucha atención a ésto donde diseñes maquetados fluidos, pues la medida probablemente cambiará con el tamaño de la ventana gráfica. La tipografía es un magnífico punto de referencia cuando se deciden los puntos de quiebre para tus diseños.

Conclusión

Con éstas pautas como punto de inicio, puedes evitar una mala tipografía y comunicar claramente el mensaje de tu diseño con mínimas distracciones.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.