Zasady projektowania Gestalt to zbiór podstawowych zasad opisujących sposób, w jaki ludzie postrzegają i organizują elementy projektu w spójne i uporządkowane struktury. Kiedy Twoje pierwsze wrażenie na temat projektu jest pozytywne i instynktownie postrzegasz projekt jako dobry, jest to prawdopodobnie spowodowane jedną lub kilkoma zasadami percepcji Gestalt. Kiedy patrzysz na projekt i podziwiasz jedną lub dwie jego części, jest prawdopodobne, że odpowiadają one jednej lub większej liczbie zasad Gestalt.

Jedną z najlepszych rzeczy, jakie możesz zrobić jako projektant, jest przestudiowanie tych zasad i zrozumienie, co nam mówią o tym, jak ludzie postrzegają obiekty wizualne i rozmieszczenie obiektów wizualnych.

Zrozumienie zasad Gestalt zapewni Ci większą kontrolę nad projektem, stworzy bardziej harmonijny projekt i zwiększy prawdopodobieństwo, że Twój przekaz zostanie przekazany odbiorcom.

Jakie są zasady projektowania Gestalt?

Kiedy ludzie patrzą na obraz, stronę internetową lub jakąkolwiek złożoną kombinację elementów, widzimy całość, zanim zobaczymy poszczególne części tworzące tę całość. Idea postrzegania całości przed częściami, a nawet bardziej niż całości, staje się czymś więcej niż sumą jej części, to Gestalt.

Niemieckie słowo gestalt można przetłumaczyć jako „kształt” lub „kształt”, a termin ten odnosi się do sposobu, w jaki ludzie postrzegają bodźce wzrokowe. Psychologia Gestalt została założona przez Maxa Wertheimera i z czasem została rozszerzona przez innych autorów.

Oryginalna obserwacja Wertheimera była taka, że ​​postrzegamy ruch, gdy nie ma nic więcej niż szybki ciąg pojedynczych zdarzeń zmysłowych, takich jak seria następujących po sobie migających świateł. Wyobraź sobie ciąg lampek bożonarodzeniowych. Każde światło włącza się i wyłącza sekwencyjnie wzdłuż sznurka. Widzimy światło przemieszczające się z jednego końca nici na drugi, chociaż w rzeczywistości nic się nie poruszało.

Widzimy coś, czego tak naprawdę nie ma, a Wertheimer wyjaśnia, że ​​widzimy efekt całego zdarzenia, który niekoniecznie jest zawarty w sumie części.

Najprostszym sposobem zrozumienia Gestalt jest przyjrzenie się różnym zasadom.

Zasady projektowania Gestalt

Istnieje wiele zasad Gestalt, z których większość można wyjaśnić w jednym lub dwóch zdaniach. Wiele z poniższych zasad można opisać obszernie i zachęcam do ich dalszego przestudiowania.

Próbowałem podać linki do innych zasobów, aby pomóc Ci rozpocząć badania, a także wymieniłem niektóre zasoby na końcu tego posta. Rozważmy następujące wprowadzenie do każdej z wymienionych zasad.

Rysunek / Ziemia

Elementy są postrzegane albo jako figura (element skupienia), albo jako podłoże (tło, na którym siedzi postać).

Zasady projektowania Gestalt 2

Klasycznym przykładem figury/ziemi jest obraz po lewej stronie. Czy widzisz czarny wazon na białym tle lub dwie białe twarze w profilu siedzące na czarnym tle?

Pierwszą rzeczą, jaką ludzie zrobią, patrząc na Twój projekt, będzie określenie, co jest figurą, a co dopracowaniem w Twojej kompozycji. W większości przypadków ta determinacja następuje szybko i podświadomie.

Rysunek/Ziemia pozwala nam wiedzieć, na czym powinniśmy się skupić, a co możemy spokojnie pominąć w kompozycji.

Kwadrat. Zasady projektowania Gestalt

Rysunek przedstawia mniejszy z dwóch nakładających się obiektów. Większy jest uważany za ląd.

Rysunek przedstawia mniejszy z dwóch nakładających się obiektów.

Na powyższym obrazku prawdopodobnie w obu przypadkach widzisz mniejszy kwadrat jako wzór. Na obrazie po prawej stronie możesz zobaczyć ciemną postać z dziurą na jaśniejszym tle, która opiera się na ciemniejszych obiektach pojawiających się częściej jako figura z jaśniejszymi obszarami postrzeganymi jako ziemia. Zasady projektowania Gestalt

Podobieństwo

Podobne rzeczy są postrzegane jako bardziej powiązane niż rzeczy odmienne.

Zasady projektowania Gestalt 4

Na powyższym obrazku niewątpliwie grupujesz obiekty w kwadrat lub okrąg ze względu na podobieństwo kształtu lub formy.

