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.
page-layout
grids
gmorissette
fuente
fuente
Respuestas:
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:
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.
fuente
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 ) .
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
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
fuente
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.
fuente