Zasady Gestalt w projektowaniu

Dzisiaj omówię po kolei kilka głównych zasad Gestalt w projektowaniu, takich jak bliskość, domknięcie, kontynuacja, figura i podstawa.

Spis treści

• Zasady Gestalt w projektowaniu | Bliskość
• Zasady Gestalt w projektowaniu | Ciągłość
  • Marki jako przykłady ciągłości
  • Obrazy jako przykłady ciągłości
• Zasady Gestalt w projektowaniu | Wspólny los
• Zasady Gestalt w projektowaniu | Zamknięcie
  • Stosowanie zamknięcia w projekcie raportu
• Zasady rysunku i podłoża
• Unilever: doskonały przykład rysunku i podłoża
• Wniosek

Zasady Gestalt w projektowaniu | Bliskość

Bliskość występuje, gdy elementy są umieszczone blisko siebie. Im bliżej siebie, tym bardziej wydają się spokrewnieni. Ta zasada Gestalt jest jedną z pierwszych zasad, które mają wpływ na naszą percepcję i zrozumienie. 

Najprostszym sposobem wskazania pokrewieństwa w raportach jest manipulowanie bliskością. Ta zasada jest tak potężna, że ​​zastąpi nawet jedną z zasad projektowania Gestalt, którą jest podobieństwo.

Weźmy na przykład kolor, którego używaliśmy wcześniej. Widzimy, że w oparciu o zasadę podobieństwa będziemy grupować elementy intuicyjnie na podstawie ich koloru.

Zobacz, co się stanie, jeśli dodamy odstępy między elementami. Bliskość przeważa nad podobieństwem.

Gdzie stosujemy zasadę bliskości w raportach LuckyTemplates ? Możemy ich użyć do stworzenia relacji między dwoma wykresami lub do stworzenia wykresu.

W raporcie, który stworzyłem dla zorganizowanego przez LuckyTemplates, umieściłem tę podpowiedź. Wykres w górnej części obrazu wykorzystuje zasady bliskości i podobieństwa.

To, co pokazuję na tym wykresie, to każdy wyścig wygrany przez Hamiltona od 2007 roku do dzisiaj. Z łatwością możemy zaobserwować, że gęstość wyścigu wygranego przez Hamiltona w latach 2015-2016 rośnie. Widzimy to, ponieważ nasze oczy interpretują odległość i grupują bardzo gęste słupki. 

W tym przykładzie używamy również tej samej zasady, aby stworzyć związek między mapą przedstawiającą częstość występowania astmy u dorosłych a małymi wielokrotnymi wykresami przedstawiającymi częstość występowania ewolucji astmy u dzieci według pochodzenia etnicznego.

Podobnie przyciski nawigacyjne wykorzystują tę zasadę oprócz podobieństwa, ponieważ mamy wszystkie elementy z bliskiej odległości. Zawsze używamy tej samej odległości między przyciskami i ważniejszej odległości do wszystkiego innego.

Zasady Gestalt w projektowaniu | Ciągłość

Zasada ciągłości pokazuje, jak elementy poruszające się lub dające złudzenie ruchu w tym samym kierunku są postrzegane jako powiązane.

Stosowanie tej zasady w projektowaniu może pomóc w przyciągnięciu uwagi widza i skierowaniu go na konkretny projekt lub informację .

Jak widać w przykładzie, elementy ułożone na linii lub krzywej są postrzegane jako bardziej powiązane niż elementy, które nie leżą na linii lub krzywej.

Innym ważnym elementem, na który należy zwrócić uwagę, jest to, że jeśli oko zacznie podążać w górę linii zamkniętych kropek lub linii ciągłej, będzie to kontynuować, dopóki nie napotka innego obiektu, który przerywa tę ciągłość.

Elementy biegnące wzdłuż linii ciągłej rozpoznajemy jako grupę. Im gładsze są odcinki linii, tym bardziej postrzegamy je jako jednolity kształt.

Nasze umysły preferują ścieżkę najmniejszego oporu . Pokazuje, jak staramy się podążać najprostszą ścieżką dla połączonych ciągłych elementów. Nasz mózg wybiera najbardziej logiczną i uproszczoną drogę. Będziemy postrzegać te linie jako dwie różne linie, tak jak w drugim przykładzie.

W jaki sposób ta zasada może nam się przydać? Ciągłość pomaga nam interpretować kierunek i ruch w całej kompozycji. Odbywa się to podczas wyrównywania elementów i może pomóc naszym oczom płynnie poruszać się po stronie. 

Zasada ciągłości wzmacnia postrzeganie zgrupowanych informacji, tworząc porządek i prowadząc użytkowników przez różne segmenty treści.

Przerwanie ciągłości może sygnalizować koniec sekcji i zwrócić uwagę na nowy fragment treści .

Marki jako przykłady ciągłości

