南通青鳥UI設(shè)計(jì)告訴你——UI設(shè)計(jì)中的一致性原則 UI設(shè)計(jì)的一致性原則，在設(shè)計(jì)當(dāng)中是很重要的，我們應(yīng)該在設(shè)計(jì)中秉承這種理念。不僅僅是UI設(shè)計(jì)，一致性，我們也可以理解為“統(tǒng)一性”，在這篇文章里，我們簡(jiǎn)單闡述了一致性設(shè)計(jì)的幾個(gè)原則和如何創(chuàng)建一致性設(shè)計(jì)，相信無論是對(duì)于UI設(shè)計(jì)新手還是經(jīng)驗(yàn)豐富的老人，文章都是有一定的借鑒意義的。

一、一致性的設(shè)計(jì)讓用戶感到舒適 如果有人告訴你一個(gè)產(chǎn)品僅僅“憑直覺的設(shè)計(jì)”就可以成功，他們可能只是在炫耀技能而已。世界上壓根就沒有“單憑直覺設(shè)計(jì)”就能搞定的事兒。我們通過社會(huì)經(jīng)驗(yàn)來理解和延伸自己的體驗(yàn)，任何單單憑“直覺的設(shè)計(jì)“僅僅是一種來自我們先前經(jīng)驗(yàn)的隱喻或者情景的結(jié)合。
一個(gè)用戶并不是天生就知道漢堡包菜單就代表著更多的選項(xiàng)。見鬼，我們甚至不清楚為什么它就被叫做“漢堡包菜單”，直到聽到某些人這么叫，我們就跟著這么叫了，就是這樣。為什么有人要把這三根線的東西弄出一個(gè)概念，強(qiáng)加到漢堡包身上？
但是像我們之前聽到的隱喻一樣，漢堡包菜單也是一種被大眾容易接受的比喻形式，我們應(yīng)該利用這點(diǎn)優(yōu)勢(shì)。
這并不是說我們就要硬生生的用一個(gè)莫須有的事物來安到一件設(shè)計(jì)上。但作為設(shè)計(jì)師，我們確實(shí)應(yīng)該花一些時(shí)間來理解，為什么要采用這種設(shè)計(jì)方式？為什么它能被大眾廣泛認(rèn)知？以及如何把這些知識(shí)應(yīng)用到我們創(chuàng)造的產(chǎn)品上？
設(shè)計(jì)師有義務(wù)去理解為什么有些作品看起來就是那么與眾不同，新鮮并且有趣。
二、一致性設(shè)計(jì)節(jié)約時(shí)間和金錢成本 設(shè)計(jì)師在創(chuàng)造某些體驗(yàn)后，需要一些理由給它們做出定義。 一旦定義了某種外觀或者感覺，在產(chǎn)品的核心之上，適應(yīng)將來的變化的同時(shí)并保持一致性，就變的非常容易。這意味著我們可以花更少的時(shí)間來開會(huì)討論這樣的問題，把更多的時(shí)間拿來做真正有意義的工作。一致性設(shè)計(jì)的幾個(gè)原則中節(jié)約時(shí)間和成本也是我們要考慮的，當(dāng)我們坐下來開始做這些工作的時(shí)候，同樣，“嘗試并決定怎樣讓一件設(shè)計(jì)看起來不一樣”這種事情就會(huì)花費(fèi)我們更少的時(shí)間，我們有更多的時(shí)間來專注建立自己設(shè)想的產(chǎn)品。
產(chǎn)品需要有趣，引人入勝同時(shí)，又讓人感到驚訝。隨著時(shí)間的推移，我們的產(chǎn)品需要不停的改進(jìn)。但不論如何，所有決定都應(yīng)該基于一致性原則。
三、優(yōu)雅的一致性原則 偉大的設(shè)計(jì)，并不是因?yàn)槲覀兡X袋里覺它就是美麗的，才會(huì)顯得偉大，而是因?yàn)樗菬o聲無息存在的，因?yàn)樗蔷哂幸恢滦缘?，讓用戶感到熟悉的。?dāng)然，偉大的原因，也不是因?yàn)樗皠?chuàng)造的東西是完全相同的副本。偉大的設(shè)計(jì)是一致性并且讓人熟知的，因?yàn)樗谶@兩者之間建立了某種有趣的聯(lián)系。
優(yōu)雅的一致性設(shè)計(jì)是對(duì)用戶的一種尊重。這傳達(dá)了一個(gè)信息:你非常關(guān)注他們以往的使用經(jīng)驗(yàn)，但是你也希望這件產(chǎn)品有樂趣和具有視覺吸引力。只有設(shè)計(jì)者對(duì)基本的設(shè)計(jì)原理和用戶體驗(yàn)有非常深刻的認(rèn)識(shí)，才能創(chuàng)建出優(yōu)雅的，具有一致性的設(shè)計(jì)作品。
偉大的設(shè)計(jì)是無形的，因?yàn)樗麄兙哂幸恢滦?，并讓人熟悉?一致性一定會(huì)犧牲設(shè)計(jì)的美觀嗎？不一定！只不過我們需要花更多的努力才能做到這點(diǎn)。
任何人都可以用具有看起來相似的正方形，矩形等來設(shè)計(jì)一個(gè)站點(diǎn)或者應(yīng)用，但是，你的本意一定不僅限于此。問問自己，你可以讓產(chǎn)品具備哪些優(yōu)勢(shì)。要讓每一天不那么無聊，挑戰(zhàn)下自己吧！用戶會(huì)為你點(diǎn)贊的。
四、如何創(chuàng)建一致性設(shè)計(jì) 1. ·建立對(duì)比強(qiáng)烈的視覺層次感，讓重要的內(nèi)容放大，加粗。 2. ·把所有的內(nèi)容都按網(wǎng)格優(yōu)雅的對(duì)齊，或者也可以引入其它任
何一種視覺排列系統(tǒng)
3. ·在整個(gè)應(yīng)用中運(yùn)用一致的配色方案·讓所有頁面的導(dǎo)航元素保持一致性
4. ·在不同的情況下復(fù)用相同的設(shè)計(jì)元素。比如同一個(gè)通知元件，在不同的情況中使用顏色來區(qū)分它們。
5. ·一致性的設(shè)計(jì)和結(jié)構(gòu)內(nèi)容會(huì)讓用戶有一種賓至如歸的感覺 以上簡(jiǎn)單闡述了一致性設(shè)計(jì)的幾個(gè)原則，一致性設(shè)計(jì)應(yīng)該在任何設(shè)計(jì)建立初期就被考慮進(jìn)去。只有*的設(shè)計(jì)師才能覺察到產(chǎn)品在這方面到底做了什么。對(duì)于普通用戶而言，不管這些人能否注意到一致性設(shè)計(jì)的存在，但他們一定是會(huì)喜歡上這個(gè)產(chǎn)品的。
一致性設(shè)計(jì)應(yīng)該在任何設(shè)計(jì)建立初期就被考慮進(jìn)去。只有*的設(shè)計(jì)師才能覺察到產(chǎn)品在這方面到底做了什么。對(duì)于普通用戶而言，不管這些人能否注意到一致性設(shè)計(jì)的存在，但他們一定是會(huì)喜歡上這個(gè)產(chǎn)品的。