共同區(qū)域原則如何適用于UI設(shè)計(jì)?

共同區(qū)域原則特別有用。它可以幫助信息分組和內(nèi)容組織，但它也可以實(shí)現(xiàn)內(nèi)容分離或充當(dāng)焦點(diǎn)。它提升了層次結(jié)構(gòu)，可掃描性，并有助于信息的推廣。

共同區(qū)域的原則可以將許多不同的因素組合在一起，使它們?cè)诟�大的群體中保持統(tǒng)一。我們可以通過(guò)使用線(xiàn)條，顏色，形狀和陰影來(lái)實(shí)現(xiàn)它。它經(jīng)常被用來(lái)使某個(gè)元素突出，表示交互作用或重要性。

一個(gè)絕佳的運(yùn)用公共區(qū)域理論的例子就是用戶(hù)界面上的卡片;一個(gè)定義良好的矩形空間，包含不同的信息。橫幅廣告圖跟表格也是很好的例子。

相似

與不具有相似視覺(jué)特征的元素相比，具有相似視覺(jué)特征的元素被認(rèn)為更加相關(guān)。

相似性原則如何適用于UI設(shè)計(jì)?

我們傾向于把相似的元素看作是分組或模式。我們也可能認(rèn)為，它們的目的是相同的。相似性可以幫助我們組織和分類(lèi)一個(gè)組內(nèi)的對(duì)象，并將它們與特定的意義或功能聯(lián)系起來(lái)。

有很多不同的方法可以讓元素們看起來(lái)相似，從而被用戶(hù)認(rèn)為是彼此關(guān)聯(lián)的。這些特征包括顏色、大小、形狀、紋理、尺寸和方向的相似性;其中一些比其他的更具交際力(例如顏色>大小>形狀)。當(dāng)相似發(fā)生時(shí)，一個(gè)物體可以通過(guò)與其他物體不同而得到強(qiáng)調(diào)，這被稱(chēng)為“異常”，可以用來(lái)創(chuàng)造對(duì)比或視覺(jué)重量。通過(guò)增加可瀏覽性、可發(fā)現(xiàn)性和整體信息流，將用戶(hù)的注意力吸引到某個(gè)焦點(diǎn)內(nèi)容上。

我們可以在導(dǎo)航，鏈接，按鈕，標(biāo)題，呼叫動(dòng)作等等中使用相似性原則。

閉合

一組元素通常被認(rèn)為是單個(gè)可識(shí)別的形式或圖形。閉合也發(fā)生在對(duì)象不完整或部分不封閉的時(shí)候。

閉合原則如何適用于UI設(shè)計(jì)?

正如閉合原則所指出的，當(dāng)我們面對(duì)適當(dāng)?shù)男畔⒘繒r(shí)，我們的大腦會(huì)通過(guò)填補(bǔ)空白并創(chuàng)建一個(gè)統(tǒng)一的整體來(lái)得出結(jié)論。通過(guò)這種方式，我們可以減少信息交流所需的元素?cái)?shù)量，減少?gòu)?fù)雜性，使設(shè)計(jì)更加吸引人。閉合可以幫助我們最小化視覺(jué)噪音并傳達(dá)信息，在一個(gè)很小的空間內(nèi)強(qiáng)化一個(gè)概念。

我們可以在圖像學(xué)中使用閉合原則，在這種情況下，簡(jiǎn)單有助于迅速而清晰地傳達(dá)意義。

對(duì)稱(chēng)

對(duì)稱(chēng)的元素往往被認(rèn)為是歸屬在一起的，而不管它們之間的距離，都給我們一種牢固和有序的感覺(jué)。

對(duì)稱(chēng)原則在UI設(shè)計(jì)中如何應(yīng)用?

對(duì)稱(chēng)的元素簡(jiǎn)單、和諧、美觀。我們的眼睛尋求這些屬性，以及秩序和穩(wěn)定，以了解世界。因此，對(duì)稱(chēng)是快速有效地交流信息的有用工具。對(duì)稱(chēng)讓人感覺(jué)舒服，有助于我們專(zhuān)注于重要的東西。

