7 errores muy comunes que se deben evitar en tipografía web

A pesar del gran impacto que tiene la elección de una fuente tipográfica en un proyecto web, no es nada difícil que te encuentres con uno de esos clientes que está totalmente decidido a utilizar un estilo y tamaño de tipografía sin tener en cuenta ciertas normas y prescindiendo totalmente del asesoramiento de los más profesionales. Nunca debemos pasar por alto que hay ciertas normas de carácter básico para aplicar estilo y tipografías a nuestros textos y contenidos escritos de una manera profesional y armoniosa.

Entre las normas más importantes a las que debes prestar atención hoy te voy a proponer siete indispensables en la tipografía web:

• Utilizar mayúsculas: En grandes superficies inundadas por texto o en el cuerpo de nuestros artículos nunca deberemos emplear letras en mayúscula (quizá podemos añadir un par de palabras en mayúscula para resaltar algún que otro concepto pero en ocasiones excepcionales. Aquí un ejemplo: NUNCA utilices mayúsculas para grandes concentraciones de texto ni para títulos.

• Texto de tamaño ilegible: Lleva cuidado con el tamaño que estableces en cada una de las áreas de tu sitio web. Los tamaños más recomendados son los que encontramos a partir de los 11 puntos, aunque depende del área en que nos enfoquemos. Supervisa el resultado en cada una de las plataformas o soportes y asegúrate de que tanto en la versión móvil como en la versión web los tamaños son los adecuados.

• Exceso de creatividad: Olvida aquellas fuentes más barrocas y que presenten excesivas florituras. Este tipo de fuentes tan creativas suelen ser muy buenas para diseñar logotipos o para proyectos muy concretos pero bajo ninguna circunstancia para protagonizar grandes masas de texto. Si lo haces provocarás una sensación de agobio en el lector y un excesivo recargamiento visual no va a ayudar a que tus visitantes continúen leyendo.

• Combinación de fuentes: Estás a punto de escoger la fuente para tu proyecto web. Estás entre la espada y la pared porque consideras que la fuente Helvética es más adecuada y puede quedar bastante bien, pero por otro lado piensas que una Palatino es justo lo que estabas buscando. Al final decides utilizar ambas y lo peor de todo es que las combinas de forma despreocupada por todo un mar de letras. ¡Enhorabuena lo has conseguido! Te has librado de tu gran dilema, aunque bueno ha habido daños colaterales sin la menor importancia: Has creado un proyecto desordenado, sin identidad y limpieza, pero que no pasa nada ¿eh? (ironía).

• Uso excesivo del texto centrado: Hay ciertas circunstancias que nos obligan a utilizar una estructura con nuestros textos centrados, como por ejemplo una enumeración de conceptos, la presentación de trabajos y/ fotografías… pero esto en términos generales nunca debe ser utilizado. Presentar textos alineados a la izquierda o justificados siempre acentuará la sensación de orden y limpieza. Ya sabes que el orden es un objetivo que tenemos que buscar siempre en nuestros proyectos.

• Contrastes inadecuados: Dentro de este punto hablamos de todo tipo de contrastes. Contrastes por ejemplo con cambio de tipografías y estilos (negrita, cursiva, subrayado…), colores… En cuanto al tema de los colores lo más académico, sencillo y limpio es que siempre hagamos uso de un color (dos como mucho y de ellos uno deberá ser negro). El exceso de contrastes no es bueno. Utilizamos el contraste en cualquiera de sus variantes para otorgar cierto protagonismo a un concepto o para llamar la atención de nuestro público en algo definido. Si estás marcando contrastes cada dos minutos vas a volver loco a todo el que te lea. Así que se un poco precavido. Cada vez que recurras a una de estas herramientas expresivas deberás hacerlo con una justificación. Porque te parece que queda bonito no es una justificación y porque sí tampoco lo es ;)

• Interlineado incorrecto: El interlineado es otro aspecto importante en el resultado final de nuestro proyecto. Procura respetar los espacios y que todos los elementos guarden la distancia suficiente para que no haya una sensación agobiante y de densidad extrema.

Antes de terminar me gustaría dejarte un pequeño botiquín de emergencia. La mayoría de los diseñadores y programadores web suelen usar lo que se conoce como «tipografías seguras», entre ellas se encuentran las siguientes aunque por supuesto si optas por alguna de ellas que sea porque cuaja con el proyecto en cuestión: Verdana, Geneva, Sans-serif, Georgia, Times New Roman, Times, Serif, Courier New, Courier, Monospace, Arial, Helvética, Sans-serif Tahoma, Trebuchet  MS, Arial Black, Gadget, Palatino Linotype, Book Antiqua, Palatino, Lucida Sans Unicode, Lucida Grande, MS Serif, New York, Lucida Console, Monaco, Comic Sans… (la última no cuela, ¿no?)