Poprzez powtarzanie koloru, rozmiaru, orientacji, tekstury czcionka, kształty itp. Możemy tworzyć elementy, aby sprawiały wrażenie bardziej połączonych. Pomyśl o linkach w swoich treściach. Sugerując, że wszystkie są niebieskie i podświetlone, wyraźnie wysyłają do widza wiadomość, że są ze sobą powiązane.

Poprzez powtarzanie koloru, rozmiaru, orientacji, tekstury czcionki, kształtu itp. Możemy tworzyć elementy, aby sprawiały wrażenie bardziej połączonych.

Powyżej użyto koloru, aby wskazać podobieństwa na powyższym obrazku. Powinieneś zobaczyć naprzemienne kolumny czarnych i czerwonych kwadratów. Każda kolumna jest określona przez podobieństwo kolorów okręgów tworzących kolumnę.

Izomorfizm. Zasady projektowania Gestalt

Podobieństwo, które może mieć charakter behawioralny lub percepcyjny i może być reakcją wynikającą z wcześniejszych doświadczeń widza. Pomyśl o podobieństwach pozawizualnych.

Jednolita łączność (prawo jedności)

Elementy posiadające połączenie wizualne są postrzegane jako bardziej połączone niż elementy bez połączenia.

Zasady projektowania Gestalt 6Elementy posiadające połączenie wizualne są postrzegane jako bardziej połączone niż elementy bez połączenia.

Jeśli spojrzysz na obraz po lewej stronie, zobaczysz dwa kwadraty i dwa prostokąty. Kiedy spojrzysz na obrazek po prawej stronie, zobaczysz dwa obiekty, każdy składający się z kwadratu i koła. Okrąg i kwadrat są połączone linią między nimi. Ważniejsza jest tu jednolita spójność niż podobieństwo.

Ciągłość

Elementy znajdujące się na linii lub krzywej są postrzegane jako bardziej ze sobą powiązane niż elementy nie znajdujące się na linii lub krzywej. Zasady projektowania Gestalt

Elementy znajdujące się na linii lub krzywej są postrzegane jako bardziej ze sobą powiązane niż elementy nie znajdujące się na linii lub krzywej.

Na powyższym obrazku powinieneś zobaczyć zakrzywioną linię z przebiegającą przez nią pionową linią. Tutaj kontynuacja jest silniejsza niż podobieństwo kolorów. Czerwone okręgi na zakrzywionej linii są bardziej powiązane z czarnymi okręgami na tej samej krzywej niż z czerwonymi okręgami na linii pionowej. Zasady projektowania Gestalt

Zamknięcie

Kiedy patrzymy na skomplikowany układ poszczególnych elementów, mamy tendencję do szukania jednego rozpoznawalnego wzoru.

Zasady projektowania Gestalt 8

Twoje pierwsze wrażenie po obejrzeniu powyższego obrazu to najprawdopodobniej kwadrat, nawet jeśli obraz składa się z czterech prostych linii. Uzupełniamy brakujące informacje, aby stworzyć jeden, rozpoznawalny wzór.

Bliskość. Zasady projektowania Gestalt

Rzeczy, które są blisko siebie, są postrzegane jako bardziej powiązane niż te, które są bardziej od siebie oddalone.

Rzeczy, które są blisko siebie, są postrzegane jako bardziej powiązane niż te, które są bardziej od siebie oddalone.

Powyżej powinieneś zobaczyć trzy grupy czarnych i czerwonych kółek. Bliskość, względna bliskość kręgów, jest silniejsza niż podobieństwo kolorów. W większej kompozycji podobieństwo kolorów nadal będzie przekazywać informację o obiektach ze względu na podobieństwa między nimi.

Wspólne przeznaczenie (synchroniczność). Zasady projektowania Gestalt

Elementy poruszające się w tym samym kierunku są postrzegane jako bardziej połączone niż elementy nieruchome lub poruszające się w różnych kierunkach. Elementy, które zmieniają się w tym samym czasie, są grupowane razem.

Elementy poruszające się w tym samym kierunku są postrzegane jako bardziej połączone

Na powyższej animacji widać dwa zestawy po trzy okręgi każdy zamiast jednego zestawu sześciu okręgów ze względu na ich wspólny ruch lub wspólny los.

Wyobraź sobie, że na powyższej animacji okręgi się nie poruszają, ale trzy z nich zmieniają kolor z niebieskiego na czerwony. Nadal będziesz widzieć dwie grupy kręgów, ale będzie to zależne od zmiany kolor, a nie na zmianę ich ruchu. Tak czy inaczej czeka ich wspólny los. Zasady projektowania Gestalt

Symetria

Idea mówiąca, że ​​kiedy postrzegamy przedmioty, mamy tendencję do postrzegania ich jako symetrycznych kształtów utworzonych wokół ich środka.

