10 consejos sobre tipografía en el diseño web

Si bien es importante crear diseños que aparecerán más estéticamente agradable a los lectores, el verdadero propósito de la tipografía en el diseño web es comunicar mejor lo que el sitio web quiere transmitir a sus lectores. El tipo de diseño que elija para su web puede ser un identificador de su marca.

Por ejemplo, elegir un diseño algo estrafalario para su web dirá a sus posibles lectores que su sitio web es divertido, interesante o incluso interactivo. Un diseño más directo y serio dirá a sus lectores que su web va en serio. Básicamente, lo que quiero decir es que el diseño que elija para su sitio web es un reflejo de su contenido y de su creador; es un reflejo de su marca. Esto da a los lectores una idea de lo que van a ver. Aquí es donde la tipografía resulta útil.

Aquí tienes 10 consejos de la agencia de marketing digital Leovel para mejorar eficazmente la legibilidad y el aspecto de tu contenido textual y comunicarte con tus lectores con estilo.

NO UTILICE DEMASIADOS TIPOS DE LETRA

Aunque el estilo es un factor importante en el diseño, y aunque es muy tentador utilizar tantos estilos como puedas, no es una gran idea utilizar 3, 4, 5 o más fuentes diferentes. Basta con una o dos; de hecho, con dos ya es suficiente. Recuerda que quieres que tu sitio web sea limpio y que parezca divertido sin perder su profesionalidad y estructura. Regla de oro: MENOS ES SIEMPRE MÁS.

INTENTE UTILIZAR FUENTES ESTÁNDAR

Elegir fuentes estándar garantiza una mejor legibilidad por parte de los usuarios porque, por lo general, los usuarios están acostumbrados a fuentes de sistema como Arial, Calibri, Trebuchet, etc. A no ser que su sitio web requiera un diseño específico o personalizado, lo mejor es ceñirse a fuentes que la gente seguramente entenderá.

LIMITE LA LONGITUD DE LAS LÍNEAS

La clave de un sitio web perfecto es la legibilidad. Pensándolo bien, si el texto es demasiado largo, los lectores no querrán leerlo entero. La longitud de la línea no debe ser ni demasiado estrecha ni demasiado ancha, simplemente tiene que tener la longitud adecuada.

«Deberías tener unos 60 caracteres por línea si quieres una buena experiencia de lectura. Tener la cantidad adecuada de caracteres en cada línea es clave para la legibilidad de tu texto».

ELIGE UN TIPO DE LETRA QUE SEPAS QUE FUNCIONARÁ BIEN EN VARIOS TAMAÑOS

Tenga esto en cuenta: Los usuarios utilizarán distintos gadgets, por lo que no existe una única resolución o tamaños de pantalla uniformes. Asegúrate de aplicar un tipo de letra que funcione universalmente en distintos soportes.

UTILIZA FUENTES EN LAS QUE SEA FÁCIL DISTINGUIR LAS LETRAS

Para evitar que los usuarios confundan la «i» con la «l», etc., lo que ocurre la mayoría de las veces, utilice un tipo de letra concreto que sea distinguible para que resulte más legible y cómodo para los usuarios.

EVITE LAS MAYÚSCULAS

Las mayúsculas sólo deben utilizarse para poner énfasis en una palabra o frase concreta; no es aconsejable poner en mayúsculas todo el texto de tu contenido.

NO REDUZCAS AL MÍNIMO EL ESPACIO ENTRE LÍNEAS

Esto se refiere al interlineado, que es como lo llamamos en tipografía. Ahora bien, si aumentas el interlineado, estás aumentando o ensanchando el espacio en blanco entre las líneas del texto. Al hacerlo, también aumenta la legibilidad del texto. No hagas lo contrario.

ASEGÚRATE DE QUE EL CONTRASTE DE COLORES ES EL ADECUADO

Los colores también desempeñan un papel vital en la tipografía o en el diseño en general. Lo más importante es tener en cuenta la legibilidad del texto, por lo que no sirve de nada utilizar el mismo color de fuente que de fondo. El W3C recomienda las siguientes relaciones de contraste para el cuerpo del texto y el texto de las imágenes:

*El texto pequeño debe tener una relación de contraste de al menos 4,5:1 respecto al fondo.

*El texto grande (a partir de 14 pt negrita/18 pt normal) debe tener una relación de contraste de al menos 3:1 respecto al fondo.

EVITE COLOREAR EL TEXTO EN ROJO O VERDE

El daltonismo es una condición común, especialmente entre los hombres (el 8% de los hombres son daltónicos), se recomienda utilizar otras señales además del color para distinguir la información importante. Debemos evitar utilizar el rojo o el verde porque son los colores comunes que afectan a los daltónicos.

EVITAR EL USO DE TEXTOS PARPADEANTES

A veces, los textos intermitentes o parpadeantes pueden provocar convulsiones a otras personas. A algunas personas les resulta molesto y les distrae, por lo que es mejor evitarlo.