對(duì)稱(chēng)的構(gòu)圖是令人滿(mǎn)意的，但它們也會(huì)變得有點(diǎn)沉悶和靜態(tài)。視覺(jué)對(duì)稱(chēng)往往更具動(dòng)態(tài)性和趣味性。在任意一種對(duì)稱(chēng)設(shè)計(jì)中加入不對(duì)稱(chēng)的元素都能讓用戶(hù)對(duì)這個(gè)元素印象深刻從而吸引到用戶(hù)的注意力，這種方法非常好用，比如當(dāng)你希望吸引用戶(hù)興趣、或者像促進(jìn)用戶(hù)做出操作的時(shí)候。

對(duì)于作品集、圖庫(kù)、產(chǎn)品展示、列表、導(dǎo)航、橫幅和任何內(nèi)容豐富的頁(yè)面，使用對(duì)稱(chēng)性都是很好的。

延續(xù)

排列在一條線(xiàn)或一條細(xì)曲線(xiàn)中的元素被認(rèn)為比那些隨機(jī)排列或排列在一條粗線(xiàn)中的元素更相關(guān)。

連續(xù)性原則在UI設(shè)計(jì)中如何應(yīng)用?

連續(xù)線(xiàn)之后的元素被認(rèn)為是分組的。線(xiàn)段越光滑，我們就越把它們視為統(tǒng)一的形狀;我們的頭腦更喜歡阻力最小的道路。

連續(xù)性幫助我們通過(guò)構(gòu)圖來(lái)解釋方向和運(yùn)動(dòng)。它是在對(duì)齊元素時(shí)進(jìn)行的，它可以幫助我們的眼睛平滑地在頁(yè)面上移動(dòng)，幫助我們閱讀信息。連續(xù)性原則加強(qiáng)了對(duì)分組信息的感知，創(chuàng)造了秩序，并通過(guò)不同的內(nèi)容片段引導(dǎo)用戶(hù)。中斷連續(xù)性可以標(biāo)志著一段內(nèi)容的結(jié)束，讓人注意到新的內(nèi)容。

行和列的線(xiàn)性排列是連續(xù)性的好例子。我們可以在菜單和子菜單，列表，產(chǎn)品排布展示，輪播，服務(wù)或過(guò)程/進(jìn)度顯示中使用它們。

共同的命運(yùn)

向同一方向移動(dòng)的元素被認(rèn)為比向不同方向移動(dòng)或根本不移動(dòng)的元素更相關(guān)。

共同命運(yùn)原則在UI設(shè)計(jì)中如何應(yīng)用?

無(wú)論元素有多遠(yuǎn)或者它們可能出現(xiàn)的差異多少，如果它們一起移動(dòng)或變化，它們都被認(rèn)為是相關(guān)的。即使隱藏元素本身的真實(shí)運(yùn)動(dòng)，它的移動(dòng)效果也可以通過(guò)其它視覺(jué)元素來(lái)反襯出來(lái)。

當(dāng)元素移動(dòng)同步時(shí)，共同命運(yùn)原則更有效; 在同一個(gè)方向，同一時(shí)間和速度。它可以幫助將相關(guān)信息分組并將結(jié)果與行為聯(lián)系起來(lái)。同步運(yùn)動(dòng)的中斷可以吸引用戶(hù)的注意力并將其引導(dǎo)至特定的元素或特征。它還可以建立不同分組或狀態(tài)之間的關(guān)系。

我們可以把命運(yùn)共同原則用在可擴(kuò)展菜單、折疊條目、小提示、滑塊、滾動(dòng)條和手勢(shì)操作提示等。

結(jié)論

用戶(hù)界面設(shè)計(jì)不僅僅是漂亮的像素和閃亮的圖形。主要是關(guān)于溝通，性能和便利性。格式塔原則總是能夠幫助我們實(shí)現(xiàn)這些目標(biāo); 為用戶(hù)創(chuàng)造愉快的體驗(yàn)，并為企業(yè)取得巨大成功。