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

ordenador-portatil

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?)