Jaka jest logika luźnych siatek?

14

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.

wprowadź opis zdjęcia tutaj


wprowadź opis zdjęcia tutaj


wprowadź opis zdjęcia tutaj


wprowadź opis zdjęcia tutaj


wprowadź opis zdjęcia tutaj

gmorissette
źródło
4
Być może ta dokumentacja na temat „Making and Breaking the Gird” może być pomocna ... :)
elegent
2
Nie wszystkie układy są zgodne z matematyczną siatką. Czasami są to po prostu czysto estetyczne relacje przestrzenne. „Logika” w tym przypadku może być prawie wszystko, co nie jest prawdopodobne, zgodnie z zasadą „równoważenia białej przestrzeni”.
DA01
„Pomysł publiczny 2010” jest wyraźnie zestawem kafelków, więc siatka jest powtarzalnym szkieletem linii wykończenia.
Yorik

Odpowiedzi:

7

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:

  • sekcja została zastosowana do większej strony, która została następnie przycięta
  • zdjęcie może być lekko zniekształcone
  • projektant powiedział „co do cholery” i przesunął nieco sekcję, aby dopasować ją do swojej strony
  • przyczyny redakcyjne

wprowadź opis zdjęcia tutaj

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.

wprowadź opis zdjęcia tutaj

cockipup
źródło
5

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 ) .

Ilustracja wielokolumnowej siatki 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

  • połączone w spójne grupy
  • lub pominięto w całej strukturze

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

elegancki
źródło
1

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.

Sarah Lynch
źródło
2
Cześć Sarah! Witamy w GD.SE! Jeśli masz jakieś pytania dotyczące sposobu działania witryny, zajrzyj do centrum pomocy lub skontaktuj się z jednym z nas na czacie z grafiką, gdy Twoja reputacja osiągnie 20. Do zobaczenia!
Vicki
Zgadzam się: myślę, że PO zakłada, że ​​została narzucona „siatka”. Nie widzę tego, chyba że uwzględnisz linie przycinania strony (takie jak rynna jako środek). Widzę niektóre wyrównane na środku (prawa strona), inne wyrównane np. Na poprzeczce „A”. Czasami po prostu widzisz połączenie, a następnie upuszczasz coś na wyimaginowanej linii między nimi.
Yorik,