Jak pokazano na tym slajdzie, widzimy, że zasada ciągłości ma zastosowanie w kompozycji projektu. Na pierwszym przykładzie możemy zobaczyć, jak świetny tytuł może wspaniale współgrać z zasadą ciągłości.

Sugeruje to, że Coca-Cola jest przykładem długoletniej tradycji w zakresie jakości i powinniśmy jej ufać. Jest to bardzo potężna technika opowiadania historii i coś, co wszyscy możemy zastosować, komunikując się w raportach.

Pozwala użytkownikowi połączyć kropki z wnioskiem, który chcemy; w związku z tym sprawia, że ​​​​przesłanie jest znacznie potężniejsze.

Zasada skupi wzrok użytkownika zaraz po tytule na najnowszej butelce Coca-Coli. To doskonały przykład wspaniałej historii i wspaniałego doboru elementów i projektu.

Drugi i trzeci przykład pokazują wpływ ciągłości na to, jak postrzegamy obrazy. Naturalnie skanujemy stronę we wzór F lub Z. Tym razem zeskanowaliśmy stronę w zupełnie inny sposób. Przerwanie ciągłości zwraca uwagę na nowy fragment treści.

W logo Amazona skutecznie wykorzystali ciągłość. Nasze oczy skupiają się, gdy linia zaczyna się od A, a następnie przeskakuje do Z. Podstawowym przesłaniem jest to, że w Amazon możemy znaleźć wszystko, każdy produkt od A do Z.

Na przykładzie logo ProQuest możemy zobaczyć, jak skupiono się na przekazie na końcu, gdzie oczy będą oparte na zasadzie ciągłości.

Obrazy jako przykłady ciągłości

Wejdźmy jeszcze głębiej w naszą eksplorację możliwości kompozycji. Przyjrzymy się przykładowi, który wykorzystuje zarówno ciągłość, jak i wspólne zasady Gestalt w projektowaniu.

Calydonian Boar Hunt to prawdziwe dzieło sztuki i słynny obraz Petera Paula Rubensa z 1612 roku. Oprócz zasady trójpodziału, Rubens stosował jednocześnie ciągłość , wspólny los , zasady Gestalt i pretensjonalne atrybuty doskonałości.

Najpierw spójrzmy na obraz. Na co patrzymy najpierw? 

Nasz wzrok przyciąga wojownika ze względu na kolor peleryny. Rubens używał czerwonego koloru jako atrybutu ostrzegawczego . Również nasze oczy są przyciągane do włóczni i naturalnie będziemy podążać ścieżką aż do końca w kierunku barku dzika.

Zasady Gestalt w projektowaniu | Wspólny los

Głównym tematem jest dzik, który jest w centrum uwagi. Rubens podkreśla to za pomocą zasady trójpodziału oraz dodając kolejną zasadę Gestalt w projektowaniu – wspólny los .

Prawo wspólnego losu Gestalt mówi, że ludzie postrzegają elementy wizualne, które poruszają się z tą samą prędkością lub w tym samym kierunku, jako części pojedynczego bodźca.

Typowym tego przykładem jest stado ptaków. Kiedy kilka ptaków leci w tym samym kierunku, zwykle zakładamy, że należą do jednej grupy. Wydaje się, że ptaki, które lecą w innym kierunku, nie należą do tej samej grupy. 

W tym przypadku widzimy, że każda osoba w scenie patrzy i ma głowę skierowaną w stronę dzika.

Ruch sceny, zastosowanie zasady trójpodziału i zasady Gestalt w projektowaniu zostały wykorzystane do udoskonalenia tego arcydzieła. Ożywia scenę i angażuje percepcję i emocje użytkownika .

Zasady Gestalt w projektowaniu | Zamknięcie

Zasada zamknięcia jest dość prosta. Zamknięcie występuje, gdy element jest niekompletny lub przestrzeń nie jest zamknięta. Jeśli wskazana zostanie wystarczająca ilość kształtu, widz podświadomie uzupełni brakujące informacje. 

Spójrz na obrazek na slajdzie. Czy widzisz wiele kropek czy psa? Czy ty też możesz zobaczyć pandę? 

Nasz umysł wypełnia kropki. Widzimy pełne kształty w niepełnym kontekście. 

Druga obserwacja tej zasady polega na tym, że elementy, które mają wokół siebie granicę, są postrzegane jako bardziej powiązane. Postrzegamy zestaw obiektów jako grupę, gdy są one zamknięte w dowolnym obszarze wizualnym, który otacza je obramowaniem lub cieniem. 

Na przykład punkty danych na obu obrazach są ułożone identycznie, ale są postrzegane jako zgrupowane w zupełnie inny sposób. Twoje postrzeganie tego, co się łączy, jest zupełnie inne. Zamknięcie może służyć do oddzielania lub łączenia rzeczy .

Stosowanie zamknięcia w projekcie raportu

