這次分享給剛?cè)胄械腢I設(shè)計(jì)師們。

由于一直在網(wǎng)上學(xué)習(xí)知識，都知道現(xiàn)在的信息太過繁雜，什么樣的信息都有，一篇文章真正能獲取的干貨真心太少。而且什么知識都有，各有各的看法和想法。當(dāng)你只看到別人的想法時并不能夠很好的擴(kuò)展知識點(diǎn)。

我這幾個月一直在做一件事情，將學(xué)到的、看到的統(tǒng)一進(jìn)行管理，成為自己的知識結(jié)構(gòu)和體系。

為什么說UI設(shè)計(jì)是非常有講究的一件事？由于我們前人不斷的探索，已經(jīng)形成了許多的設(shè)計(jì)規(guī)范，如果你是剛?cè)腴T的就先去遵循這些規(guī)則，如果你哪天突然問自己為什么這里要加這種顏色或尺寸，你能夠想出更好的方案，來完成這一用戶體驗(yàn)，那么恭喜你，你又上一層樓了。

我們先來互動一下，UX（用戶體驗(yàn)）與UI設(shè)計(jì)之間的關(guān)系：

如果說你要給你正在追求的男朋友或者女朋友做一桌飯，你首先要考慮什么？

怎么能讓他愛上這頓飯？

他喜歡吃什么？

他吃飯的時候有什么需求？

需要考慮你能做什么菜？

能買到什么？

我有多少錢？

如何達(dá)到上面所說的效果？ 
......

那么想過這些后，你就要開始準(zhǔn)備了。

把買回來的菜想想具體怎么做，他吃飯的時候喜歡用刀叉還是筷子，如果用刀叉，那么他的擺放順序是什么，如何能讓他方便實(shí)用，口味咸淡如何調(diào)節(jié)，他會不會口渴，需不需要一個精美的桌布保護(hù)桌子還能讓他覺得很溫馨。讓他在整體的使用過程中得到良好的用戶體驗(yàn)。

這就是用戶體驗(yàn)，用戶體驗(yàn)不在設(shè)計(jì)當(dāng)中的一個步驟，而是一個全過程。

看這幅圖，你把這桌菜按照你的預(yù)期制做完成

大家可以看到圖上的飯菜很漂亮，會讓你看上去就想吃，并且桌子上的東西一目了然。桌布和食材搭配的很好，擺盤也十分恰當(dāng)，重要的是還放了一杯水還有鹽和油，會讓你感覺很貼心。

大家要記住UX是一個設(shè)計(jì)過程，而不是在設(shè)計(jì)之中某個節(jié)點(diǎn)需要做的事，UI則是為了達(dá)到一個良好的用戶體驗(yàn)的直接展現(xiàn)工具，但是對于一個UI設(shè)計(jì)師除了要有很強(qiáng)的表現(xiàn)能力外還需要考慮交互邏輯，就是我們說的交互流程圖，交互方式就是考察一個設(shè)計(jì)師是否正確的理解信息傳達(dá)和用戶使用習(xí)慣的能力等等。

1、UI設(shè)計(jì)的基本原則

（1）簡單：設(shè)計(jì)要精簡，多余的東西就算再好也要舍棄；

你的界面不應(yīng)該為了好看而增加沒必要的設(shè)計(jì)，將不必要的設(shè)計(jì)和信息不滿整個界面，最終會造成用戶瀏覽和記憶的疲勞。要知道，人的天性都是懶惰的，越簡單、越易懂的設(shè)計(jì)才是用戶最喜歡的。

（2）統(tǒng)一：設(shè)計(jì)的頁面需要統(tǒng)一，小到字體大小及顏色，大到排版方式；

否則不僅影響美觀，同樣會影響用戶的判斷力和識別能力。

（3）習(xí)慣：有些設(shè)計(jì)經(jīng)前人的努力，客戶已經(jīng)形成了使用習(xí)慣，應(yīng)該繼續(xù)保持而非改變；

比如人們已經(jīng)習(xí)慣紅燈停綠燈行，也慢慢地習(xí)慣了界面上的紅色刪除、取消，綠色確認(rèn)、確定，你偏偏要去做一個相反的顏色或者使用其他顏色，這會讓用戶在心理上產(chǎn)生很大的排斥。

（4）人性：注重人機(jī)關(guān)系，讓顧客有舒適的體驗(yàn)。

大家都應(yīng)該玩過知乎吧大家都玩過知乎吧，都知道知乎是問答社區(qū),幫助你尋找答案的，我們在知乎上搜索“自殺”這個詞，就會彈出上圖（需要幫助？免費(fèi)心理危機(jī)咨詢熱線...）。這就是人性化的體現(xiàn)。我們來想象一下這個場景，什么樣的人會去搜索這個詞？第一，精神上出現(xiàn)分裂，尋求幫助。第二，受到什么刺激想不開，跳樓又害怕，想找一些...。第三，想了解下關(guān)于這一塊的心理學(xué)等等。第一和第二種也就是心理危機(jī)，出現(xiàn)心理危機(jī)想要尋求幫助，知乎提供熱線，也就是所謂的考慮周到，便是人性化的一種體現(xiàn)。

