Gestalt · Law of proximity
Spójrz jeszcze raz: tu nie ma liter, są same kropki. Słowo czytasz, bo kropki, które leżą blisko, oko samo skleja w całość. To zasada bliskości. Korzystasz z niej w każdym projekcie, nawet jeśli nikt Ci jej nigdy nie nazwał. Zobacz, jak z kropek robi się ekran →
W 1923 roku psycholog Max Wertheimer, współtwórca psychologii Gestalt, pokazywał ludziom rzędy kropek. Nie widzieli kropek, tylko grupy. Tak działa prawo bliskości i każdy ekran: zanim przeczytasz choć słowo, odstępy już powiedziały Ci, co jest razem.
Warsztaty z typografii
Sobota od 9:00 do 14:00. Zabierz laptopa.
52 takie same kropki w równych odstępach. Nic nie jest ważniejsze od reszty. Te same kropki, zmieniamy tylko odstępy. Dwie górne grupy stoją blisko, więc należą do siebie. Dolna jest osobno. Każda grupa staje się jednym blokiem. Tak wygląda szkic każdego ekranu. Tytuł z podtytułem razem, przycisk osobno. Ten porządek był w odstępach, zanim pojawił się tekst.
Najczęstszy błąd w formularzach to równe odstępy wszędzie. Wygląda porządnie, a czyta się źle. Zobacz ten sam formularz przed i po.
Formularz z równymi odstępami. Wygląda porządnie, ale etykiety wiszą gdzieś między polami. Zaznaczmy odstępy: wszędzie 14 px. Etykieta stoi tak samo blisko swojego pola, jak poprzedniego. Zmniejszamy odstęp w parze, a pustka przechodzi między pary. Wysokość formularza się nie zmienia. Teraz 6 px w parze i 25 px między parami. Ten sam formularz, te same pola. Tylko teraz oko od razu widzi cztery osobne pytania.
odstęp w grupie < odstęp między grupami
To jedyna reguła, którą trzeba zapamiętać. Bez konkretnych pikseli: liczy się, żeby różnica była wyraźna. Dobra miara to przerwa między grupami co najmniej dwa razy większa niż w grupie.
Bliskość działa wszędzie, gdzie coś trzeba poukładać. Bez ramek, bez linii, bez kolorów. Tylko odstępy.
Data z godziną, miejsce z adresem. Dwie grupy informacji bez jednej linii czy ramki, tylko większa przerwa między nimi.
Nazwa planu przy cenie, korzyści razem, przycisk na końcu. Odstępy mówią, co jest nagłówkiem, a co listą.
Siedem pozycji w trzech grupach. Wyloguj nie miesza się z ustawieniami, choć nic ich nie oddziela poza pustką.
AIBliskość jest silna, ale nie jedyna. Gdy w układzie pojawi się ramka, kolor albo linia, potrafią ją przebić. Wtedy wszystkie wskazówki muszą mówić to samo.
AITo jedna z zasad psychologii Gestalt: elementy leżące blisko siebie postrzegamy jako grupę, a te oddalone jako osobne. W projektowaniu to podstawowe narzędzie porządkowania treści.
To samo. W polskich książkach spotkasz obie nazwy, po angielsku to law of proximity. Opisał ją Max Wertheimer w 1923 roku, razem z innymi zasadami grupowania.
Najczęściej wymienia się bliskość, podobieństwo, domknięcie, ciągłość, figurę i tło oraz wspólny los. Wszystkie zasady Gestalt znajdziesz w jednej tabeli.
Nie ma jednej liczby. Ważna jest proporcja: przerwa między grupami wyraźnie większa niż w grupie, najlepiej co najmniej dwa razy. Wtedy grupy widać od razu.
AIRazem.
Branding, design i AI w pracy grafika.mikirobi.ai