手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

規(guī)范、方法、一致性，真有那么重要嗎？

2017-4-25 資深UI設(shè)計者

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中，請點這里

不可否認(rèn)，被我們經(jīng)常掛在嘴邊的設(shè)計規(guī)范、方法及一致性對我們?nèi)粘９ぷ骱苤匾?。它可以提升操作一致性、提高工作效率、延續(xù)品牌定位等等…

但是，不知道你們有沒有發(fā)現(xiàn)，之所以有了這些方法和規(guī)范，導(dǎo)致很多設(shè)計師習(xí)慣性處于舒適區(qū)，從而放棄獨立思考。每天做著重復(fù)性的工作，復(fù)用著前輩制定下來的模版，套用著別人的方法論，抱怨著工作沒有挑戰(zhàn)。

我最近也在思考，一個遵從設(shè)計規(guī)范，按照所謂的系統(tǒng)設(shè)計方法，步步推導(dǎo)而來的解決方案，是否真的就是一個好的設(shè)計？

規(guī)范，方法，一致性，重要的一面。

1. 規(guī)范

當(dāng)我們剛從事UI設(shè)計時，自身對于用戶體驗設(shè)計的積淀還不夠厚實的時候，遵循設(shè)計規(guī)范是最保守但也是最合理的做法，因為這種解決方案更加成熟和通用，也有了一定的用戶認(rèn)知。同時像公司內(nèi)部的設(shè)計規(guī)范，有利于版本迭代的開發(fā)及設(shè)計效率，包括新人入職后更快上手工作，避免出錯。

所以了解iOS 設(shè)計規(guī)范，安卓設(shè)計規(guī)范，或者是公司內(nèi)部的設(shè)計規(guī)范等等，成為設(shè)計師必備的技能…

2. 方法

這里說的方法是指設(shè)計工作中的方法論。運用方法論，能夠幫助設(shè)計師明確如何一步步的進行整個項目，更的推導(dǎo)設(shè)計，達成目標(biāo)。從而說服合作的同學(xué)，而且看起來非常的有理有據(jù)。下面是我們常見到的一些導(dǎo)圖例子：

3. 一致性

為了減少用戶學(xué)習(xí)成本，不管從視覺還是交互層面我們都要遵循一致性。

包括同一個產(chǎn)品不同終端，要保持視覺統(tǒng)一性，才能加深用戶對產(chǎn)品品牌的認(rèn)知，這些也都沒毛病。

下面是咸魚，頂導(dǎo)航顏色采用黃色，為了各端一致性。

微云各端引導(dǎo)頁面，采用線性插畫的處理手法，來確保品牌一致。

以上說的都是規(guī)范、方法、一致性重要的一方面。

但是，我們會看到更多優(yōu)秀的創(chuàng)新的設(shè)計正在一步步脫離這些條條框框，從而做出讓人眼前一亮的設(shè)計。所以我在思考在接下來的設(shè)計中，需要做的幾點來幫助自己成長：

1. 跳出規(guī)范

我們工作的前一兩年，研讀并遵循著平臺設(shè)計規(guī)范，從而幫助我們在工作中做出不會出錯的設(shè)計，同時提升工作效率和說服力。但是隨著我們自身經(jīng)驗的累積和成長，需要對此產(chǎn)生警惕，如果我們一直局限在別人制定的規(guī)范里，不去思辨，很容易陷入十年如一日的工作狀態(tài)中，很難做出創(chuàng)新的設(shè)計。

同時也可以看出很多優(yōu)秀的設(shè)計作品，陸續(xù)跳出規(guī)范，不局限于規(guī)范制定的像“最大字號多少px”，“導(dǎo)航條多少px”，“上下間距多少px”等等… 而是設(shè)計出符合自己產(chǎn)品氣質(zhì)的界面。下面有幾個例子：

下面是蝸牛裝修APP的設(shè)計，可以看出：

a.頂部區(qū)域并沒有明確的模塊區(qū)分導(dǎo)航區(qū)域，而只有滑動時，導(dǎo)航的分隔才出現(xiàn)。

b.字號和間距的大小，也讓人瀏覽起來更加放松。

