1. •RETICULAS PARA
PANTALLA
Cualquier documento que
tenga que ser maquetado
tendrá que estar
compuesto en base a una
retícula. La retícula son
una serie de guías que nos
darán los tamaños de las
columnas para el texto,
gráficos e imágenes que
tengamos que componer.
2. •RETICULAS PARA PANTALLA
La primera aproximación que debemos hacer para poder plantear una retícula es
conocer el contenido, jerarquías y objetivos del documento. Debemos conocer con
claridad que debe comunicar el documento, la temática del mismo (si es opinión, si
es una receta, si es un informe técnico...).
Si nuestro sitio web puede
albergar diferentes tipos de
documentos deberemos
diseñar tantas retículas como
tipos de documentos.
No se puede pensar en un
diseño "para todo" ya que
perderemos legibilidad y
comprensión por parte de los
usuarios.
Si el usuario se ve expuesto a
diferentes tipos de contenido
bajo el mismo esquema, se
puede perder.
3. •RETICULAS PARA PANTALLA
Hay dos formas de aproximarse al diseño de la retícula.
El matemático. Se supone que uno puede directamente tomar el ancho del
documento, calcular la proporción aurea y sacar una retícula. En este caso, las líneas
azules nos marcan la proporción áurea del documento y de ahí podemos sacar una
retícula.
4. •RETICULAS PARA PANTALLA
El orgánico
La aproximación más natural es la orgánica donde el contenido dará las proporciones
que luego podran ser sistematizadas en forma de retícula. Por ello el primer paso para
establecer la retícula es poner nuestro contenido sobre el papel... o en este caso, sobre
el navegador.
5. •RETICULAS PARA PANTALLA
En pantalla la lectura es mas dura que en
papel y por tanto debemos cuidar el ancho
de línea. Por lo general algo superior a los
350 pixeles con tipografías de tamaño 10 / 11
/ 12 suele ser correcto.
Aun así, debe cuidarse mucho estos
aspectos de tamaño y ancho de línea ya que
un documento que puede leerse con
comodidad en pantalla ahorra mucho
tiempo a los usuarios.
En especial en ámbitos como intranets,
universidades o centros de documentación,
si se consigue hacer los documentos
legibles en pantalla, el ahorro de
impresiones, etc... puede ser mayúsculo.
Este ancho de columna base es el punto de
partida para la retícula.
6. •RETICULAS PARA PANTALLA
Sistematizando la retícula
En el ancho general, se debe dividir la retícula
en un número suficiente de columnas y filas
como para poder alojar todo tipo de elementos
pero sin que sean demasiados como para que
parezca arbitrario o demasiado complejo de
gestionar.
En este sentido es importante trabajar de forma
orgánica al principio creando el layout de
forma libre.
Es, importante establecer fotografías y posibles
gráficas de forma natural y luego ver como
sistematizar los elementos. Y es bueno que
sean personas diferentes. El diseñador debe
liberarse de posibles trabas técnicas que le
impidan expresar con libertar el concepto a
plasmar.