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

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

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

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

我們先來(lái)互動(dòng)一下，UX（用戶體驗(yàn)）的重要性

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

怎么能讓他愛(ài)上這頓飯？

他喜歡吃什么？

他吃飯的時(shí)候有什么需求？

需要考慮你能做什么菜？

能買到什么？

我有多少錢？

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

......

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

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

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

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

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

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

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

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

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

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

否則不僅影響美觀，同樣會(huì)影響用戶的判斷力和識(shí)別能力。

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

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

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

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

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

（1）多問(wèn)自己為什么

為什么陰影那么重

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

為什么白色的高光沒(méi)有那么明亮

….

（2）多臨摹好的作品

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

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

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

加入自己的想法

進(jìn)行對(duì)比

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

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

3、如何突破瓶頸期

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

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

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

（2）多思考，多問(wèn)自己為什么

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

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

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

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

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

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

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

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

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

（6）傾聽(tīng)用戶：傾聽(tīng)用戶的反饋。

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

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

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

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

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

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

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

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

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

9、不可忘記初衷，沒(méi)有原則

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

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

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

7、Material Design

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

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

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

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

有什么UI的問(wèn)題歡迎私信我~期待你的到來(lái)。

學(xué)習(xí)是一個(gè)艱苦的過(guò)程，當(dāng)然如果能把技術(shù)學(xué)成，最后也一定可以獲得高薪工作。掌握一個(gè)好的學(xué)習(xí)方法，跟對(duì)一個(gè)學(xué)習(xí)的人非常重要。今后要是大家有啥問(wèn)題，可以隨時(shí)來(lái)問(wèn)我，能幫助別人學(xué)習(xí)解決問(wèn)題，對(duì)于自己也是一個(gè)提升的過(guò)程。自己整理了一份2020最全面UI學(xué)習(xí)資料，從最基礎(chǔ)的PS+設(shè)計(jì)+到ui的項(xiàng)目實(shí)戰(zhàn)的學(xué)習(xí)資料都有整理ui學(xué)習(xí)干貨，各種視頻都有整理，送給每一位UI小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：UI，即可免費(fèi)獲取