像VUE的處理，沒有嚴(yán)格遵循平臺設(shè)計規(guī)范所謂的列表的的高度，而是用紅的線條區(qū)分模塊，間距來區(qū)分列表的內(nèi)容，反而更符合產(chǎn)品本身的氣質(zhì)。

下面是大家所熟知的Airbnb，它大膽的體驗設(shè)計被設(shè)計師們追崇模仿，這里想說的是它對底導(dǎo)航和按鈕大小的處理，也是跳出規(guī)范，更符合功能本身的重要層級。

2. 弱化方法

上面有講到設(shè)計方法論如何幫助到我們的設(shè)計，使用過程當(dāng)中，我們知道每一步應(yīng)該怎么分解和運用。例如：市場調(diào)研、頭腦風(fēng)暴、梳理線上流程、研究了信息架構(gòu)，并且還通過體驗地圖分析了行為路徑等等…

但是往往最后的設(shè)計方案和前期的調(diào)研沒有什么關(guān)系，而且復(fù)用到任何產(chǎn)品設(shè)計的前期都適用。所以，我認(rèn)為這屬于自我感動式的設(shè)計。感覺自己做了很多，但是真的往深入去問why why why的時候，很多設(shè)計師都會被卡住。

因此一定程度上我們要弱化已知的設(shè)計方法，少一些套路和形式主義，多一些深度解析的方式做設(shè)計。

比如，下面是facebook的總監(jiān)講述LIKE的設(shè)計方案：

他是這么闡述LIKE的設(shè)計方案的：這個設(shè)計的目的是優(yōu)化LIKE的按鈕，增強用戶的互動意愿，以及提升LIKE的表現(xiàn)力。而他做的第一件事情就是理解什么叫增強互動，什么叫表現(xiàn)力，背后的產(chǎn)品目標(biāo)是什么？是用戶可以更多的表達。然后開始找如何讓這個目標(biāo)具體化。接下來尋找什么是被普通認(rèn)知和廣泛接受的reactions。

它通過各種途徑去找用戶最常用的表情是什么，最常搜索的表情是什么，最多的短評論是什么。設(shè)計師們希望可以從側(cè)面尋找大家在表達過程中喜歡用什么reaction，然后找到他，并通過之前定義號的原則進行篩選，完成設(shè)計方案。

所以可以看出，這種解決方式不是方法論的堆砌和強調(diào)，無需逐步check的線性設(shè)計過程，而是以產(chǎn)品目標(biāo)為起點，然后緊密圍繞目標(biāo)進行提問回答，這種方式才能讓我們深入去思考，給出的解決方案才更有道理，經(jīng)得起挑戰(zhàn)。

3. 不局限統(tǒng)一

在設(shè)計工作中，我們考慮著界面與界面的統(tǒng)一，端與端的統(tǒng)一，這樣當(dāng)然沒錯。但是我發(fā)現(xiàn)很多同學(xué)，都會過度的陷入所謂的統(tǒng)一，生怕做任何一個東西與統(tǒng)一相違背。

比如產(chǎn)品里面是線性的圖標(biāo)，那么就絕不允許有面狀的出現(xiàn)；線性的圖標(biāo)如果是2px，那么全局各端都必須是2x；如果web端功能引導(dǎo)頁面是真實照片的，那么別的端必須統(tǒng)一用真實照片等等…

這些問題我也遇到過，但是我發(fā)現(xiàn)是自己太局限里面了，其實我們應(yīng)該考慮的是針對不同終端的使用場景，用戶群體，在局部統(tǒng)一的基礎(chǔ)上，可以做差異化處理，是沒有問題的。包括icon的處理，也可以根據(jù)功能的強弱，出現(xiàn)的時機，做差異化處理。而不是固執(zhí)的堅信只要不統(tǒng)一那就是錯的，設(shè)計決策并不是非黑即白的。

比如，google drive的引導(dǎo)頁面，在移動端用的是矢量插畫的處理，在web端更強調(diào)的是產(chǎn)品官方形象，用的是真實照片，貼近生活。只是通過logo主色來延續(xù)品牌的DNA。