jueves, septiembre 14, 2006

Mejoras en los templates

Hola a todos:

He aquí las nuevas instrucciones que queremos proponer para transformar la presentación de los templates con los que actualmente estamos trabajando. Básicamente los nuevos templates tendrían que tener las siguientes características:

Tipografía con patines
Fondo oscuro, letra clara
caja de texto centrada y de un ancho menor al que actualmente estamos utilizando
texto alineado a la izquierda
Mayor interlineado

Consideramos que estas características podrían hacer más cómodo el proceso de lectura para los usuarios y dar un poco más de dinamismo a la imagen de la revista.

Esta es la justificación de estos cambios, que en realidad provienen de un propuesta original de LIbia, de la cual creo que vale la pena que se discuta en el equipo que integra la revista. Sería interesante que los diseñadores nos comentaran cómo le podemos sacar más provecho a Dream weaver, para poder contar con otro tipo de templates.

Propuesta y justificación

Es necesario dar más dinamismo a la imagen de la revista, a nivel de texto y aprovechamiento del espacio. Los homes son siempre muy llamativos y cada artículo que presentan como objeto digital, es un logro, no sólo por el diseño sino por el concepto; pero para el volumen de información que se maneja es necesario que toda la revista sea igual de atractiva, a nivel de lectura. Podemos pensar no sólo en función de objetos digitales, sino en un concepto que englobe cada, artículo, cada capítulo y todo el contenido.

Cambios sugeridos:
Hacer una hoja de estilo. Esto permitirá que sea más fácil aplicar el formato al texto de los artículos. Definir de antemano las características tipográficas para que el texto sea visualmente atractivo y cumpla con los parámetros necesarios para una buena lectura, hará que se trabaje con más soltura, rapidez y comodidad.

Centrar la “caja” de texto. Así el espacio se distribuye de manera más equilibrada. Esto haría que los renglones fueran más cortos, lo que facilita la lectura. En tanto el renglón sea de buen tamaño el ojo no se pierde al ir del final del anterior al inicio del siguiente, el ancho ideal es de unos 75 a 100 caracteres aproximadamente.

Usar tipografía con patines. Cuando uno lee un texto largo es mejor usar tipografía con patines (Georgia) que una de palo seco, tanto en papel como en pantalla aplica el mismo principio. La razón es que el ojo tiene que ir encadenando unas letras con otras. La tipografía sin patines es mejor para textos breves (un párrafo de introducción, por ejemplo) y párrafos no muy largos.

Usar un fondo oscuro y letras claras. La razón es muy básica y lógica: El monitor puede llegar a funcionar como un foco y cansar al lector .


Usar un interlineado mucho mayor que el proporcional que se usa para impresos: si tengo una fuente de doce puntos (o unos catorce pixeles) y en papel le daría un interlineado de catorce puntos, en pantalla me tengo que ir a dieciséis puntos, para que no parezca que el texto está apelmazado y --lo mismo-- el lector no se canse. Es como comerse un buen suflé: debe estar "lleno de aire" :)

El justificado del texto se puede hacer a la izquierda, sin que se pierda la armonía en la lectura.

Un ejemplo que podemos ver de algunos de estos principios aplicados en publicaciones digitales está precisamente en este blog. El fondo de la caja tiene una textura muy leve, pero mataron el blanco-brillante; la letra: Georgia y no es necesariamente pequeña (cosa que muchos lectores agradecen); el texto está al “centro” de la pantalla; el color del fondo es más obscuro, etcétera. Otro ejemplo, de publicación científica, que aplica varios de estos principios y otros muchos y tiene una imagen muy limpia y profesional: Public Library of Science, un sitio que saqué, precisamente, del artículo de Joaquín Rodríguez. Yo creo que está súper chido, dan ganas de leer el contenido, aunque uno no sepa ni jota de ciencia.