Próbuję zrozumieć logikę tych „luźnych” systemów siatki często używanych do wyświetlania zdjęć. Próbowałem zdekonstruować tego rodzaju siatki, ale nie mogę znaleźć spójnego wyjaśnienia, w jaki sposób określa się położenie i skalę obrazów. Zobacz przykłady poniżej.
page-layout
grids
gmorissette
źródło
źródło
Odpowiedzi:
Pierwszy przykład wydaje się być oparty bardziej na klasycznym układzie niż na sztywnej siatce. Wygląda na to, że opiera się na „ściśniętej” wersji złotego odcinka. Powodów, dla których jest „ściśnięty”, może być wiele:
Zauważ, że „kwadraty” generowane przez złotą część (która stała się prostokątami, ponieważ musiałem ją wycisnąć) są używane jako jednostki do określania szerokości kolumny kopiowania oraz z i wysokością zdjęć.
Zdaje się, że zdjęcia ułożone są w równym rytmie przekątnych równoległych do barokowej przekątnej (od dołu po lewej do góry po prawej). To stwarza przyjemny przypływ wzdłuż złowrogiej przekątnej (od lewego górnego do prawego dolnego rogu), który kieruje oko w stronę kopii.
źródło
Zasadniczo stosuje się siatkę, aby uczynić podobieństwa i różnice bardziej widocznymi - a tym samym bardziej rozpoznawalnymi.
Zachęca również do ułatwienia dostępu, dzięki czemu widz automatycznie wie, gdzie szukać elementów, ponieważ „ połączenia podziałów poziomych i pionowych działają jak drogowskazy do lokalizowania informacji ” [1].
To powiedziawszy, ciekawą rzeczą w siatce jest to, że dystrybuuje i dostosowuje swoje elementy, a jednocześnie pomaga sortować i rozumieć je oraz ich relacje ze sobą, jak widać na poniższej ilustracji (z en.wikipedia.org ) .
Jak stwierdza Timothy Samara, „ każda siatka zawiera te same podstawowe części, bez względu na to, jak skomplikowana staje się. Każda część spełnia określoną funkcję” . Elementy mogą być albo
To, jak i kiedy elementy siatki zostaną połączone lub pominięte, zależy od uznania projektanta, ale powinno zależeć od interpretacji informacji przez widza.
Patrząc na twoje przykłady, może się również zdarzyć, że treść ma swoją własną strukturę i że siatka jako system zamówień i objaśnień nie będzie działać, ponieważ wszystko wyjaśni. Czasami możliwe jest również, że treść musi zignorować strukturę, aby utworzyć nową i wywołać reakcje emocjonalne na widowni - zwane luźną siatką . ;-)
[1] Making and Breaking the Grid , Timothy Samara , Rockport Publishers, maj 2005 r
źródło
Jeśli chodzi o pozycjonowanie, wiele z tych obrazów wydaje się być wyrównanych do krawędzi co najmniej jednego innego obrazu, niektóre są wyśrodkowane w kolumnie w pionie lub poziomie z obrazami o różnych rozmiarach. Myślę, że układy na nich bardziej dotyczą relacji między obiektami i równowagi niż ścisłej siatki.
źródło