鄰近原則幫助設(shè)計師實現(xiàn)兩個主要目標(biāo),包括使布局看起來不那么擁擠,以及將相關(guān)元素分組在一起。
用內(nèi)容和功能元素填充整個網(wǎng)頁是設(shè)計者常見的錯誤之一。提供盡可能多的信息并用文本和圖像填充版面的每個部分是很誘人的。但重要的是要理解,用戶的注意力范圍有限,通過添加太多內(nèi)容和功能元素,你會用太多細節(jié)來壓倒用戶。因此,他們很難理解什么是重要的,什么是不重要的,這會妨礙用戶正確地消化信息。在設(shè)計中仔細應(yīng)用鄰近度有助于減少視覺混亂并提高理解力。
鄰近原則 做出更好的表單
填寫表單是用戶交互中最不愉快的部分之一。然而,形式幾乎是任何產(chǎn)品體驗的重要組成部分。無論是移動設(shè)計還是網(wǎng)頁設(shè)計,都必須以允許用戶輕松填寫所有數(shù)據(jù)的方式設(shè)計表單。在三個主要領(lǐng)域,鄰近原則可以幫助用戶創(chuàng)建更好的體驗:字段標(biāo)簽、輸入字段和輸入格式。
字段標(biāo)簽及其位置對用戶掃描表單的容易程度起著至關(guān)重要的作用。我們知道,頂部對齊的標(biāo)簽往往會縮短表單完成時間,因為用戶的眼睛會朝一個方向移動。但是,通過在相應(yīng)的表單字段附近放置標(biāo)簽,用戶可以更容易地掃描表單。這對于較長的表單尤為重要,因為當(dāng)標(biāo)簽和表單字段之間的關(guān)系不明顯時,用戶必須花額外的時間來確定哪個標(biāo)簽屬于哪個字段。
許多字段的長表單可能很難填寫。一般的經(jīng)驗法則是刪除所有可選字段,只要求用戶提供您需要使用的信息。但是,當(dāng)表單需要多個輸入字段時,應(yīng)該怎么做?答案很簡單:您可以使用鄰近原則改變用戶對表單的感知
通過將相關(guān)字段分組在一起,您可以幫助用戶了解為什么需要填寫此信息??纯聪旅娴睦?。兩個表單都有相同數(shù)量的字段,但右側(cè)表單中的字段分為三組。兩個示例中的用戶輸入量相同,但對用戶的印象完全不同。
最后,可以在設(shè)計中使用鄰近來格式化數(shù)據(jù)輸入。您可以對多種類型的數(shù)據(jù)使用分塊。
鄰近原則 提高對內(nèi)容理解
對于許多產(chǎn)品來說,內(nèi)容是人們開始使用它們的原因。良好的可讀性(讀者能夠輕松理解書面文本)和易讀性(讀者可以輕松解碼符號)是產(chǎn)品設(shè)計的基本財產(chǎn)。許多因素都有助于可讀性和易讀性,包括字體系列、字體大小和文本對比度。但是,在頁面上構(gòu)造內(nèi)容的方式也直接影響內(nèi)容的易讀性和可讀性。
當(dāng)文本在沒有任何格式的情況下呈現(xiàn)時,可讀性會受到影響。通過以簡短、易于掃描的塊顯示內(nèi)容,將句子分組為段落或部分,并用一點空格分隔,可以幫助用戶掃描和閱讀文本。
鄰近原則 突出某些元素
強調(diào)是用戶體驗(UX)設(shè)計的最重要原則之一。為頁面上的特定元素或內(nèi)容賦予優(yōu)先級是設(shè)計者最常見的任務(wù)之一。雖然設(shè)計者可以使用許多不同的技術(shù)來獲得良好的結(jié)果,例如使元素更大或增加更多的對比度,但也可以在不改變原始元素的情況下獲得相同的結(jié)果。相反,您可以在元素周圍使用大量的負空間。
負面空間和用戶注意力之間有直接聯(lián)系。在元素周圍添加的負空間越大,對查看器來說越明顯。這是自然發(fā)生的,因為用戶的注意力將被引導(dǎo)到具有更多負面空間的元素,因為該區(qū)域沒有其他東西吸引他們的注意力。
鄰近原則 引導(dǎo)觀眾瀏覽內(nèi)容
接近原理可以幫助您創(chuàng)建一個流,將觀眾的視線從一個點引導(dǎo)到另一個點。通過調(diào)整空白區(qū)域,您可以輕松創(chuàng)建自然吸引用戶注意力的焦點或區(qū)域。創(chuàng)建焦點首先要創(chuàng)建一個web設(shè)計網(wǎng)格,該網(wǎng)格允許您在布局中一致地放置設(shè)計元素。有了網(wǎng)格后,需要安排元素來引導(dǎo)用戶瀏覽關(guān)鍵內(nèi)容部分。
在設(shè)計中使用鄰近度的主要目的是組織信息并創(chuàng)建一個視覺層次結(jié)構(gòu),以幫助提高產(chǎn)品的可用性。
用內(nèi)容和功能元素填充整個網(wǎng)頁是設(shè)計者常見的錯誤之一。提供盡可能多的信息并用文本和圖像填充版面的每個部分是很誘人的。但重要的是要理解,用戶的注意力范圍有限,通過添加太多內(nèi)容和功能元素,你會用太多細節(jié)來壓倒用戶。因此,他們很難理解什么是重要的,什么是不重要的,這會妨礙用戶正確地消化信息。在設(shè)計中仔細應(yīng)用鄰近度有助于減少視覺混亂并提高理解力。
鄰近原則 做出更好的表單
填寫表單是用戶交互中最不愉快的部分之一。然而,形式幾乎是任何產(chǎn)品體驗的重要組成部分。無論是移動設(shè)計還是網(wǎng)頁設(shè)計,都必須以允許用戶輕松填寫所有數(shù)據(jù)的方式設(shè)計表單。在三個主要領(lǐng)域,鄰近原則可以幫助用戶創(chuàng)建更好的體驗:字段標(biāo)簽、輸入字段和輸入格式。
字段標(biāo)簽及其位置對用戶掃描表單的容易程度起著至關(guān)重要的作用。我們知道,頂部對齊的標(biāo)簽往往會縮短表單完成時間,因為用戶的眼睛會朝一個方向移動。但是,通過在相應(yīng)的表單字段附近放置標(biāo)簽,用戶可以更容易地掃描表單。這對于較長的表單尤為重要,因為當(dāng)標(biāo)簽和表單字段之間的關(guān)系不明顯時,用戶必須花額外的時間來確定哪個標(biāo)簽屬于哪個字段。
許多字段的長表單可能很難填寫。一般的經(jīng)驗法則是刪除所有可選字段,只要求用戶提供您需要使用的信息。但是,當(dāng)表單需要多個輸入字段時,應(yīng)該怎么做?答案很簡單:您可以使用鄰近原則改變用戶對表單的感知
通過將相關(guān)字段分組在一起,您可以幫助用戶了解為什么需要填寫此信息??纯聪旅娴睦?。兩個表單都有相同數(shù)量的字段,但右側(cè)表單中的字段分為三組。兩個示例中的用戶輸入量相同,但對用戶的印象完全不同。
最后,可以在設(shè)計中使用鄰近來格式化數(shù)據(jù)輸入。您可以對多種類型的數(shù)據(jù)使用分塊。
鄰近原則 提高對內(nèi)容理解
對于許多產(chǎn)品來說,內(nèi)容是人們開始使用它們的原因。良好的可讀性(讀者能夠輕松理解書面文本)和易讀性(讀者可以輕松解碼符號)是產(chǎn)品設(shè)計的基本財產(chǎn)。許多因素都有助于可讀性和易讀性,包括字體系列、字體大小和文本對比度。但是,在頁面上構(gòu)造內(nèi)容的方式也直接影響內(nèi)容的易讀性和可讀性。
當(dāng)文本在沒有任何格式的情況下呈現(xiàn)時,可讀性會受到影響。通過以簡短、易于掃描的塊顯示內(nèi)容,將句子分組為段落或部分,并用一點空格分隔,可以幫助用戶掃描和閱讀文本。
鄰近原則 突出某些元素
強調(diào)是用戶體驗(UX)設(shè)計的最重要原則之一。為頁面上的特定元素或內(nèi)容賦予優(yōu)先級是設(shè)計者最常見的任務(wù)之一。雖然設(shè)計者可以使用許多不同的技術(shù)來獲得良好的結(jié)果,例如使元素更大或增加更多的對比度,但也可以在不改變原始元素的情況下獲得相同的結(jié)果。相反,您可以在元素周圍使用大量的負空間。
負面空間和用戶注意力之間有直接聯(lián)系。在元素周圍添加的負空間越大,對查看器來說越明顯。這是自然發(fā)生的,因為用戶的注意力將被引導(dǎo)到具有更多負面空間的元素,因為該區(qū)域沒有其他東西吸引他們的注意力。
鄰近原則 引導(dǎo)觀眾瀏覽內(nèi)容
接近原理可以幫助您創(chuàng)建一個流,將觀眾的視線從一個點引導(dǎo)到另一個點。通過調(diào)整空白區(qū)域,您可以輕松創(chuàng)建自然吸引用戶注意力的焦點或區(qū)域。創(chuàng)建焦點首先要創(chuàng)建一個web設(shè)計網(wǎng)格,該網(wǎng)格允許您在布局中一致地放置設(shè)計元素。有了網(wǎng)格后,需要安排元素來引導(dǎo)用戶瀏覽關(guān)鍵內(nèi)容部分。
在設(shè)計中使用鄰近度的主要目的是組織信息并創(chuàng)建一個視覺層次結(jié)構(gòu),以幫助提高產(chǎn)品的可用性。