Archivo

Entradas Etiquetadas ‘tipografía’

Comunicación visual en la tipografía

Miércoles, 6 de Mayo de 2009

La tipografía es uno de los elementos más importantes en el proceso del diseño editorial impreso o digital. Su elección se basa en varios parámetros: como sus rasgos estéticos, el tipo de publicación, el público al que va dirigida la publicación, el formato, la estructura, entre otros. Estos elementos se encuentran dentro de un mensaje visual, por lo que la forma como los diseñemos y empleemos en un producto gráfico se considera una parte fundamental para transmitir o comunicar eficazmente determinada información.

La comunicación visual comprende todo aquello externo que ve el individuo. Por lo cual, B. Munari la divide a su vez en dos clases: casual e intencional. La comunicación casual es aquella que se interpreta libremente y existe de manera natural y la comunicación intencional es aquella que fue generada con un significado concreto para que el público pueda interpretar el mensaje de una forma determinada. La parte fundamental del diseño es la manera como se va transmitir el mensaje, para lo cual los estudios de Munari dividen el mensaje en dos partes: la información que lleva el mensaje y el soporte visual. El soporte visual son aquellos elementos visuales que se deben usar en conjunto y con mayor coherencia para la transmisión del mensaje como son la textura, la forma, la estructura, el módulo y el movimiento.

La comunicación visual en el diseño –ya sea impreso o digital– se sitúa en el ámbito de una comunicación intencional. Puesto que los componentes empleados en el soporte visual para generar un mensaje están fundamentados en el público al que va dirigido y en el tipo de publicación que se desea crear, por lo que a partir de dichos fundamentos se elegirán la tipografía, la maquetación, las imágenes empleadas, los colores, entre otros elementos visuales que se pueden utilizar.

Por lo tanto, la elección de una determinada tipografía para una publicación se basa en la personalidad que se desea transmitir al lector (a partir de sus rasgos estéticos), dado que dichos rasgos apoyan el estilo de la publicación. Las características estéticas de la tipografía se pueden analizar por las siguientes características: textura, estructura, módulo y movimiento.

  • La textura de una tipografía puede ser de origen orgánica o geométrica.
  • La estructura es la variación del espacio en que está constituida, como el ancho y el alto de los rasgos.
  • El módulo es la unidad en que se encuentra circunscrita y su repetición conforma toda la estructura.
  • El movimiento se determina por la variedad de sus trazos, pueden ser estáticos o dinámicos.

De acuerdo con lo anterior, he seleccionado algunos ejemplos de publicaciones que solamente utilizan la tipografía como parte fundamental de su diseño. Por lo que su personalidad y proyección en la publicación son fundamentales para el mensaje que transmiten:

Author: Montserrat Categories: Diseño-web Tags: , ,

Doce reglas para tipografía [web]

Miércoles, 22 de Abril de 2009

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