Doce reglas para tipografía [web]

En la búsqueda del uso correcto de la tipografía en web me he encontrado con distintas páginas donde dan ciertos consejos de lo que debes y no debes hacer en el momento de elegir una tipografía. Por ejemplo, la tipografía es uno de los elementos más importantes que debes considerar en el momento de diseñar porque su correcta elección dependerá si el lector seguirá leyendo o no el artículo, cartel o una página web. Todas las familias tipográficas tienen personalidades distintas y aplicadas en web.

En la actualidad se han desarrollado reglas específicas para el diseño editorial en web, ya que el medio no permitió usar las que se aplicaban a los impresos.

No obstante, al ser un medio que se transforma tan rápido, me hace preguntarme: ¿cuál será el futuro del diseño editorial en el medio digital?

Está claro que los principios editoriales en las páginas web se basaron mucho en los impresos. Sin embargo, como se ha dicho, el medio no permite usar todas las reglas para diseño impreso. Por ejemplo, la legibilidad que uno espera encontrar usando cualquier tipografía no es posible debido a las características del píxel del monitor, por lo que nos enfrentamos limitados al experimentar con tipografías en la web. Cabe resaltar que se han generado nuevas tipografías exclusivamente para monitor. Otro ejemplo, es que ya no es necesario utilizar múltiples columnas para un artículo ya que se dispone de un scroll para poder leer un texto muy largo. Por lo mismo, el diseño esta limitado respecto al uso de un formato horizontal. Pero ahora con el desarrollo del e-book podríamos empezar a ver otras posibilidades de formato, como lo hizo la revista Esquire en una cubierta que realizó con e-ink conmemorando su 75 aniversario. Esto lo podemos ver en un video donde la aplicación de este medio en el diseño puede cambiar, en la cubierta se resaltan las palabras y hasta se puede ver una animación sencilla de un carro en el interior. Lo cual nos hace ver todo un mundo de posibilidades para diseñar en e-link. Siempre había pensado que la escena donde sale un periódico en la película de Harry Potter sería buenísimo que existiera y hoy lo vemos en vivo y a todo color.

Sin embargo, antes de empezar a diseñar para este nuevo medio hay que considerar las reglas que ya se han planteado para un medio digital, las cuales han sido expuestas en distintas páginas y blogs. A continuación haré un resumen de lo que aconsejan:

  1. Aprovechar las ventajas de usar CSS para interlineados e interletrados
  2. No utilizar cajas de textos muy amplios, se recomienda usar entre 12 a 15 palabras por línea
  3. Los espacios blancos son muy importantes para una lectura fluida, es decir, dejarle el espacio suficiente entre las letras, palabras e imágenes
  4. No usar muchas familias tipográficas, se recomienda usar sólo 2 familias para destacar los textos
  5. Limitar el uso de columnas, no es lo mismo que en impresos
  6. Usar jerarquías de tamaños tipográficos para destacar los títulos, subtítulos, pie de fotos o textos; algunos no recomienda usar muchos colores para destacar
  7. Cuidar que el color de la tipografía no se pelee visualmente con el color del fondo y si el fondo tiene mucha textura se debe usar un color plano en la caja de texto
  8. Cuidar que el diseño tipográfico no se rompa por los distintos tamaños de monitor
  9. Preferentemente usar tipografías san-serif (sin patines) para textos largos
  10. Las tipografías san serif sin antialias se leen mejor cuando usas tamaños de texto muy pequeñas
  11. El espacio del interletrado de la Verdana o Georgia es mucho mejor que la Times New Roman o la Helvetica, es decir, no hacen que se peguen entre si las i, j y l con el texto
  12. La tipografías Verdana, Georgia y Trebuchet fueron creadas para pantalla por lo que usan tamaños que se adecuan mejor al píxel del monitor

Si requieren de más información están estos vínculos que los pueden ayudar:

5 Simple Ways to Improve Web Typography

10 Web Typography Rules Every Designer Should Know

Plastic Logic E-Newspaper, el fin del papel cada vez más cerca

Plastic Logic y la tinta electrónica en Esquire

Rival to Amazon Kindle Finds Partners

Reglas de medir en pantalla para diseñadores

Legibilidad y comprensión en la Web

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *