W obliczu losowych obiektów na stronie, przeglądarka często próbuje znaleźć połączenia. Projektanci mogą pomóc widzom, układając obiekty (tekst i / lub obrazy) w grupy, aby przekazać znaczenie i pomóc w rozpowszechnianiu ich przekazu. Ta bliskość tych grup to bliskość, zasada projektowania.
Bliskość tworzy więź między elementami strony. To, jak blisko siebie znajdują się obiekty, może sugerować związek. Obiekty umieszczone dalej od siebie mogą sugerować różnice.
Chociaż czasami uważa się, że jest to odrębna zasada, jedność lub "to, w jakim stopniu część dokumentu współdziałają ze sobą" jest czasami używana w znaczeniu bliskości. Bliskość to bliskość. Jednak elementy, które nie są blisko siebie, można zunifikować, wprowadzając trzeci element. Przykład: strzałka łącząca etykietę tekstową na marginesie z punktem na środku mapy. W ten sposób można osiągnąć związek lub jedność między elementami, które są daleko od siebie, ale należą do siebie.
Grupowanie obiektów może odbywać się w oczywistych odstępach, poprzez umieszczanie barier fizycznych między grupami (takich jak reguły), a nawet za pomocą kształtu, koloru lub tekstury, aby wizualnie grupować elementy i wizualnie oddzielać, w przeciwieństwie do przedmiotów.
Korzystanie z Bliskości w układzie strony
Unikaj przytłaczania widza, gdy na stronie jest wiele pojedynczych elementów, używając bliskości do grupowania elementów w oddzielnych jednostkach.
- Trzymanie napisów blisko obrazów nie tylko wyjaśnia, że podpis pochodzi z obrazem, ale tworzy jedną wizualną jednostkę z dwóch oddzielnych.
- Grupowanie elementów, takich jak adres, numer telefonu, adres e-mail i adres internetowy, nie tylko umieszcza wszystkie informacje kontaktowe w jednej łatwej do wyświetlenia jednostce, która tworzy jedno miejsce, w którym oko może odpocząć (i uzyskać informacje), a nie cztery spoty do przeskoczyć i ewentualnie przeoczyć.
- Jeśli istnieje wiele elementów do zgrupowania, należy rozważyć podgrupowanie. Korzystając z danych kontaktowych jako przykładu, pogrupuj je, ale użyj odstępów (lub innych środków), aby utworzyć podgrupę, na przykład wielu numerów telefonów.
Korzystanie z odległości w stosunku do pomocy nawigacyjnej
- Nagłówek powinien znajdować się blisko kopii ciała (reklamy, artykułu z biuletynu itp.), Jeśli chcesz wprowadzić czytelnika bezpośrednio w tekst. Jeśli towarzyszący obraz jest szczególnie ważny dla zrozumienia tekstu, zamiast tego możesz umieścić obraz bezpośrednio po nagłówku.
- Formuła 5 Step Ad Design, oparta na pracach Davida Ogilvy, zazwyczaj układa pięć typów treści w określonym wzorcu, który prowadzi widza przez reklamę. Bliskość można również wykorzystać do grupowania materiału, który składa się z tych pięciu typów treści.
Bliskość, ponieważ pomaga użytkownikowi
Pomóż widzowi zrozumieć złożone strony lub zapełnione informacjami układy, wykorzystując bliskość do łączenia elementów, które łączą się ze sobą i oddzielają inne części.
- Na przykład broszura na seminarium, na które składa się wiele oddzielnych warsztatów rozmieszczonych na wiele dni, a lokalizacje mogą łatwo przytłoczyć. Używaj bliskości (wraz z innymi elementami i zasadami projektowania), aby informacje o poszczególnych warsztatach (tytuł, opis, data / czas, lokalizacja) były pogrupowane razem, jednocześnie zapewniając grupowanie zawierające ogólne informacje, takie jak sposób rejestracji, koszt i informacje kontaktowe.
- Na stronie internetowej możesz użyć funkcji bliskości, aby pogrupować główne i pomocnicze linki nawigacyjne (tekst, tabulacje lub przyciski) w grupy zgodnie z ich funkcją (takie jak zakupy / katalogi, cotygodniowe promocje i pomoc techniczna).
