Połóż powiązane ze sobą elementy blisko siebie, a ludzie założą, że do siebie pasują. Ta prosta zasada to bliskość, jedna z kluczowych idei projektowania wizualnego. Wywodzi się ona z psychologii Gestalt, która badała, jak mózg organizuje bodźce wizualne we wzory. Gdy elementy znajdują się blisko siebie, oko je grupuje. Gdy znajdują się daleko od siebie, oko je rozdziela. Projektanci celowo wykorzystują to, aby pokazać strukturę bez dodawania linii czy ramek.
Bliskość wykonuje wiele cichych czynności. W formularzu etykieta umieszczona blisko pola wprowadzania danych jest postrzegana jako połączona. Przesunięcie etykiety o połowę strony powoduje zerwanie relacji. W układzie strony nagłówek umieszczony bliżej tekstu poniżej niż sekcji powyżej sygnalizuje, do którego bloku należy. Robin Williams spopularyzował te idee wśród osób niebędących projektantami w książce The Non-Designer's Design Book, łącząc bliskość z wyrównaniem, powtórzeniem i kontrastem.
Praktyczne zastosowania
- Grupowanie etykiet z polami formularza.
- Oddzielanie sekcji spacjami zamiast liniami.
- Grupowanie powiązanych łączy nawigacyjnych.
- Wykorzystanie marginesów do sygnalizowania hierarchii.
Bliskość jest tania. Kosztuje tylko białą przestrzeń i często zastępuje wizualny bałagan, który w przeciwnym razie dezorientowałby czytelnika.
Comments
No comments yet. Be the first to share a thought.
Leave a comment