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 para estructurar el contenido. La cuadrícula sirve como una armadura o marco en 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 en 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 raíces en los primeros días de la impresión.
Historia
Antepasados
Antes de la invención de los tipos móviles, se había utilizado un sistema basado en proporciones óptimas para organizar el texto escrito a mano en las páginas. Uno de esos sistemas, conocido como el 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 , incluidos 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 del tiempo. 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 el 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 instrucción 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. Se adoptó el estilo gráfico de la cuadrícula como look para la comunicación corporativa. A principios de la década de 1980, una reacción contra el atrincheramiento de la cuadrícula, en particular su uso dogmático, y la asociación con la cultura corporativa, hizo 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 la tipografía establecida por los tipógrafos a los diseñadores que configuran la tipografía por sí mismos, resultó en 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 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 solo ha visto un resurgimiento recientemente. Los marcos de diseño de sitios web que producen HTML y CSS existían 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 bidimensional basado en cuadrículas. [3]
También hay marcos CSS que incluyen su propio sistema de cuadrícula:
Uso de cuadrícula en diseño de impresión:
El diseño de impresión siempre ha utilizado sistemas de cuadrícula para organizar y estructurar el contenido. Los sistemas de cuadrículas 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 facilite la lectura y la absorción. Periódicos, libros, revistas, clasificados, etc., utilizan diferentes sistemas de cuadrículas que hacen un uso óptimo del espacio para una mejor lectura y presentación. [4]
Software
La mayor parte 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.
Referencias
- ^ "Copia archivada" . Archivado desde el original el 30 de mayo de 2013 . Consultado el 17 de junio de 2013 .CS1 maint: copia archivada como título ( enlace )
- ^ Marcotte, Ethan (3 de marzo de 2009). "Rejillas fluidas". Una lista aparte.
- ^ Tab Atkins Jr .; Elika J. Etemad; Rossen Atanassov (14 de diciembre de 2017). "Nivel 1 del módulo de diseño de cuadrícula CSS" . Consorcio World Wide Web . Consultado el 10 de julio de 2019 .
- ^ "¿Qué es un sistema de rejilla?" .
- Baines, Phil y Haslam, Andrew. Type & Typography, segunda edición. Nueva York: Publicaciones Waston-Guptill, 2005. ISBN 0-8230-5528-0 .
- Burnhill, Peter. Espacios tipográficos: en las normas de la casa en la tipografía de Aldus Manutius. Londres: Hyphen Press, 2003. p. 101.
- Elam, Kimberly. Sistemas de cuadrícula: principios del tipo de organización. Nueva York: Princeton Architectural Press, 2004. ISBN 1-56898-465-0 .
- Hochuli, Jost. Diseño de libros: práctica y teoría.
- Hurlburt, Allen. Grid: un sistema modular para el diseño y producción de periódicos, revistas y libros. Wiley: 1982. ISBN 0-471-28923-X .
- Le Corbusier El Modular .
- Müller-Brockmann, Josef. Sistemas Grid en Diseño Gráfico. Niggli: 1996. ISBN 3-7212-0145-0
- Ruder, Emil. Tipografía. Casa Hastings: 1981. ISBN 0-8038-7223-2 .
- Rudolf Bosshard, Hans. La cuadrícula tipográfica . Niggli: 2002. ISBN 3-7212-0340-2 .
- Khoi Vinh, ¡oh sí! Las cuadrículas son buenas , presentación de la conferencia South by Southwest, 2007. [1]
- Antonio Carusone, Diseño de sistemas de cuadrícula para flash . [2]
- Marcotte, Ethan (3 de marzo de 2009). "Rejillas fluidas".
- Capo, Daniele (5 de abril de 2009). "Dividir un segmento en n partes de una manera medieval, aunque tardía, moderna". [3]
enlaces externos
- El sistema de cuadrículas Observando el aspecto técnico de las cuadrículas en la práctica, con muchos recursos.