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 forma parte de la cuadrícula. El contenido del texto se aplica a una página en particular utilizando la cuadrícula " a la izquierda " a lo largo de los lados inferiores y derechos de las líneas de la 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) usando líneas angulares adicionales para guiar las proporciones.

En diseño gráfico , una cuadrícula es una estructura (generalmente bidimensional ) formada por una serie de líneas rectas (verticales, horizontales y angulares) o curvas ( líneas de cuadrícula ) que se cruzan y que se utilizan para estructurar el contenido. La cuadrícula sirve como armadura o marco sobre el cual un diseñador puede organizar elementos gráficos ( imágenes , glifos , párrafos , etc.) de una manera racional y fácil de absorber. Se puede utilizar una cuadrícula 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 con sus raíces en los primeros días de la impresión.

Historia

Antepasados

Antes de la invención de los tipos móviles, se utilizaba un sistema basado en proporciones óptimas para organizar el texto escrito a mano en las páginas. Uno de esos sistemas, conocido como Diagrama de Villard, estuvo en uso al menos desde la época medieval. [1]

Evolución de la red 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 de la página convencional. disposición 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 fundamental sobre el tema, Sistemas de cuadrícula en diseño gráfico 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 planes de estudio de diseño gráfico se había convertido en estándar 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 look de comunicación corporativa. A principios de la década de 1980, una reacción contra el arraigo de la cuadrícula, particularmente su uso dogmático y su asociación con la cultura corporativa, resultó en 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 transición resultante de que los tipógrafos establecieran los tipos a los propios diseñadores dieron como resultado 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 requisito o punto de partida para todo diseño de páginas.

Uso de grid en diseño web

Si bien los sistemas de cuadrícula han tenido un uso significativo en los medios impresos, el interés de los desarrolladores web ha resurgido recientemente. Los marcos de diseño de sitios web que producían HTML y CSS existieron durante 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 algunos son "fluidos", lo que significa que requieren que el tamaño de los elementos de la página esté 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ículas bidimensional. [3]

También existen frameworks CSS que incluyen su propio sistema de grid:

Uso de cuadrículas en diseño de impresión.

El diseño de impresión siempre ha utilizado sistemas de cuadrículas para organizar y estructurar el contenido. Los sistemas de cuadrícula comenzaron como líneas auxiliares para libros escritos. Los artistas utilizaron sistemas de cuadrícula para diseñar el contenido (texto e imágenes) de una manera que facilitara la lectura y la absorción. Periódicos, libros, revistas, anuncios clasificados, etc., utilizan diferentes sistemas de cuadrícula que aprovechan al máximo el espacio para una mejor lectura y presentación. [4]

Software

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

Ver 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}}: Mantenimiento CS1: copia archivada como título ( enlace )
  2. ^ Marcotte, Ethan (3 de marzo de 2009). "Rejillas fluidas". Una lista aparte.
  3. ^ Pestaña Atkins Jr.; Elika J. Etemad; Rossen Atanassov (14 de diciembre de 2017). "Módulo de diseño de cuadrícula CSS Nivel 1". Consorcio Mundial de la red . Consultado el 10 de julio de 2019 .
  4. ^ "¿Qué es un sistema de red?".

Otras lecturas

enlaces externos