「一致性」可以理解為統(tǒng)一或者更通俗的規(guī)范，這篇文章有一定深度，作者從多方面闡述了一致性對于UI設(shè)計的重要性。最后給出了為應(yīng)用創(chuàng)建“一致性設(shè)計”的幾個原則。

下面讓我們來閱讀發(fā)表在Medium上的，由交互設(shè)計師兼工程師的Joe Toscano創(chuàng)作的文章。

對于大部分設(shè)計師，“一致性”聽起來一點也不性感。但對于任何一個理解用戶體驗的人來說，他們的觀點卻正好相反。

用戶第一次訪問某個站點的時候，從某種意義上說，這就是一次全新的體驗。作為設(shè)計師，你可以讓他們的體驗看起來跟其他網(wǎng)站一樣。但是，最終事實卻還是不一樣的，因為產(chǎn)品的核心不同。同時，我不認為在做這些操作的時候，用戶在新的體驗中學(xué)到的內(nèi)容越少，效果就越好。

我們應(yīng)該在設(shè)計中秉承這種理念。

一致性的設(shè)計讓用戶感到舒適

如果有人告訴你一個產(chǎn)品僅僅“憑直覺的設(shè)計”就可以成功，他們可能只是在炫耀技能而已。世界上壓根就沒有“單憑直覺設(shè)計”就能搞定的事兒。我們通過社會經(jīng)驗來理解和延伸自己的體驗，任何單單憑“直覺的設(shè)計“僅僅是一種來自我們先前經(jīng)驗的隱喻或者情景的結(jié)合。

一個用戶并不是天生就知道漢堡包菜單就代表著更多的選項。見鬼，我們甚至不清楚為什么它就被叫做“漢堡包菜單”，直到聽到某些人這么叫，我們就跟著這么叫了，就是這樣。為什么有人要把這三根線的東西弄出一個概念，強加到漢堡包身上？

圖片提供： Vanessa Grass.

但是像我們之前聽到的隱喻一樣，漢堡包菜單也是一種被大眾容易接受的比喻形式，我們應(yīng)該利用這點優(yōu)勢。

這并不是說我們就要硬生生的用一個莫須有的事物來安到一件設(shè)計上。但作為設(shè)計師，我們確實應(yīng)該花一些時間來理解，為什么要采用這種設(shè)計方式??為什么它能被大眾廣泛認知？以及如何把這些知識應(yīng)用到我們創(chuàng)造的產(chǎn)品上？

設(shè)計師有義務(wù)去理解為什么有些作品看起來就是那么與眾不同，新鮮并且有趣。

一致性設(shè)計節(jié)約時間和金錢成本

我曾經(jīng)寫過一篇文章來闡述如何創(chuàng)建模塊化設(shè)計，而一致性則是為什么要做模塊化的另一個原因。因為模塊化設(shè)計是具有一致性的，并且這種特性是模塊化的。

當采用一致性設(shè)計的時候，那么這件事物“看起來應(yīng)該是什么樣或者感覺是什么樣”這種話題上，就沒有任何爭議了。這不意味著我們的設(shè)計就應(yīng)該是僵化的，一成不變的，只是創(chuàng)造某些體驗后，需要一些理由給它們做出定義。

我們在創(chuàng)造某些體驗后，需要一些理由給它們做出定義。

一旦定義了某種外觀或者感覺，在產(chǎn)品的核心之上，適應(yīng)將來的變化的同時并保持一致性，就變的非常容易。這意味著我們可以花更少的時間來開會討論這樣 的問題，把更多的時間拿來做真正有意義的工作。當我們坐下來開始做這些工作的時候，同樣，“嘗試并決定怎樣讓一件設(shè)計看起來不一樣”這種事情就會花費我們 更少的時間，我們有更多的時間來專注建立自己設(shè)想的產(chǎn)品。

產(chǎn)品需要有趣，引人入勝同時，又讓人感到驚訝。隨著時間的推移，我們的產(chǎn)品需要不停的改進。但不論如何，所有決定都應(yīng)該基于一致性原則。

優(yōu)雅的一致性原則

偉大的設(shè)計，并不是因為我們腦袋里覺它就是美麗的，才會顯得偉大，而是因為它是無聲無息存在的，因為它是具有一致性的，讓用戶感到熟悉的。當然，偉 大的原因，也不是因為它跟之前創(chuàng)造的東西是完全相同的副本。偉大的設(shè)計是一致性并且讓人熟知的，因為它在這兩者之間建立了某種有趣的聯(lián)系。

優(yōu)雅的一致性設(shè)計是對用戶的一種尊重。這傳達了一個信息：你非常關(guān)注他們以往的使用經(jīng)驗，但是你也希望這件產(chǎn)品有樂趣和具有視覺吸引力。只有設(shè)計者 對基本的設(shè)計原理和用戶體驗有非常深刻的認識，才能創(chuàng)建出優(yōu)雅的，具有一致性的設(shè)計作品。（譯者靜電注：優(yōu)秀的設(shè)計讓人無法感覺的它的存在，造作的設(shè)計無 時無刻不在提示用戶，看，這個設(shè)計很棒?。?/p>

偉大的設(shè)計是無形的，因為他們具有一致性，并讓人熟悉。

一致性一定會犧牲設(shè)計的美觀嗎？不一定！只不過我們需要花更多的努力才能做到這點。

圖片提供： Leo Leung.

任何人都可以用具有看起來相似的正方形，矩形等來設(shè)計一個站點或者應(yīng)用，但是，你的本意一定不僅限于此。問問自己，你可以讓產(chǎn)品具備哪些優(yōu)勢。要讓每一天不那么無聊，挑戰(zhàn)下自己吧！用戶會為你點贊的。

如何創(chuàng)建一致性設(shè)計

在一致性的基礎(chǔ)上，有讓人覺得有價值，這很難。作者的一節(jié)網(wǎng)絡(luò)課程中給出了幾點讓產(chǎn)品具有一致性的建議：

1. 建立對比強烈的視覺層次感，讓重要的內(nèi)容放大，加粗。
2. 把所有的內(nèi)容都按網(wǎng)格優(yōu)雅的對齊，或者也可以引入其它任何一種視覺排列系統(tǒng)
3. 在整個應(yīng)用中運用一致的配色方案
4. 讓所有頁面的導(dǎo)航元素保持一致性
5. 在不同的情況下復(fù)用相同的設(shè)計元素。比如同一個通知元件，在不同的情況中使用顏色來區(qū)分它們。
6. 一致性的設(shè)計和結(jié)構(gòu)內(nèi)容會讓用戶有一種賓至如歸的感覺

一致性設(shè)計應(yīng)該在任何設(shè)計建立初期就被考慮進去。只有最好的設(shè)計師才能覺察到產(chǎn)品在這方面到底做了什么。對于普通用戶而言，不管這些人能否注意到一致性設(shè)計的存在，但他們一定是會喜歡上這個產(chǎn)品的。（譯者靜電注：優(yōu)秀的設(shè)計讓普通用戶忘記它的存在）

原文地址：medium

作者：@JingDesign