Idea mówiąca, że ​​kiedy postrzegamy przedmioty, mamy tendencję do postrzegania ich jako symetrycznych kształtów utworzonych wokół ich środka.

Prawdopodobnie widzisz trzy zestawy nawiasów otwierających i zamykających na powyższym obrazku. Tutaj symetryczna równowaga jest silniejsza niż intymność.

Współbieżność

Elementy, które są do siebie równoległe, wydają się bardziej połączone niż elementy, które nie są do siebie równoległe.

Zasady projektowania Gestalt 10

Trzy równoległe linie powyżej powinny wyglądać na bardziej powiązane ze sobą niż z jakąkolwiek inną linią.

Region ogólny

Elementy są zwykle grupowane, jeśli znajdują się w tym samym zamkniętym obszarze.

Elementy są zwykle grupowane, jeśli znajdują się w tym samym zamkniętym obszarze.

Widzieliśmy wcześniej, jak naprzemienne kolory sprawiają, że wygląda to tak, jakby było 5 kolumn kół. Teraz, po obramowaniu kilku okręgów, widzimy dwie różne grupy okręgów.

Dodanie obramowania (ogólnego obszaru) wokół elementu lub grupy elementów to łatwy sposób na oddzielenie go od otaczających elementów.

Przeszłe doświadczenie. Zasady projektowania Gestalt

Elementy mają tendencję do grupowania się, jeśli były często grupowane w przeszłych doświadczeniach obserwatora.

Przeszłe doświadczenia mogą być indywidualne lub wspólne dla większości z nas.

Ustawa o punktach kontaktowych

Ciekawy punkt, podkreślenie lub różnica przyciągnie i utrzyma uwagę widza /

Zasady projektowania Gestalt Prawo punktu ogniskowego

Kiedy zobaczysz powyższy obraz Kandinsky'ego, najprawdopodobniej najpierw zauważysz ciemny okrągły kształt w lewym górnym rogu. Jest to punkt centralny, a zatem punkt wejścia do obrazu. Punkt centralny przyciąga twoją uwagę, a stamtąd twoja uwaga przepływa do innych części obrazu.

Prawo Pranantza (dobra figura, prawo prostoty)

Ludzie będą postrzegać i interpretować niejednoznaczne lub złożone obrazy w możliwie najprostszej formie.

Prawo Pranantza

Powyższy formularz jest ogólnie niejednoznaczny i złożony. Najprawdopodobniej zobaczysz, że składa się z trzech prostych kształtów: kwadratu, koła i trójkąta. Kształty te można wyraźnie zobaczyć, przypisując pod każdym z nich inny kolor. Zasady projektowania Gestalt

Najprawdopodobniej zobaczysz, że składa się z trzech prostych kształtów: kwadratu, koła i trójkąta.

Dodatkowe przemyślenia na temat zasad Gestalt

Czasami w grę wchodzą dwie zasady Gestalt, chociaż jedna zdominuje naszą percepcję. Próbowałem to podkreślić na kilku powyższych obrazach, na których dominuje jedna zasada Gestalt, jak na przykład powyższy obraz intymności. Występuje zarówno podobieństwo, jak i bliskość, ale bliskość jest w tym przypadku silniejszą zasadą, dlatego zamiast sześciu kolumn kół widzisz trzy grupy okręgów.

Zasady Gestalt to zestaw narzędzi do Twojej dyspozycji, które pomogą Ci określić sposób, w jaki Twoje projekty będą postrzegane.

To, w jaki sposób ktoś postrzega Twój projekt, jest ostatecznie tym, co mu mówisz. Naucz się kontrolować zasady Gestalt, a nauczysz się komunikować poprzez swój projekt. Zasady projektowania Gestalt

Zasady Gestalt pomagają nam lepiej projektować i pomagają nam zrozumieć, czy dany element jest potrzebny, czy nie. Pomagają zobaczyć, gdzie elementy na stronie powinny zostać umieszczone, jak powinny być pogrupowane, które elementy powinny mieć ten sam kolor lub rozmiar, a które nie. Zasady Gestalt pomagają określić, które elementy muszą zostać zawarte w ramce, a które po prostu wymagają więcej odstępu między nimi.

Kiedy zaczniesz rozumieć, jak inni będą postrzegać Twoje elementy, będziesz mieć większą kontrolę nad swoimi projektami i staniesz się lepszym projektantem. Poświęć trochę czasu na dalsze zgłębianie zasad percepcji Gestalt. Przeglądaj projekty, które Ci się podobają i zobacz, jak działa w nich gestalt.

Przyjrzyj się swojej pracy, aby zobaczyć, jak już włączyłeś zasady Gestalt do swoich projektów, a których nie, ale powinieneś.

 

Drukarnia АЗБУКА