stringtranslate.com

Cuadrícula (diseño gráfico)

Una cuadrícula de diseño de página (mostrada en líneas blancas) compuesta por una serie de líneas de cuadrícula verticales y horizontales que se cruzan. El texto ( contenido ) no es parte de la cuadrícula. El contenido de texto se aplica a una página en particular utilizando la cuadrícula " alineada a la izquierda " a lo largo de los lados inferiores y los lados derechos de las líneas de cuadrícula. La misma cuadrícula se puede aplicar a varias páginas utilizando diferentes tipos de contenido o diferentes estilos del mismo tipo de contenido.
Una cuadrícula aplicada dentro de una imagen (en lugar de una página) utilizando líneas angulares adicionales para guiar las proporciones.

En diseño gráfico , una cuadrícula es una estructura (normalmente bidimensional ) formada por una serie de líneas rectas (verticales, horizontales y angulares) o curvas ( líneas de cuadrícula ) que se entrecruzan y que se utilizan para estructurar el contenido. La cuadrícula sirve como armazón o marco sobre el que un diseñador puede organizar elementos gráficos ( imágenes , glifos , párrafos , etc.) de una manera racional y fácil de asimilar. Una cuadrícula se puede utilizar para organizar elementos gráficos en relación con una página, en relación con otros elementos gráficos de la página o en relación con otras partes del mismo elemento gráfico o forma .

El término de impresión menos común "cuadrícula de referencia" es un sistema no relacionado que tiene sus raíces en los primeros días de la imprenta.

Historia

Antepasados

Antes de la invención de los tipos móviles se había utilizado un sistema basado en proporciones óptimas para disponer el texto manuscrito en las páginas. Uno de estos sistemas, conocido como diagrama de Villard, se utilizaba al menos desde la época medieval. [1]

Evolución de la red eléctrica moderna

Después de 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 del diseño de página convencional de la época. Comenzaron a idear un sistema flexible capaz de ayudar 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ó con el Estilo Tipográfico Internacional . El trabajo seminal sobre el tema, Grid systems in graphic design de Müller-Brockmann, ayudó a propagar el uso de la cuadrícula, primero en Europa y luego en América del Norte.

Reacción y reevaluación

A mediados de la década de 1970, la enseñanza de la cuadrícula tipográfica como parte de los programas de diseño gráfico se había convertido en algo habitual en Europa, América del Norte y gran parte de América Latina. El estilo gráfico de la cuadrícula se adoptó como un estilo para la comunicación corporativa. A principios de la década de 1980, una reacción contra el afianzamiento de la cuadrícula, en particular su uso dogmático y su asociación con la cultura corporativa, dio lugar a que algunos diseñadores rechazaran su uso en favor de una estructura más orgánica. La aparición de la computadora Apple Macintosh y la consiguiente transición de la composición de los tipos por parte de los tipógrafos a la composición de los tipos por parte de los diseñadores dio lugar a una ola de experimentación, en gran parte 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, no como un requisito o punto de partida para todo el diseño de páginas.

Uso de cuadrículas en el diseño web

Si bien los sistemas de cuadrícula se han utilizado de manera significativa en los medios impresos, el interés de los desarrolladores web recién ha resurgido recientemente. Los marcos de diseño de sitios web que producen HTML y CSS ya existían desde hacía un tiempo antes de que los marcos más nuevos popularizaran el uso de diseños basados ​​en cuadrículas. Algunos sistemas de cuadrícula especifican elementos de ancho fijo con 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 frameworks CSS que incluyen su propio sistema de cuadrícula:

Uso de cuadrícula en el diseño de impresión

El diseño de imprentas siempre ha utilizado sistemas de cuadrícula para organizar y estructurar el contenido. Los sistemas de cuadrícula comenzaron como líneas auxiliares para los libros escritos. Los artistas utilizaban sistemas de cuadrícula para organizar el contenido (texto e imágenes) de una manera que facilitaba la lectura y la absorción. Los periódicos, libros, revistas y anuncios clasificados, etc., utilizan todos diferentes sistemas de cuadrícula que hacen un uso óptimo del espacio para una mejor lectura y presentación. [4]

Software

La mayoría del software de autoedición, software de publicación profesional y otros programas de oficina, incluidos los procesadores de texto, muestran el diseño de cuadrícula como una opción.

Véase también

Referencias

  1. ^ "Copia archivada". Archivado desde el original el 30 de mayo de 2013. Consultado el 17 de junio de 2013 .{{cite web}}: CS1 maint: copia archivada como título ( enlace )
  2. ^ Marcotte, Ethan (3 de marzo de 2009). "Fluid Grids". A List Apart.
  3. ^ Tab Atkins Jr.; Elika J. Etemad; Rossen Atanassov (14 de diciembre de 2017). «CSS Grid Layout Module Level 1». Consorcio World Wide Web . Consultado el 10 de julio de 2019 .
  4. ^ "¿Qué es un sistema de cuadrícula?"

Lectura adicional

Enlaces externos