Cuadrícula (diseño gráfico)

Antes de la invención de la imprenta de tipos móviles, se utilizaba un sistema basado en proporciones óptimas para organizar el texto manuscrito en las páginas. Uno de estos sistemas, conocido como el Diagrama de Villard , se utilizaba al menos desde la Edad Media. ^{[ 1 ]}

Tras la Segunda Guerra Mundial, varios diseñadores gráficos , entre ellos Max Bill , Emil Ruder y Josef Müller-Brockmann , influenciados por las ideas modernistas de *Die neue Typographie * (La nueva tipografía) de Jan Tschichold , comenzaron a cuestionar la relevancia de la maquetación convencional de la época. Empezaron a idear un sistema flexible que ayudara a los diseñadores a lograr coherencia en la organización de la página. El resultado fue la cuadrícula tipográfica moderna, que se asoció al Estilo Tipográfico Internacional . La obra fundamental sobre el tema, * Sistemas de cuadrícula en el diseño gráfico*, de Müller-Brockmann, contribuyó a difundir el uso de la cuadrícula, primero en Europa y luego en Norteamérica.

A mediados de la década de 1970, la enseñanza de la cuadrícula tipográfica como parte de los planes de estudio de diseño gráfico se había convertido en un estándar en Europa, Norteamérica y gran parte de Latinoamérica. El estilo gráfico de la cuadrícula se adoptó como una estética para la comunicación corporativa. A principios de la década de 1980, una reacción contra el arraigo de la cuadrícula, en particular su uso dogmático y su asociación con la cultura corporativa, llevó a algunos diseñadores a rechazar su uso en favor de estructuras más orgánicas. La aparición del ordenador Apple Macintosh y la consiguiente transición de la composición tipográfica a la composición por parte de los propios diseñadores dieron lugar a una ola de experimentación, gran parte de ella contraria a los preceptos de Tschichold y Müller-Brockmann. La cuadrícula tipográfica se sigue enseñando hoy en día, pero más como una herramienta útil para algunos proyectos que como un requisito o punto de partida para todo el diseño de página.

Si bien los sistemas de cuadrícula se han utilizado ampliamente en medios impresos, el interés de los desarrolladores web ha resurgido recientemente. Los marcos de diseño web que generan HTML y CSS existían desde hacía tiempo antes de que los marcos más recientes popularizaran el uso de diseños basados ​​en cuadrículas. Algunos sistemas de cuadrícula especifican elementos de ancho fijo en píxeles, y otros son "fluidos", lo que significa que requieren que el tamaño de los elementos de la página se exprese en unidades relativas, como porcentajes, en lugar de unidades absolutas como píxeles o puntos. ^{[ 2 ]}

El W3C publicó el Módulo de Diseño de Cuadrícula CSS Nivel 1 para definir un sistema de diseño basado en cuadrícula bidimensional. ^{[ 3 ]}

También existen marcos de trabajo CSS que incluyen su propio sistema de cuadrícula:

• Oreja
• Fundación ZURB

El diseño impreso siempre ha utilizado sistemas de cuadrícula para organizar y estructurar el contenido. Estos sistemas comenzaron como líneas de ayuda para los libros escritos. Los artistas los empleaban para organizar el contenido —texto e imágenes— de manera que facilitara la lectura y la comprensión. Periódicos, libros, revistas, anuncios clasificados, etc., utilizan diferentes sistemas de cuadrícula que optimizan el uso del espacio para una mejor lectura y presentación. ^{[ 4 ]}