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

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