La cuadrícula para el diseño web

Agosto 20,2011

Esta se puede definir como la gran olvidada dentro de los aspectos más importantes del diseño web. Viene directamente del diseño gráfico y la maquetación para imprenta, pero su herencia queda latente a la hora de distribuir mediante un sentido o una metodología los espacios que la componen.
La definición purista de cuadrícula puedes encontrarla en la web de la RAE que define la palabra retícula como instrumento de ayuda óptica, denominada también rejilla, malla o grilla, pero en resumen es una serie de líneas rectas verticales y horizontales que forman un conjunto espacial simétrico. Aplicado al diseño editorial se trata de la forma de distribuir texto, imágenes, título y márgenes a un diseño concreto.

Para el diseño gráfico el término viene desde hace mucho tiempo en 1950 aparece el famoso movimiento deEstilo Tipográfico Internacional desarrollado en Suiza y que tuvo una grandísima influencia en la época. Una de sus principales definiciones expone que :“Las características de un estilo son la unidad en el diseño logrado a través de la asimetría en la composición, el uso de la malla tipográfica y una cuadrícula matemática”

Otro término muy utilizado es la rejilla base que no es un sinónimo de cuadrícula ya que esta se centra en las líneas (no visibles para el lector) que engloban las cajas donde se coloca el texto.

Aquí se nos muestra de forma práctica el uso de la grilla suiza en el diseño web con imágenes y ejemplos.

Este es un video tutorial muy interesante de Illustrator CS5 donde nos explica y desgrana el uso de la cuadrícula dentro de la interface del programa.

De su evolución hacia el mundo digital nos encontramos con las típicas plantillas de diseño con una cabecera, a dos columnas, espacio central y pie de página. De esta plantilla se puede realizar una cuadrícula que distribuya uniformemente todos los elementos incluidos en la web. Utilizándola se consigue una mejora visual y una maquetación excelente. Si desde un principio se realiza la grilla teniendo en cuenta todos los elementos incluyendo los más mínimos detalles como los botones para el social media el aspecto tiene una mejora garantizada.

cuadricula-web


Compartir en Facebook | Indice.

---------------------------------------------------------------------------