W oparciu o te obserwacje, jak możemy wykorzystać tę zasadę w naszym raporcie? Przede wszystkim rozumiemy teraz, jak ważny jest układ tła. Wiemy, że jeśli umieścimy razem dwa wykresy w pudełku, możemy zasugerować związek.

Po drugie, wiemy, że możemy implikować tę samą zasadę wewnątrz wykresów, jak pokazano w przykładzie. Po trzecie, nie musimy całkowicie zamykać oddzielnych komponentów. Podświadomie uzupełniamy brakujące informacje, a to bardzo pomaga uporządkować nasze projekty.

Zasady rysunku i podłoża

Rysunek i podłoże to jedna z najtrudniejszych zasad Gestalt w projektowaniu, ale także jedna z najpotężniejszych. Jest to stan, w którym postrzegamy elementy jako obiekty skupienia lub tło. 

Podobnie jak domknięcie, praca nad figurą i podłożem poprzez wykorzystanie dodatniej i ujemnej przestrzeni . Istnieje praktycznie we wszystkim, co postrzegamy wizualnie, niezależnie od tego, czy widzimy kompozycję, stronę internetową, logo czy ikonę. 

Nasz mózg oddziela pierwszy plan od tła, aby zobaczyć przedmioty i otoczenie. Nazywa się to również ujemną-dodatnią zależnością przestrzenną.

Te same kształty mogą być postrzegane jako pierwszy plan lub jako tło. Kolor nie ma nic wspólnego z określeniem, czy jest to tło, czy figura. 

Zobaczmy kilka przykładów, aby wyjaśnić sprawę. Plakat „Ojciec chrzestny” jest najlepszym przykładem figury i podłoża, ponieważ widzimy doskonały kontrast kolorów.

Umieszczenie figury ostrości w pobliżu centralnego obszaru w kadrze zapewnia jej równowagę. Pierwszy plan jest bardziej szczegółowy niż tło. Mamy oczywisty centralny punkt, którym jest czerwona róża.

Tło nie konkuruje z pierwszym planem o uwagę. Tak więc w tym przypadku łatwo jest zidentyfikować punkt centralny i prostotę tła całego interfejsu oraz znaczenie szczegółów. Zachowaj prostotę i skup się na tym, co naprawdę ważne . 

Możemy powtórzyć ten przykład w naszym projekcie raportu. Wiele może się wydarzyć na stronie z bardzo małą liczbą grafik. W rzeczywistości dodanie większej liczby elementów bez zrozumienia efektu może często sprawić, że wiadomość będzie myląca. Jak pokazano na tym przykładzie, plakat jest po prostu idealny, mniej znaczy więcej.

Ok, przejdźmy do innych przykładów. Czy potrafisz łatwo rozpoznać, która z nich jest figurą, a która ziemią? 

Trudno powiedzieć, bo zdjęcia są niejednoznaczne. Istnieje więcej niż jedno rozwiązanie tego, czym jest postać i jakie jest tło. Tego typu obrazy angażują widza i sprawiają, że pozostaje on dłużej na Twoim obrazie, co może zwiększyć zaangażowanie w historię, którą chcesz opowiedzieć. 

Unilever: doskonały przykład rysunku i podłoża

Jeśli przyjrzymy się logo Unilever, zrozumiemy, jak bogata może być historia oparta na zasadzie figury i podłoża, ale także domknięcia.

Logo Unilever wygląda jak duża litera U. Zwykle to widzimy, ponieważ jest nam znane i łatwo rozpoznajemy tę literę. Również rozmiar i kontrast kształtu sprawiają, że skupiamy się na nim, a U staje się figurą, a reszta tłem.

Jeśli przyjrzymy się bliżej, zobaczymy, że tło jest niejednoznaczne i możemy zidentyfikować szczegóły. Możemy rozróżnić ptaka, serce, ubranie i rybę.

Użytkownik odkryje logo zaangażowanej firmy z troską o środowisko i nie tylko. To logo jest świetne, ponieważ jest proste, ale przekazuje bardzo bogatą historię o firmie.

Ta zasada jest bardzo potężna i chociaż jest częściej stosowana w projektowaniu graficznym i informatycznym, należy ją zrozumieć.

Różnica między tłem a pierwszym planem jest czymś, o czym musimy pamiętać w naszych raportach.

Projekty usługi LuckyTemplates zapewniające atrakcyjne raporty
Wizualizacje i efekty : Projekty pulpitów nawigacyjnych usługi LuckyTemplates
Pulpit nawigacyjny w usłudze LuckyTemplates: najlepsze praktyki projektowe

Wniosek

Zastosowanie odpowiednich technik Gestalt w naszych raportach usługi LuckyTemplates może stworzyć atrakcyjne narracje, które mogą pomóc użytkownikom połączyć kropki i sprawić, że przekaz będzie bardziej skuteczny. Mamy swobodę wyboru zasady, która najlepiej odpowiada potrzebom naszych odbiorców.

Wszystkiego najlepszego,