¿Cuál es la lógica detrás de las redes sueltas?


14

Estoy tratando de entender la lógica detrás de estos sistemas de cuadrícula "sueltos" que se utilizan a menudo para mostrar fotografías. He intentado deconstruir este tipo de cuadrículas, pero parece que no puedo encontrar una explicación coherente sobre cómo se determina el posicionamiento y la escala de las imágenes. Por favor, vea los ejemplos a continuación.

ingrese la descripción de la imagen aquí


ingrese la descripción de la imagen aquí


ingrese la descripción de la imagen aquí


ingrese la descripción de la imagen aquí


ingrese la descripción de la imagen aquí


44
Quizás esta documentación sobre "Hacer y romper la faja" podría ser útil ... :)
elegent

2
No todos los diseños siguen una cuadrícula matemática. A veces son solo relaciones espaciales estéticas puras. La "lógica" aquí podría ser casi cualquier cosa menos probable en la línea de "equilibrar el espacio en blanco".
DA01

La "idea pública 2010" es claramente un conjunto de mosaicos, por lo que la cuadrícula es el marco repetible de las líneas de corte.
Yorik

Respuestas:


7

El primer ejemplo parece estar basado más en un diseño clásico que en una cuadrícula rígida. Parece estar basado en una versión "aplastada" de la sección dorada. Las razones por las que está "aplastado" pueden ser muchas:

  • la sección se aplicó a una página más grande que se recortó después
  • la foto puede estar ligeramente distorsionada
  • el diseñador dijo "qué diablos" y empujó un poco la sección para que se ajustara a su página
  • razones editoriales

ingrese la descripción de la imagen aquí

Observe cómo los "cuadrados" generados por la sección dorada (que se convirtieron en rectángulos porque tuve que aplastarla) se usan como unidades para determinar el ancho de la columna de copia y el con y la altura de las fotos.

Las fotos parecen estar dispuestas siguiendo un ritmo uniforme de diagonales paralelas a la diagonal barroca (de abajo a la izquierda a la derecha). Esto crea una buena marea a lo largo de la diagonal siniestra (de arriba a la izquierda a la derecha), que guía el ojo hacia la copia.

ingrese la descripción de la imagen aquí


5

En general , se utiliza una cuadrícula para hacer que las similitudes y diferencias sean más aparentes y, por lo tanto, más reconocibles.

También fomenta la accesibilidad, para que los espectadores sepan automáticamente dónde buscar elementos porque " las uniones de las divisiones horizontales y verticales actúan como señales para ubicar la información " [1].

Dicho esto, lo interesante de una cuadrícula es que distribuye y ajusta sus elementos y, al mismo tiempo, ayuda a clasificarlos y comprenderlos y sus relaciones entre sí, como puede ver en la siguiente ilustración (de en.wikipedia.org ) .

Ilustración de cuadrícula de varias columnas de en.wikipedia.org

Como dice Timothy Samara, " cada cuadrícula contiene las mismas partes básicas, sin importar cuán compleja se vuelva. Cada parte cumple una función específica" . Los elementos pueden ser

  • combinado a grupos cohesivos
  • u omitido de toda la estructura

Cómo y cuándo se combinan u omiten elementos de una cuadrícula depende del criterio del diseñador, pero debe depender de la interpretación de la información por parte del espectador.

Mirando sus ejemplos, también puede suceder que el contenido tenga su propia estructura y que una cuadrícula como sistema de orden y explicación no funcione, ya que aclara cualquier cosa. A veces también es posible que el contenido deba ignorar la estructura para crear uno nuevo y provocar reacciones emocionales en la audiencia, lo que se conoce como grilla suelta . ;-)

[1] Making and Breaking the Grid por Timothy Samara , Rockport Publishers, mayo de 2005


1

En cuanto al posicionamiento, muchas de estas imágenes parecen estar alineadas al borde de al menos otra imagen, algunas están alineadas al centro en una columna, ya sea vertical u horizontalmente, con imágenes de diferentes tamaños. Creo que los diseños en estos son más sobre relaciones entre objetos y equilibrio que una grilla estricta.


2
Hola Sarah! ¡Bienvenido a GD.SE! Si tiene alguna pregunta sobre cómo funciona el sitio, eche un vistazo al centro de ayuda o siéntase libre de hacer ping a uno de nosotros en Graphic Design Chat una vez que su reputación alcance los 20. ¡ Nos vemos!
Vicki

Estoy de acuerdo: creo que el OP supone que se ha impuesto una "grilla". No lo veo, a menos que incluya las líneas de recorte de página (como la canaleta como centro). Veo algunos alineados en el centro (página de la derecha), otros alineados, por ejemplo, en la barra transversal de la "A". A veces solo ves una conexión y luego dejas caer algo en la línea imaginaria entre ellos.
Yorik
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.