Gestalt · Law of closure

Zasada domknięcia Gestalt (law of closure)

Zostało 115 kropek, 42 zniknęło. Słowo i tak czytasz.

Z tego słowa zniknęła co czwarta kropka, a i tak czytasz je bez zastanowienia. Mózg nie czeka na komplet. Widzi kawałki i sam dopowiada resztę. To zasada domknięcia. Dzięki niej działa logo z przerwą, ikona z otwartą kreską i karuzela, w której widać tylko pół karty. Zobacz trójkąt, którego nie ma →

  1. 02Trójkąt, którego nie ma
  2. 03Pół karty mówi więcej
  3. 04Trzy media
  4. 05Kiedy domknięcie nie działa
  5. 06Pytania

Trójkąt, którego nie ma.

W 1955 roku włoski psycholog Gaetano Kanizsa narysował trzy nadgryzione koła. Ludzie widzieli na nich biały trójkąt, a nawet twierdzili, że jest jaśniejszy od tła. To najsłynniejszy pokaz prawa domknięcia: brakujące krawędzie oko rysuje samo.

Trzy czerwone koła. Nic więcej tu nie ma. Z każdego koła wycinamy klin. Trzy nadgryzione koła, nic poza tym. Obracamy je wycięciami do środka i widzisz biały trójkąt. Nikt go nie narysował, dopowiedział go Twój mózg.

Pół karty mówi więcej.

W interfejsie domknięcie podpowiada, że coś trwa dalej. Karuzela, w której wszystko mieści się idealnie, wygląda na skończoną. Wystarczy uciąć ostatnią kartę.

Trzy karty mieszczą się co do piksela. Wygląda na to, że to cała oferta. Te same karty, tylko węższe. Czwarta wystaje zza krawędzi i od razu wiesz, że dalej jest więcej. Ucięta karta to zaproszenie. Oko samo ją domyka, a palec przewija dalej.

kawałek → całość

Pokaż tyle, żeby kształt dało się odgadnąć, i ani trochę więcej. Ucięta karta, otwarta kreska, szary szkielet ekranu: resztę użytkownik dopowie sam.

Ta sama zasada, trzy media.

Domknięcie pozwala zabrać część kształtu, a nadal pokazać całość. Znak robi się lżejszy, ikona prostsza, a ekran wydaje się szybszy.

  1. 01

    Logo

    Pierścień z przerwami i tak czytasz jako koło. Znak jest lżejszy, a nadal pewny.

  2. 02

    Ikony

    Otwarte kreski zamiast zamkniętych kształtów. Oko domyka koło i strzałkę, ikona zostaje prosta.

  3. 03

    Szkielet ekranu

    Szare prostokąty zamiast treści. Zanim cokolwiek się wczyta, widzisz już cały układ.

Dwanaście czerwonych klocków ułożonych w zarys kwadratu. W każdym rogu brakuje klocka, a kwadrat i tak widać.AI

Kiedy domknięcie nie działa?

Oko dopowiada chętnie, ale tylko wtedy, gdy ma z czego. Za dużo braków i zamiast całości widać bałagan.

ProblemCo z tym zrobić
Za dużo brakówGdy zostaje za mało kształtu, oko widzi tylko kawałki. Zostaw wszystkie narożniki i najważniejsze krzywe, zabieraj z prostych odcinków.
Nieznany kształtDomykamy to, co znamy: koło, literę, strzałkę. Wymyślony kształt z przerwami nie domknie się w niczyjej głowie.
Ucięcie w złym miejscuKarta, z której brakuje kilku pikseli, wygląda jak błąd. Ucinaj wyraźnie, mniej więcej w połowie.
Małe rozmiaryCienkie przerwy znikają w małej ikonie i w druku. Sprawdź znak w 16 pikselach i na kiepskim papierze.
Dziesięć czerwonych kredek ułożonych w okrąg, z przerwą między każdą kredką.AI

Pytania o zasadę domknięcia.

  1. 01

    Czym jest zasada domknięcia?

    To jedna z zasad psychologii Gestalt: niepełne kształty postrzegamy jako całe. Mózg sam dopowiada brakujące krawędzie, jeśli kawałki układają się w znaną formę.

  2. 02

    Domknięcie czy zamknięcie?

    To samo. W polskich książkach spotkasz zasadę domknięcia, prawo zamknięcia albo czynnik zamknięcia, po angielsku to law of closure.

  3. 03

    Gdzie widać ją w logo?

    W znakach, w których część kształtu jest pusta: panda WWF bez obrysu głowy, poziome paski w logo IBM, koło z przerwą. Znak jest lżejszy, a nadal czytelny.

  4. 04

    Jak użyć jej w interfejsie?

    Utnij ostatnią kartę w karuzeli, żeby było widać, że jest więcej. Pokaż szkielet ekranu, zanim wczyta się treść. Rysuj ikony otwartą kreską tam, gdzie kształt jest dobrze znany.

Trzy paski czerwonej taśmy malarskiej tworzą trójkąt bez wierzchołków.AI

Domknięcie w trzech zdaniach.

  1. 01Niepełny kształt oko samo uzupełnia do całości.
  2. 02Zabieraj z prostych odcinków, zostawiaj narożniki i krzywe.
  3. 03Ucięta karta mówi, że jest więcej. Utnij ją wyraźnie.

Domknij.

Branding, design i AI w pracy grafika.mikirobi.ai
01/07