一致性

　　如果你遵循目前所討論的原則，但缺乏一致性，你將會削弱在應(yīng)用其他設(shè)計(jì)原則時(shí)所取得的進(jìn)步。一致性有助于創(chuàng)建一個(gè)設(shè)計(jì)、站點(diǎn)或外觀的心智模型。類似的東西應(yīng)該在視覺上相似。而且記住這一點(diǎn)，一旦你開始編碼你的設(shè)計(jì)，讓你的設(shè)計(jì)變得更簡練(不要重復(fù)你自己)，你就會更加直截了當(dāng)。
 

 

　?。―ropbox團(tuán)隊(duì)的另一個(gè)令人賞心悅目的設(shè)計(jì)）
 

　　上圖的示例顯示了不同級別上的一致性。插圖的樣式和尺寸是一致的。按鈕看起來是一樣的。所有三列的視覺重量都是均勻的。每一列都有相同的內(nèi)部結(jié)構(gòu)。總的來說，這是簡單、精心考慮和有效的。
 

　　一致性設(shè)定了預(yù)期，無論接下來發(fā)生的是什么，都會出現(xiàn)相似的情況，從而減少認(rèn)知處理。避免使用大量不同類型的字體和字體是保持一致性最重要的途徑之一。在一個(gè)環(huán)境中，用戶習(xí)慣于以特定的樣式或字體閱讀，因此不應(yīng)該打擾讀者。
 

　　你最近有沒有看到過使用大量不同按鈕的網(wǎng)站，而不是少數(shù)幾個(gè)可以創(chuàng)造更好的一致性的網(wǎng)站?我敢打賭，你肯定不會喜歡的。下面的按鈕屬于一個(gè)單一站點(diǎn)的接口清單。正如下面所觀察到的，你能在錯(cuò)誤的方向上走多遠(yuǎn)，這是令人驚訝的。
 

　　當(dāng)網(wǎng)站建設(shè)類似的元素具有相同的美學(xué)特征時(shí)，系統(tǒng)的可用性就會大大提高。為什么要讓用戶學(xué)習(xí)不同的視覺語言來瀏覽網(wǎng)頁呢？這沒有任何意義！
 

 

　　（布拉德.弗羅斯特關(guān)于原子設(shè)計(jì)的優(yōu)秀著作的一張截圖） 
 

　　相似性

　　你猜對了，一致性源于這個(gè)格式塔原則，它表明相似的東西創(chuàng)造了一種統(tǒng)一的形式，你可以在你的設(shè)計(jì)中使用。具有相似特征的元素似乎彼此之間的聯(lián)系更密切，而不是不同的事物。相似的元素暗示著一種關(guān)系，在它們周圍其他元素形成強(qiáng)烈的對比。
 

　　你可以通過使用普通的方法來實(shí)現(xiàn)元素之間的相似性:顏色、大小、形狀、紋理、方向、面積、尺寸。
 

　　所有這些都可以表明關(guān)系。顏色和形狀是強(qiáng)調(diào)這些關(guān)系的很有力的例子。盡管相似性是一種強(qiáng)大的武器，但它仍然是一種加強(qiáng)等級的工具，而不是一種簡單的創(chuàng)造它的工具。
 

　　這是Dribbble上的用戶列表，顯示了設(shè)計(jì)師和他們的工作。這是一個(gè)極好的例子，說明相似可以支持不同設(shè)計(jì)元素的列表來創(chuàng)建關(guān)系，從而顯得更加統(tǒng)一。通過縮略圖的水平接近和每個(gè)重復(fù)行的相似性，可以在頁面上顯示移動。
 

 

　　（Dribbble上的用戶列表）
 

　　就功能而言，網(wǎng)站建設(shè)類似的外觀元素應(yīng)該為用戶完成類似的任務(wù)。當(dāng)用戶不再需要為相似的界面元素重新學(xué)習(xí)不同的行為時(shí)，就會消除挫敗感。相似性有助于管理期望，而期望本身是你的軍火庫中的一個(gè)非常強(qiáng)大的工具。