Tipografía en el diseño web

Bueno y un 5% de diseño de interacción, eso es lo que piensan los señores de information architects y tienen bases para pensarlo, el 95% de la información de la red es texto, los diseñadores deberíamos contar con una base sólida en el tema de darle forma al lenguaje escrito en resumen en tipografía.

Ahora los señores de information architects tienen toda la autoridad moral para hablar de tipografía ya que cuentan con Erik Spiekerman dentro de su equipo, Erik es algo así como un superhéroe de la tipografía que ha vivido pensando en fuentes casi desde chiquito.

Al optimizar la tipografía se está optimizando la lecturabilidad, accesibilidad, usabilidad y en general el balance gráfico. Debemos tratar el texto como un elemento de interfaz de usuario.

Hay varias recomendaciones generales que mejoran la tipografía de un sitio:

  1. Tamaño de fuente relativo, es decir en em no en pixeles
  2. Uso generoso del espacio en blanco
  3. Espaciado vertical o en css line-height, por lo general mayor a una proporción de 1.5, es decir si la fuente de nuestro cuerpo de texto es de 2em, el espaciado vertical debe ser 2*1.5em
  4. Claro contraste entre el fondo y la tipografía, el mayor contraste está dado por un fondo blanco y texto negro
  5. Diferenciar texto e imágenes, es decir darles tratamientos específicos