這次分享給剛?cè)胄械腢I設(shè)計師們。
由于一直在網(wǎng)上學(xué)習(xí)知識，都知道現(xiàn)在的信息太過繁雜，什么樣的信息都有，一篇文章真正能獲取的干貨真心太少。而且什么知識都有，各有各的看法和想法。當(dāng)你只看到別人的想法時并不能夠很好的擴(kuò)展知識點(diǎn)。
我這幾個月一直在做一件事情，將學(xué)到的、看到的統(tǒng)一進(jìn)行管理，成為自己的知識結(jié)構(gòu)和體系。
為什么說UI設(shè)計是非常有講究的一件事？由于我們前人不斷的探索，已經(jīng)形成了許多的設(shè)計規(guī)范，如果你是剛?cè)腴T的就先去遵循這些規(guī)則，如果你哪天突然問自己為什么這里要加這種顏色或尺寸，你能夠想出更好的方案，來完成這一用戶體驗(yàn)，那么恭喜你，你又上一層樓了。
我們先來互動一下，UX（用戶體驗(yàn)）與UI設(shè)計之間的關(guān)系：
如果說你要給你正在追求的男朋友或者女朋友做一桌飯，你首先要考慮什么？
怎么能讓他愛上這頓飯？
他喜歡吃什么？
他吃飯的時候有什么需求？
需要考慮你能做什么菜？
能買到什么？
我有多少錢？
如何達(dá)到上面所說的效果？
......
那么想過這些后，你就要開始準(zhǔn)備了。
把買回來的菜想想具體怎么做，他吃飯的時候喜歡用刀叉還是筷子，如果用刀叉，那么他的擺放順序是什么，如何能讓他方便實(shí)用，口味咸淡如何調(diào)節(jié)，他會不會口渴，需不需要一個精美的桌布保護(hù)桌子還能讓他覺得很溫馨。讓他在整體的使用過程中得到良好的用戶體驗(yàn)。
這就是用戶體驗(yàn)，用戶體驗(yàn)不在設(shè)計當(dāng)中的一個步驟，而是一個全過程。
看這幅圖，你把這桌菜按照你的預(yù)期制做完成
大家可以看到圖上的飯菜很漂亮，會讓你看上去就想吃，并且桌子上的東西一目了然。桌布和食材搭配的很好，擺盤也十分恰當(dāng)，重要的是還放了一杯水還有鹽和油，會讓你感覺很貼心。
大家要記住UX是一個設(shè)計過程，而不是在設(shè)計之中某個節(jié)點(diǎn)需要做的事，UI則是為了達(dá)到一個良好的用戶體驗(yàn)的直接展現(xiàn)工具，但是對于一個UI設(shè)計師除了要有很強(qiáng)的表現(xiàn)能力外還需要考慮交互邏輯，就是我們說的交互流程圖，交互方式就是考察一個設(shè)計師是否正確的理解信息傳達(dá)和用戶使用習(xí)慣的能力等等。
1、UI設(shè)計的基本原則
（1）簡單：設(shè)計要精簡，多余的東西就算再好也要舍棄；
你的界面不應(yīng)該為了好看而增加沒必要的設(shè)計，將不必要的設(shè)計和信息不滿整個界面，最終會造成用戶瀏覽和記憶的疲勞。要知道，人的天性都是懶惰的，越簡單、越易懂的設(shè)計才是用戶最喜歡的。
（2）統(tǒng)一：設(shè)計的頁面需要統(tǒng)一，小到字體大小及顏色，大到排版方式；
否則不僅影響美觀，同樣會影響用戶的判斷力和識別能力。
（3）習(xí)慣：有些設(shè)計經(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è)計應(yīng)該清晰的、有序的、安全的、周到的。讓用戶深深地感覺到產(chǎn)品帶來的周到服務(wù)，這一系列便是人性化。
2、“抄襲”別人超越自己
（1）多問自己為什么
為什么陰影那么重
為什么非常小的細(xì)節(jié)要刻畫的那么深刻
為什么白色的高光沒有那么明亮
….
（2）多臨摹好的作品
臨摹的時候最好選擇一些有源文件的，當(dāng)你遇到瓶頸的時候，你可以打開源文件看看高手是如何處理細(xì)節(jié)的
（3）研究設(shè)計師
在練習(xí)設(shè)計師的作品過程中，尋找原設(shè)計師的思路
加入自己的想法
進(jìn)行對比
只有不斷的思考，才會更有長進(jìn)
如果做事情不是手腦配合，那么始終會舉步不前
3、如何突破瓶頸期
突破瓶頸期的方法就是多看、多想、多練。熟能生巧，當(dāng)你日積月累的把你以往的點(diǎn)滴匯聚起來時，某天就會靈感迸發(fā)了，當(dāng)然這個過程也許幾天，也許幾個月，也許幾年，甚至更久，這是一個不斷積累的過程，切忌浮躁。
（1）從同類產(chǎn)品中尋找靈感
研究分析，同行的產(chǎn)品（競品分析）。哪里設(shè)計的好，哪里設(shè)計的不好。
（2）多思考，多問自己為什么
所謂思考，不僅僅針對設(shè)計作品，也針對設(shè)計理念及知識。
（3）多看一些設(shè)計書
《設(shè)計心理學(xué)》《設(shè)計中的設(shè)計》《在你身邊，為你設(shè)計》《設(shè)計之下》
4、設(shè)計師的工作流程
（1）頭腦風(fēng)暴：無論你從事什么樣的設(shè)計職業(yè)，第一件事一定是頭腦風(fēng)暴
（2）設(shè)計階段：在設(shè)計的過程中，一定要避免一個個“指點(diǎn)江山”的人。
（3）輸出研發(fā)：切圖與標(biāo)注（顏色、大小、距離、字體）
（4）補(bǔ)充待命：可能設(shè)計的某些風(fēng)格或者特效無法實(shí)現(xiàn)，或者實(shí)現(xiàn)的時間、人力成本太高，需要變通其他方法。
（5）產(chǎn)品上線：準(zhǔn)備隨時面對即將到來的時刻和迎接任何突發(fā)的問題。
（6）傾聽用戶：傾聽用戶的反饋。
5、UI設(shè)計師十大戒律
1、不可沉迷于自己作品的初稿
2、不可低估非專業(yè)設(shè)計師的意見
3、不可隨意違反用戶習(xí)慣
4、不可將設(shè)計分為高、中、低等
5、不可輕視任何人眼中的好設(shè)計
6、不可沉浸在抄襲的習(xí)慣里
7、不可將精力分散執(zhí)行
8、不可天馬行空沒有依據(jù)
9、不可忘記初衷，沒有原則
10、成為一名“三心二意”的設(shè)計師（三心：平常心、責(zé)任心、堅定心，二意：創(chuàng)意、天意）
6、IOS設(shè)計規(guī)范
對于iOS設(shè)計規(guī)范我就不多說了，網(wǎng)上有資料下載，大家可以自己去搜索。
7、Material Design
Material design 最引人矚目的地方在于，其中的圖層創(chuàng)建對于用戶使用和交互設(shè)計都有極大的幫助。今天，Material design 風(fēng)格的界面已經(jīng)遍地開花，許多iOS平臺的應(yīng)用都開始遵循這一設(shè)計規(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)了動畫的功能性。
平面設(shè)計
工業(yè)設(shè)計
CG插畫
UI交互
室內(nèi)設(shè)計
建筑環(huán)境
