W codziennej pracy związanej z projektowaniem graficznym, interfejsami czy brandingiem, Nie wystarczy, że coś jest piękne. Musi być również dobrze postrzegane.Za każdym razem, gdy ktoś patrzy na plakat, stronę internetową lub logo, jego mózg automatycznie reorganizuje wszystkie elementy, aby nadać im sens. Ten sposób porządkowania tego, co widzimy, nie jest przypadkowy i został w istocie szeroko zbadany.
To właśnie tam Teoria Gestalt zastosowana do świata projektowaniaTo podejście psychologiczne wyjaśnia, jak nasz układ wzrokowy grupuje, upraszcza i uzupełnia obrazy. Zrozumienie tego jest niemal jak posiadanie mapy tego, jak ludzkie oko myśli, gdy staje przed projektem. Jeśli pracujesz w tej dziedzinie, będzie to dla Ciebie bardzo interesujące, ponieważ pomaga kontrolować, gdzie kieruje się wzrok, co jest rozumiane jako pierwsze i jaki przekaz jest zapamiętywany.
Czym jest teoria Gestalt i skąd się wzięła?
Tak zwana psychologia Gestalt narodziła się w Niemczech na początku XX wieku, około 1920 roku, z inicjatywy kilku psychologów, którzy zastanawiali się nad Dlaczego mamy tendencję do postrzegania rzeczy jako uporządkowanych całości, a nie jako pojedynczych elementów?Słowo „Gestalt” w języku niemieckim tłumaczy się zazwyczaj jako „forma”, „figura” lub „konfiguracja”.
Tacy badacze jak Max Wertheimer, Wolfgang Köhler, Kurt Koffka or Kurt Lewin Położyli podwaliny pod ten ruch. Później teoretyk sztuki Rudolf Arnheim wprowadził go do świata sztuki wizualnej w swojej pracy. „Sztuka i percepcja wizualna: psychologia kreatywnego oka”co stało się punktem odniesienia dla zrozumienia, w jaki sposób postrzegamy obrazy, dzieła sztuki i kompozycje graficzne.
Główna myśl jest bardzo jasna: „całość jest większa niż suma jej części”Patrząc na projekt, nie widzimy najpierw punktów, potem linii, potem kolorów, a na końcu typografii w izolacji. Nasz mózg integruje to wszystko i konstruuje sensowny, całościowy obraz. Ten impuls do grupowania i upraszczania jest tym, co psychologia Gestalt próbuje opisać za pomocą szeregu zasad lub praw.
Zasady te opierają się na fakcie, że Ludzki mózg jest przygotowany do porządkowania chaosu wizualnego.W obliczu złożonych obrazów staramy się znaleźć najprostszą, najstabilniejszą i najbardziej spójną strukturę. Dlatego mamy tendencję do dostrzegania kompletnych figur, symetrii, logicznych grup lub jasnych wskazówek, nawet gdy docierające do nas informacje są niekompletne lub niejednoznaczne.
Z biegiem czasu zostało to udowodnione, nawet z neuronauka stosowana w projektowaniuŻe Nasz układ wzrokowy działa w sposób GestaltRekonstruuje kształty, wypełnia luki, wykrywa wzorce i faworyzuje proste i uporządkowane konfiguracje. Ten sposób działania ma bezpośrednie implikacje dla sposobu, w jaki projektujemy, od logo po interfejs użytkownika.
Związek między Gestalt, percepcją wizualną i projektowaniem graficznym
Kiedy widz staje przed jednym z naszych dzieł, Nie czyta świadomie każdego elementuW ułamkach sekundy mózg decyduje, co jest figurą, co tłem, co do siebie pasuje, co tworzy całość, a co jest szumem. Ten filtr percepcyjny w dużej mierze decyduje o tym, czy projekt się sprawdzi, czy nie.
Teoria Gestalt skupia się właśnie na jak grupujemy bodźce wizualne i jak przypisujemy im znaczeniePodczas projektowania nie możemy myśleć wyłącznie o przyciskach, ikonach, blokach tekstu czy fotografiach w oderwaniu od reszty: musimy skupić się na całościowej kompozycji, a więc na „postaci” całości.
Zastosowana do projektowania graficznego, użyteczności stron internetowych czy projektowania interfejsów, Gestalt przypomina nam, że Doświadczenie użytkownika jest wynikiem jednoczesnego postrzegania wszystkich elementów.Układ może zawierać wszystkie właściwe elementy, ale jeśli organizacja wizualna nie jest zgodna z naturalnymi trendami percepcji, użytkownik może się zgubić, znudzić lub po prostu nie zapamiętać przekazu.
Dlatego mówi się, że wiele klasycznych zasad projektowania Rodzą się z GestaltuHierarchia, rytm wizualny, akcentowanie, jedność, równowaga… Ostatecznie niemal wszystko, nad czym pracujemy w kompozycji, polega na wykorzystaniu sposobu, w jaki mózg grupuje to, co widzi. Zrozumienie tych zasad to nie tylko pusta teoria: to praktyczne narzędzie do kierowania uwagi, poprawy czytelności i uczynienia projektu bardziej intuicyjnym.
Ponadto terapia Gestalt przypomina nam o czymś bardzo ważnym: Proces percepcji jest wspólny dla wszystkich, ale końcowy wynik jest subiektywny.Każdy człowiek interpretuje świat zgodnie ze swoimi doświadczeniami, emocjami, przekonaniami lub kulturą. Oznacza to, że dwóch użytkowników może postrzegać ten sam element wizualny nieco inaczej, co jest kluczowe przy projektowaniu dla różnych odbiorców.
Cztery kluczowe idee teorii Gestalt
Zanim zagłębimy się w bardziej znane prawa (podobieństwa, bliskości, domknięcia itp.), ważne jest zrozumienie cztery podstawowe koncepcje stosowane przez psychologów Gestalt aby wyjaśnić, w jaki sposób budujemy formy z niekompletnych bodźców: wygląd, reifikacja, multistabilność i niezmienność.
WyglądMówimy o wyglądzie, gdy Postrzegamy ogólną formę, która nie jest wyraźnie narysowana element po elemencie.Raczej wynika to z relacji między poszczególnymi elementami. Na przykład w niektórych logotypach złożonych z małych elementów najpierw dostrzegamy rozpoznawalną figurę (psa, literę, symbol), a dopiero potem poszczególne kształty, które ją tworzą, ponieważ ta sylwetka jest już zapisana w naszej pamięci.
Reifikacja:odnosi się do zdolności do rozpoznawać obiekty nawet jeśli brakuje części ich konturu lub są one jedynie sugerowaneMózg porównuje to, co widzi, ze znanymi wzorcami i wypełnia luki. Tak dzieje się, gdy postrzegamy okrąg, kwadrat lub trójkąt utworzony wyłącznie z fragmentów lub pustych przestrzeni: nasz umysł „wypełnia” je i przekształca w kompletne figury.
MultistabilnośćOpisz sytuacje, w których Niejednoznaczną figurę można interpretować na wiele sposobów A nasza percepcja oscyluje między nimi. Klasycznym przykładem jest słynny wazon Rubina: widzimy dwa zwrócone ku sobie profile lub wazon centralny, ale nie oba jednocześnie. Nasz mózg nieustannie przełącza się między jedną interpretacją a drugą, poszukując stabilnej konfiguracji.
NiezmiennośćZasada ta wyjaśnia, że ​​jesteśmy zdolni do rozpoznaje kształt nawet jeśli zmienia rozmiar, jest obracany lub przesuwanyWidzimy ten sam obiekt z różnych perspektyw i w różnych kontekstach, mimo że jego projekcja na siatkówce może się różnić. W projektowaniu jest to kluczowe: ikona lub logo muszą pozostać rozpoznawalne, nawet jeśli zostaną pomniejszone, umieszczone w innym rogu lub lekko obrócone.
Prawa Gestalt zastosowane w projektowaniu: jak ludzkie oko grupuje
Po ustanowieniu tych podstaw, teoria Gestalt sformułowała szereg prawa lub zasady organizacji percepcyjnej Wyjaśniają, kiedy kilka elementów jest postrzeganych jako część tej samej grupy. Są bezpośrednimi narzędziami do tworzenia bardziej przejrzystych, mocniejszych i łatwiejszych do zapamiętania kompozycji.
1. Zasada podobieństwa lub zbieżności
Zasada podobieństwa głosi, że Mamy tendencję do grupowania razem jako całości elementów, które są do siebie podobneNawet jeśli nie są fizycznie blisko siebie. Podobieństwo może wynikać z kształtu, koloru, rozmiaru, faktury, stylu typograficznego, ikonografii itp.
Wyobraź sobie siatkę kropek: jeśli niektóre są niebieskie, a niektóre czarne, Nasz mózg natychmiast oddzieli oba zestawy według koloruNawet jeśli odległość między nimi jest identyczna. W projektowaniu, powtarzając ten sam styl ikony, paletę kolorów lub konkretny kształt, mówimy oku: „to należy do tej samej grupy lub kategorii”.
Podobieństwo można również stosować w odwrotnej kolejności, jako środek akcentowania. Jeśli wprowadzimy inny element (inny kolor, inny rozmiar, inny kształt) do bardzo jednolitego wzoru, To przerwanie schematu jest postrzegane jako anomalia Przyciąga uwagę. To klasyczna strategia podkreślania przycisku, kluczowej informacji lub wezwania do działania.
Dlatego często mówi się, że Im bardziej podobne są elementy, tym większą spójność przekazuje całość.Im wyraźniejsza anomalia, tym większy będzie jej ciężar wizualny w kompozycji.
2. Zasada ciągłości
Zgodnie z ciągłością, Oko ma tendencję do podążania najpłynniejszą i najbardziej spójną ścieżką wizualnąNiezależnie od tego, czy jest to linia prosta, czy płynna krzywa. Preferujemy interpretacje, które wydłużają trajektorie, zamiast postrzegać je jako ostre cięcia.
Jeżeli kilka kształtów jest ustawionych w sposób sugerujący ciągłą linię, Postrzegamy je jako część tej samej trasy lub kierunkuNawet jeśli zmieniają kolor, grubość lub styl w trakcie. To technika powszechnie stosowana w brandingu i diagramach, gdzie kolejne elementy są wizualnie połączone, aby poprowadzić czytelnika.
Zasada ta jest bardzo przydatna dla kierować wzrok użytkownika z jednego punktu projektu do drugiegoKrzywa łącząca nagłówek z obrazem, seria powiązanych strzałek lub schodkowy układ elementów mogą służyć do tworzenia ścieżek wizualnych ułatwiających nawigację i wzmacniających hierarchię.
Podczas projektowania witryny internetowej, infografiki lub prezentacji wykorzystanie ciągłości pomaga zapobiegać zgubieniu się użytkownika poprzez przeskakiwanie z jednego bloku do drugiego bez ładu i składuZamiast „udostępniać” pojedyncze utwory, nadajemy kompozycji niemal narracyjną podróż.
3. Zasada zamknięcia
Zasada zamknięcia opisuje tendencję naszego umysłu do uzupełnianie kształtów, które nie są w pełni zdefiniowanePostrzegamy figury zamknięte i stabilne nawet wtedy, gdy brakuje części ich konturów lub zostały one zaprojektowane jedynie z fragmentów.
Zamknięte kształty są postrzegane jako bardziej solidne i zrównoważone, więc staramy się mentalnie zamknąć otwarte konturySkłania nas to do grupowania rozproszonych elementów w celu skonstruowania ogólnej figury, a brakujące elementy uzupełniamy wyobraźnią.
W projektowaniu graficznym zamknięcie jest jedną z kluczowych zasad tworzenia logo i symboli. Kiedy widzimy na przykład Panda WWF lub niektóre monogramy zbudowane z przestrzeni ujemnychNastępnie nasz mózg wypełnia nieoznakowane obszary. Ten niewielki wysiłek rekonstrukcji sprawia, że ​​obraz jest bardziej sugestywny i zapada w pamięć.
Blokada została również mocno wykorzystana w sztuka miejska z szablonami lub szablonamiPodobnie jak w pracach Banksy'ego, po kilku fragmentarycznych konturach rozpoznajemy kompletne postacie. W projektach reklamowych i redakcyjnych pozostawienie otwartych fragmentów może działać na korzyść odbiorcy, który jest „zmuszony” do uzupełnienia postaci.
4. Zasada bliskości lub grupowania
Bliskość wskazuje, że Elementy znajdujące się blisko siebie fizycznie są postrzegane jako pojedyncza grupaChoć mogą się różnić kształtem i kolorem, sam fakt ich występowania sprawia, że ​​czujemy ich skojarzenie.
W zbiorze linii lub punktów, jeżeli zmniejszymy odległość między niektórymi, umysł pogrupuje je jako odrębne blokiI odwrotnie, jeśli zwiększymy odległość między nimi, będziemy postrzegać je jako oddzielne zestawy, mimo że mają inne wspólne cechy wizualne.
Zasada ta jest kluczowa w projektowaniu interfejsów, układów stron internetowych i oznakowań, ponieważ Organizacja przestrzenna sugeruje logiczne powiązania między treściamiWyrównane i zamknięte pola formularzy, przyciski zgrupowane na pasku nawigacyjnym, bloki tekstu i ich pobliskie tytuły... wszystko to jest natychmiast zrozumiałe dzięki bliskości.
Dobrym przykładem jest logo firmy Unilever, składające się z wielu małych symboli, które po zgrupowaniu w bliskiej odległości Kończą rysowaniem dużej litery „U”Każda ikona jest niezależna, ale odległość między nimi sprawia, że ​​integrujemy je w jedną, rozpoznawalną figurę.
5. Zasada figury i tła
Zasada figury i tła wyjaśnia, jak Oddzielamy obiekt główny od otoczeniaPatrząc na scenę, wybieramy (nie zdając sobie z tego sprawy), które elementy będą stanowić główny punkt zainteresowania, a które staną się tłem.
Terapia Gestalt wskazuje, że Nie możemy postrzegać tego samego obszaru jednocześnie jako figury i tła.Nasza interpretacja oscyluje między obiema opcjami. Tak dzieje się w iluzjach wzrokowych, takich jak wazon Rubina: czasami widzimy obie twarze, czasami wazon, i trudno jest zachować obie interpretacje jednocześnie.
W projektowaniu zasada ta jest kluczowa zadbaj o to, aby to, co ważne, wyróżniało się i nie było mylone z otoczeniemDobry kontrast pomiędzy rysunkiem a tłem (kolorem, rozmiarem, fakturą lub ostrością) sprawia, że ​​nagłówki, przyciski lub logo wyróżniają się bez wysiłku.
Ponadto, wykorzystanie przestrzeni negatywnej pozwala tworzyć sprytne podwójne znaczeniaSą one powszechnie stosowane w logotypach i kompozycjach kreatywnych. Mózg naprzemiennie widzi jedną lub drugą figurę, co zwiększa zainteresowanie dziełem i sprawia, że ​​jest ono bardziej zapamiętywane.
6. Zasada symetrii i porządku (prägnanz)
Zasada symetrii i porządku, znana również jako prawo prägnanz lub „dobrej formy”Twierdzi, że mamy tendencję do postrzegania najprostszych, najbardziej regularnych i najstabilniejszych możliwych konfiguracji. Preferujemy struktury symetryczne, uporządkowane i zrównoważone od układów chaotycznych.
Jeżeli widzimy kilka figur, które można interpretować jako złożony kształt lub jako sumę nakładających się na siebie prostych figur, prawie zawsze wybierzemy najprostszą interpretację.Na przykład, gdy mamy przed sobą kontur utworzony przez częściowo nakładające się na siebie trójkąt, koło i kwadrat, nasz umysł identyfikuje te trzy podstawowe kształty, zanim ujrzy skomplikowaną i dziwną sylwetkę.
Zasada ta ma bezpośrednie konsekwencje: Kompozycja pełna nieuporządkowanych elementów wymaga wysiłku i rozprasza.Widz traci czas, próbując mentalnie uporządkować obraz, doszukać się braków lub przekalkulować równowagę. Natomiast czysty projekt, z wyraźnymi liniami i rozsądną symetrią, jest przetwarzany szybciej i emanuje spokojem.
Projektowanie graficzne dąży właśnie do tej „dobrej formy”: zrównoważone układy, modułowe struktury, przejrzyste siatkiNie chodzi o to, że wszystko jest idealnie symetryczne, ale o to, że umysł nie musi walczyć z chaosem, aby zrozumieć, co dzieje się na ekranie lub na papierze.
7. Zasada wspĂłlnego kierunku lub wspĂłlnego przeznaczenia
Zasada wspólnego kierunku stanowi, że Postrzegamy jako grupę te elementy, które wydają się poruszać lub wskazywać w tym samym kierunkuNawet jeśli są oddzielne, to jeśli mają wspólną orientację lub przepływ, nasz umysł je łączy.
Wyobraź sobie serię strzałek skierowanych w prawo: Będziemy je czytać jako zbiór, który porusza się w tym kierunku.mimo że każda strzałka jest stosunkowo daleko od siebie. Ten efekt jest szeroko stosowany w infografikach, mapach procesów i schematach blokowych do wskazywania kierunku działania lub ścieżki.
W interfejsach i projektowaniu cyfrowym wspólny kierunek można wyrazić poprzez wyrównania, animacje, przemieszczenia lub wektory wizualne które „kierują” wzrok w określony punkt. Kiedy kilka elementów wskazuje to samo miejsce, punkt ten staje się naturalnym punktem skupienia uwagi.
W połączeniu z ciągłością i podobieństwem zasada ta pomaga budować jasne sekwencje wizualne, idealny do prowadzenia użytkownika przez proces rejestracji, lejek konwersji lub historię opowiadaną na wielu ekranach.
Praktyczne zastosowania Gestalt w projektowaniu graficznym, projektowaniu stron internetowych i budowaniu marki
Mając na uwadze wszystkie te zasady, pojawia się pytanie, jak przełożyć je na codzienną pracę. Rzeczywistość jest taka, że Gestalt stoi za niemal każdą decyzją kompozycyjną, którą podejmujemychoć często nie wymieniamy go z nazwy.
En Projektowanie marki i logoPrawa zamknięcia, figury i tła oraz prägnanz są niezbędne. Dobre logo jest zazwyczaj proste, rozpoznawalne, łatwe do zapamiętania i sprawdza się w wielu rozmiarach i kontekstach. Wykorzystując przestrzeń negatywną, sugerując kształty bez ich pełnego narysowania lub zachowując bardzo przejrzystą strukturę, Ułatwiamy mózgowi identyfikację w locie.
En projektowanie stron internetowych i interfejsów użytkownikaBliskość i podobieństwo tworzą strukturę nawigacji: pogrupowane menu, przyciski o spójnym stylu i dobrze oddzielone sekcje. Ciągłość i wspólny kierunek pomagają... zaznacz przepływ czytaniaod nagłówka do stopki, włączając w to najistotniejsze elementy interaktywne.
En reklama, oznakowanie i komunikacja wizualnaZasady Gestalt służą do szybkiego przyciągnięcia uwagi i skierowania jej na kluczowy przekaz. Sprzyja temu zabawa anomaliami o podobnych wzorcach, budowanie przejrzystych hierarchii wizualnych i stosowanie tła, które nie konkuruje z główną postacią. Wiadomość jest zrozumiała na pierwszy rzut oka.a to jest dokładnie to, czego szukasz w reklamie.
Nawet na polach takich jak architektura lub projektowanie wnętrzWpływ psychologii Gestalt był widoczny na przykład w ruchach takich jak Bauhaus. Związek między formą, funkcją, percepcją i porządkiem wizualnym był przedmiotem badań i dyskusji wśród architektów, projektantów i psychologów, co umacnia przekonanie, że projektując przestrzenie, bierzemy pod uwagę również to, jak są one postrzegane.
Przy tym wszystkim teoria Gestalt staje się narzędzie kreatywne, nie w gorsecieNie są to sztywne reguły, których należy przestrzegać co do joty, ale raczej zasady, które możemy świadomie stosować, łączyć lub łamać, aby uzyskać pożądany efekt. Im lepiej rozumiemy, jak ludzkie oko grupuje informacje, tym większą kontrolę mamy nad tym, jak nasza praca będzie postrzegana.
Ostatecznie opanowanie tych zasad pozwala nam projektować części, które nie tylko estetyczne, ale także przejrzyste, funkcjonalne i zapadające w pamięćA to właśnie w otoczeniu nasyconym bodźcami wizualnymi zachodzi różnica między projektem, który pozostaje niezauważony, a takim, który na długo pozostaje w pamięci odbiorcy.