所謂的人性化，就是說你的設(shè)計(jì)應(yīng)該清晰的、有序的、安全的、周到的。讓用戶深深地感覺到產(chǎn)品帶來的周到服務(wù)，這一系列便是人性化。

2、“抄襲”別人超越自己

（1）多問自己為什么

為什么陰影那么重

為什么非常小的細(xì)節(jié)要刻畫的那么深刻

為什么白色的高光沒有那么明亮

….

（2）多臨摹好的作品

臨摹的時候最好選擇一些有源文件的，當(dāng)你遇到瓶頸的時候，你可以打開源文件看看高手是如何處理細(xì)節(jié)的

（3）研究設(shè)計(jì)師

在練習(xí)設(shè)計(jì)師的作品過程中，尋找原設(shè)計(jì)師的思路

加入自己的想法

進(jìn)行對比

只有不斷的思考，才會更有長進(jìn)

如果做事情不是手腦配合，那么始終會舉步不前

3、如何突破瓶頸期

突破瓶頸期的方法就是多看、多想、多練。熟能生巧，當(dāng)你日積月累的把你以往的點(diǎn)滴匯聚起來時，某天就會靈感迸發(fā)了，當(dāng)然這個過程也許幾天，也許幾個月，也許幾年，甚至更久，這是一個不斷積累的過程，切忌浮躁。

（1）從同類產(chǎn)品中尋找靈感

研究分析，同行的產(chǎn)品（競品分析）。哪里設(shè)計(jì)的好，哪里設(shè)計(jì)的不好。

（2）多思考，多問自己為什么

所謂思考，不僅僅針對設(shè)計(jì)作品，也針對設(shè)計(jì)理念及知識。

（3）多看一些設(shè)計(jì)書

《設(shè)計(jì)心理學(xué)》《設(shè)計(jì)中的設(shè)計(jì)》《在你身邊，為你設(shè)計(jì)》《設(shè)計(jì)之下》

4、設(shè)計(jì)師的工作流程

（1）頭腦風(fēng)暴：無論你從事什么樣的設(shè)計(jì)職業(yè)，第一件事一定是頭腦風(fēng)暴

（2）設(shè)計(jì)階段：在設(shè)計(jì)的過程中，一定要避免一個個“指點(diǎn)江山”的人。

（3）輸出研發(fā)：切圖與標(biāo)注（顏色、大小、距離、字體）

（4）補(bǔ)充待命：可能設(shè)計(jì)的某些風(fēng)格或者特效無法實(shí)現(xiàn)，或者實(shí)現(xiàn)的時間、人力成本太高，需要變通其他方法。

（5）產(chǎn)品上線：準(zhǔn)備隨時面對即將到來的時刻和迎接任何突發(fā)的問題。

（6）傾聽用戶：傾聽用戶的反饋。

5、UI設(shè)計(jì)師十大戒律

1、不可沉迷于自己作品的初稿

2、不可低估非專業(yè)設(shè)計(jì)師的意見

3、不可隨意違反用戶習(xí)慣

4、不可將設(shè)計(jì)分為高、中、低等

5、不可輕視任何人眼中的好設(shè)計(jì)

6、不可沉浸在抄襲的習(xí)慣里

7、不可將精力分散執(zhí)行

8、不可天馬行空沒有依據(jù)

9、不可忘記初衷，沒有原則

10、成為一名“三心二意”的設(shè)計(jì)師（三心：平常心、責(zé)任心、堅(jiān)定心，二意：創(chuàng)意、天意）

6、IOS設(shè)計(jì)規(guī)范

對于iOS設(shè)計(jì)規(guī)范我就不多說了，網(wǎng)上有資料下載，大家可以自己去搜索。

7、Material Design

Material design 最引人矚目的地方在于，其中的圖層創(chuàng)建對于用戶使用和交互設(shè)計(jì)都有極大的幫助。今天，Material design 風(fēng)格的界面已經(jīng)遍地開花，許多iOS平臺的應(yīng)用都開始遵循這一設(shè)計(jì)規(guī)范。

通過過渡動畫，表達(dá)界面之間的空間與層級關(guān)系，并且跨界面?zhèn)鬟f信息。從父界面進(jìn)入子界面，需要抬升子元素的海拔高度，并展開至整個屏幕，反之亦然。

通過圖標(biāo)的變化和一些細(xì)節(jié)來達(dá)到令人愉悅的效果。

所有可點(diǎn)擊的元素，都應(yīng)該有這樣的反饋效果。通過這個動畫，將點(diǎn)擊的位置與所操作的元素關(guān)聯(lián)起來，體現(xiàn)了動畫的功能性。