Estou tentando entender a lógica por trás desses sistemas de grade "frouxos", frequentemente usados para exibir fotografias. Tentei desconstruir esses tipos de grades, mas parece que não consigo encontrar uma explicação coerente sobre como o posicionamento e a escala das imagens são determinados. Por favor, veja exemplos abaixo.
page-layout
grids
gmorissette
fonte
fonte
Respostas:
O primeiro exemplo parece basear-se mais em um layout clássico do que em uma grade rígida. Parece basear-se em uma versão "esmagada" da seção dourada. As razões pelas quais ele é "esmagado" podem ser muitas:
Observe como os "quadrados" gerados pela seção dourada (que se tornaram retângulos porque eu precisei esmagá-la) são usados como unidades para determinar a largura da coluna de cópia e o com e a altura das fotos.
As fotos parecem organizadas seguindo um ritmo uniforme de diagonais paralelas à diagonal barroca (do canto inferior esquerdo para o canto superior direito). Isso cria uma maré agradável ao longo da diagonal sinistra (da parte superior esquerda para a parte inferior direita), que guia o olho na direção da cópia.
fonte
Geralmente, uma grade é usada para tornar as semelhanças e diferenças mais aparentes - e, portanto, mais reconhecíveis.
Também incentiva a acessibilidade, para que os espectadores saibam automaticamente onde procurar elementos, porque " as junções das divisões horizontal e vertical atuam como sinalização para localizar informações " [1].
Dito isso, o interessante sobre uma grade é que ela distribui e ajusta seus elementos, ao mesmo tempo em que ajuda a classificá-los e entendê-los e seus relacionamentos entre si, como você pode ver na ilustração a seguir (em en.wikipedia.org ) .
Como Timothy Samara afirma, " toda grade contém as mesmas partes básicas, por mais complexa que seja. Cada parte cumpre uma função específica" . Os elementos podem ser
Como e quando os elementos de uma grade são combinados ou omitidos depende do critério do designer, mas deve depender da interpretação das informações pelo espectador.
Observando seus exemplos, também pode acontecer que o conteúdo tenha sua própria estrutura e que uma grade como sistema de ordem e explicação não funcione, pois esclarece qualquer coisa. Às vezes, também é possível que o conteúdo precise ignorar a estrutura para criar uma nova e evocar reações emocionais na audiência - chamadas de redes soltas . ;-)
[1] Criando e quebrando a grade por Timothy Samara , Rockport Publishers, maio de 2005
fonte
Quanto ao posicionamento, muitas dessas imagens parecem estar alinhadas com a borda de pelo menos uma outra imagem, algumas são alinhadas ao centro em uma coluna, vertical ou horizontalmente, com imagens de tamanhos diferentes. Eu acho que os layouts são mais sobre relacionamentos entre objetos e equilíbrio do que uma grade estrita.
fonte