當面對頁面上的隨機對象時,查看器通常會嘗試查找連接。 設計師可以通過將對象(文本和/或圖像)排列成組來幫助觀眾,以傳達意義並幫助傳播他們的信息。 這些團隊的親密接近是設計原則。
接近創建頁面元素之間的聯繫。 物體放在一起可以表明一種關係。 放置得更遠的物體可以表明不同。
雖然有時被認為是一個單獨的原則,但統一或“文件的多個部分一起工作”有時被用來表示鄰近性。 接近度很接近。 然而,可以通過引入第三個元素來統一缺乏接近的元素。 一個例子:將邊界中的文本標籤與地圖中間的點連接起來的箭頭。 通過這種方式,可以在相距甚遠但屬於一起的元素之間實現關係或統一。
通過在組之間設置物理屏障(例如規則),甚至通過使用形狀, 顏色或紋理來將對象分組,從而在視覺上對類似的項目進行分組並且在視覺上分離,而不像項目,可以以明顯的間距對對象進行分組。
在頁面佈局中使用接近度
避免當頁面上有很多單獨的元素時,通過使用接近將項目分組為單個單元來壓倒瀏覽者。
- 使字幕貼近圖像不僅清楚地表明字幕與圖像一致,而且還從兩個單獨的單元創建單個視覺單元。
- 分組地址,電話號碼,電子郵件地址和網址等元素不僅可以將所有聯繫信息放入一個易於識別的單元中,還可以創建一個讓人眼睛休息(並獲取信息)的單點,而不是四個點跳到並可能忽略。
- 如果有很多元素需要分組,請考慮子分組。 以聯繫人信息為例,將它們組合在一起,但使用間距(或其他方法)來創建例如多個電話號碼的子組。
使用接近援助導航
- 如果你想引導讀者閱讀正文,請將標題貼在正文(廣告,新聞稿文章等)的附近。 如果伴隨的視覺對理解文本特別重要,您可以將視覺效果直接放在標題後面。
- 以David Ogilvy的作品為基礎的5步廣告設計公式通常以特定模式安排五種類型的內容,這些模式往往會引導觀眾瀏覽廣告。 Proximity也可以用來對構成這五種類型內容的材料進行分組。
接近,因為它有助於用戶
幫助觀眾了解複雜的網頁或信息包裝的佈局,通過使用鄰近區域將匯集在一起的元素匯集在一起並分隔其他部分。
- 例如,一個研討會的小冊子由許多獨立的研討會組成,這些研討會分散在多個日子和地點,可能很容易被壓倒。 使用接近度(以及其他元素和設計原則)將每個工作室(標題,說明,日期/時間,地點)的信息分組在一起,同時提供一個分組,提供總體詳細信息,如如何註冊,成本和聯繫信息。
- 在網頁上,您可以使用鄰近功能根據其功能(如購物/目錄,每週特價和技術支持)將主要和輔助導航鏈接(無論是文本,標籤還是按鈕)分組到組中。