最近，有很多小伙伴在后臺(tái)向小編咨詢學(xué)習(xí) UI 設(shè)計(jì)，詢問 UI 設(shè)計(jì)該怎樣學(xué)。本文詳細(xì)總結(jié)了UI設(shè)計(jì)領(lǐng)域，需要掌握的知識(shí)體系。對(duì)于想要進(jìn)入這個(gè)領(lǐng)域的小伙伴來說，更像是一張地圖。希望能幫到新入行設(shè)計(jì)的人！

1.首先要分清幾個(gè)術(shù)語

UI (User Interface)：用戶界面

IxD（Interaction Design）：交互設(shè)計(jì)或互動(dòng)設(shè)計(jì)

UE或UX (User Experience)：用戶體驗(yàn)

UED (User-Experience Design)：用戶體驗(yàn)設(shè)計(jì)

UCD (User-Centered Design)：以用戶為中心的設(shè)計(jì)

PM（Product Manager）：產(chǎn)品經(jīng)理

視覺設(shè)計(jì)（Visual Design)

詳細(xì)解釋：

UI (User Interface)：

即用戶界面 。UI設(shè)計(jì)其實(shí)是個(gè)比較籠統(tǒng)的叫法，是指軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。它包含了交互設(shè)計(jì)和視覺設(shè)計(jì)2個(gè)方面。

一個(gè)合格的UI設(shè)計(jì)師不僅要能設(shè)計(jì)出美觀的界面，還要能最大限度提升用戶操作的效率，通過色調(diào)影響用戶的操作習(xí)慣，用顏色或圖形明確產(chǎn)品功能/內(nèi)容的主次和展示，降低用戶的操作負(fù)擔(dān)！

由此可見，想要做好UI設(shè)計(jì)，視覺設(shè)計(jì)知識(shí)和交互設(shè)計(jì)知識(shí)都是必須掌握的！

IxD（Interaction Design）：

交互設(shè)計(jì)或互動(dòng)設(shè)計(jì)。通俗來說就是設(shè)計(jì)軟件和用戶的互動(dòng)方式，通過了解用戶需求、目標(biāo)，使用有效的互動(dòng)方式讓整個(gè)過程可用，并且要易用。再直白一點(diǎn)，就是解決軟件如何使用。

UE或UX (User Experience)：

用戶體驗(yàn)。用戶體驗(yàn)主要是來自用戶和人機(jī)界面的交互過程。

它是指用戶使用一個(gè)產(chǎn)品時(shí)的全部體驗(yàn)。他們的印象和感覺，是否成功，是否享受，是否還想再來使用。他們能夠忍受的問題，疑惑和BUG的程度。

產(chǎn)品經(jīng)理（Product Manager）：

就是企業(yè)中專門負(fù)責(zé)產(chǎn)品管理的職位，產(chǎn)品經(jīng)理負(fù)責(zé)調(diào)查并根據(jù)用戶的需求，確定開發(fā)何種產(chǎn)品，選擇何種技術(shù)、商業(yè)模式等。并推動(dòng)相應(yīng)產(chǎn)品的開發(fā)組織，Ta還要根據(jù)產(chǎn)品的生命周期，協(xié)調(diào)研發(fā)、營銷、運(yùn)營等，確定和組織實(shí)施相應(yīng)的產(chǎn)品策略，以及其他一系列相關(guān)的產(chǎn)品管理活動(dòng)。

視覺設(shè)計(jì)（Visual Design）：

視覺設(shè)計(jì)也是個(gè)比較籠統(tǒng)的概念。是以“視覺”作為溝通和表現(xiàn)的方式，透過多種方式來創(chuàng)造和結(jié)合符號(hào)、圖片和文字，借此作出用來傳達(dá)想法或訊息的視覺表現(xiàn)。

在互聯(lián)網(wǎng)領(lǐng)域的視覺設(shè)計(jì)師主要要具備以下能力：

·標(biāo)志設(shè)計(jì)

·版式設(shè)計(jì)

·字體設(shè)計(jì)

·圖形設(shè)計(jì)

·廣告設(shè)計(jì)

·界面設(shè)計(jì)

一般做UI設(shè)計(jì)最好具備視覺設(shè)計(jì)和交互設(shè)計(jì)兩個(gè)方面的知識(shí)體系。

2.知識(shí)架構(gòu)

①.視覺設(shè)計(jì)部分

首先，視覺設(shè)計(jì)不僅僅是做ICON，做界面或者界面元素。

很多人認(rèn)為，如果去互聯(lián)網(wǎng)公司做視覺方向ui設(shè)計(jì)，只會(huì)簡單做圖標(biāo)、界面就OK。這是極其幼稚的想法。

一般公司如果花錢雇專職視覺設(shè)計(jì)師的話，那么整個(gè)公司的美術(shù)設(shè)計(jì)工作一般都會(huì)給視覺設(shè)計(jì)做。這就要求你幾乎精通平面設(shè)計(jì)師所會(huì)的所有知識(shí)。

所以，如果你想今后在視覺領(lǐng)域混，那么以下幾項(xiàng)技能必不可少：

·平面構(gòu)成；

·色彩構(gòu)成；

·版式設(shè)計(jì)；

·心理學(xué)；

·美術(shù)繪畫；

·設(shè)計(jì)意識(shí)。

如果是這一部分的知識(shí)需要學(xué)習(xí)，給大家安利幾本基礎(chǔ)的設(shè)計(jì)書 ▼

《寫給大家看的設(shè)計(jì)書（第4版）》 作者: Robin Williams

《設(shè)計(jì)師要懂心理學(xué)》 作者: [美] Susan Weinschenk

《版式設(shè)計(jì)原理》 作者: （日）佐佐木剛士

《每天懂一點(diǎn)色彩心理學(xué)》 作者: [日] 原田玲仁

②.交互設(shè)計(jì)師應(yīng)該具備的基本能力

·了解用戶體驗(yàn)設(shè)計(jì)、可用性原則；

·信息挖掘、用戶調(diào)研、數(shù)據(jù)分析；

·良好的邏輯能力；

·心理學(xué)；

·交互設(shè)計(jì)原則、不同平臺(tái)的規(guī)范；

·產(chǎn)品視覺感；

·溝通能力。

如果是這一部分的知識(shí)需要學(xué)習(xí)，給大家推薦一些與交互、體驗(yàn)和產(chǎn)品相關(guān)的經(jīng)典書 ▼

《啟示錄：打造用戶喜愛的產(chǎn)品》 作者: [美] Marty Cagan

《用戶體驗(yàn)要素：以用戶為中心的產(chǎn)品設(shè)計(jì)》 作者: Jesse James Garrett

《簡約至上 : 交互式設(shè)計(jì)四策略》 作者: [英] Giles Colborne

《About Face 4: 交互設(shè)計(jì)精髓》 作者: 【美】 Alan.cooper

《設(shè)計(jì)心理學(xué)3 : 情感化設(shè)計(jì)》 作者: [美] 唐納德·A·諾曼

3.職業(yè)規(guī)劃

由于UI設(shè)計(jì)、交互設(shè)計(jì)、產(chǎn)品經(jīng)理工作內(nèi)容關(guān)聯(lián)性比較強(qiáng)，而且有部分交集，很多UI設(shè)計(jì)師選擇UI→交互設(shè)計(jì)→產(chǎn)品經(jīng)理這個(gè)發(fā)展路線。

但是大家要明白，這3個(gè)崗位畢竟是3個(gè)不同的方向，每個(gè)方向需要的專業(yè)能力還是很大不同的。最終選擇怎么發(fā)展還是要看自己的興趣。

很多人認(rèn)為產(chǎn)品經(jīng)理工資高，想從UI轉(zhuǎn)產(chǎn)品。這個(gè)也要看公司，一線公司UI設(shè)計(jì)師一般都15K＋了，但小公司的的產(chǎn)品經(jīng)理也就12K。只是行業(yè)分工不同，沒有高低貴賤。

即使你只想做視覺設(shè)計(jì)，也不是沒有發(fā)展的。國內(nèi)一線修圖師，一張圖價(jià)格3K起。而普通修圖師，一個(gè)月也掙不了這么多。

所以無論做視覺、交互、還是產(chǎn)品經(jīng)理，一是要看自己適不適合；二是要看自己的興趣。不要盲目跟風(fēng)！

4.常見問題

①.視覺設(shè)計(jì)就是美工？

每當(dāng)看到這句話，是不是心里就像有1萬頭草泥馬在狂奔！?。。?！不想當(dāng)設(shè)計(jì)的美工不是好店長?。?！行業(yè)分工不同而已，行行出狀元。努力做好自己的工作才是重點(diǎn)。

一般情況一個(gè)合格的設(shè)計(jì)師，如果在一線城市，工資不會(huì)低于9K。這要看能力，大部分人拉后腿，是因?yàn)樽约焊静缓细瘢∷约词鼓銚Q個(gè)行業(yè)，不努力，照樣不會(huì)改變現(xiàn)狀！

②：學(xué)習(xí)UI設(shè)計(jì)是否需要美術(shù)基礎(chǔ)？

什么是美術(shù)基礎(chǔ)呢？美術(shù)基礎(chǔ)是指上過正規(guī)設(shè)計(jì)學(xué)院或參加過美術(shù)培訓(xùn)系統(tǒng)班或者從小就學(xué)習(xí)過素描色彩等知識(shí)的人。這種人對(duì)于透視，構(gòu)圖，明度，色彩方面都有一定的認(rèn)識(shí)，在進(jìn)行UI設(shè)計(jì)時(shí)，能夠有一定的幫助。但并不是說沒有美術(shù)基礎(chǔ)的人就不能學(xué)好UI設(shè)計(jì)。因?yàn)閁I設(shè)計(jì)對(duì)美術(shù)基礎(chǔ)的要求很低，只需要簡單的認(rèn)識(shí)，起到輔助設(shè)計(jì)的作用即可，能夠通過后期的學(xué)習(xí)提高。

③.UI設(shè)計(jì)師需要會(huì)代碼嗎？

在小公司，還有就是傳統(tǒng)的軟件外包企業(yè)，這樣的公司往往需要UI設(shè)計(jì)會(huì)點(diǎn)XHTML+CSS。

但現(xiàn)在大部分互聯(lián)網(wǎng)公司已經(jīng)有專職的前端了，不需要會(huì)代碼。

并且熟悉XHTML+CSS只需要2周左右，所以學(xué)不學(xué)看你自己定位！

④.學(xué)習(xí)UI設(shè)計(jì)有哪些途徑？

◇公司實(shí)習(xí)。（不過一般公司都要求大專以上，且掌握基礎(chǔ)的軟件及相關(guān)的設(shè)計(jì)知識(shí)，能夠提公相關(guān)作品者更佳）

◇自學(xué)。這種方式主要靠自己摸索，進(jìn)度會(huì)比較慢，不夠系統(tǒng)，而且很多人都難以堅(jiān)持，學(xué)習(xí)難度系數(shù)大。

◇大學(xué)學(xué)校學(xué)習(xí)。這種方式學(xué)習(xí)的比較基礎(chǔ)，很多實(shí)用技巧學(xué)習(xí)不到。

◇培訓(xùn)班學(xué)習(xí)。這種方式學(xué)習(xí)時(shí)間短，學(xué)習(xí)的效率高。

培訓(xùn)班分為線上和線下2種，線上學(xué)費(fèi)相對(duì)便宜一些，不過對(duì)于自控能力要求會(huì)高一些。線下學(xué)習(xí)，學(xué)費(fèi)相對(duì)于來說貴一些，但是學(xué)習(xí)效率高，容易堅(jiān)持下來。

⑤UI設(shè)計(jì)做的不好怎么辦？

這個(gè)世界一般都沒有什么捷徑，唯一的方式就是多練習(xí)，多思考，多學(xué)習(xí)，多交流。努力的人運(yùn)氣一般都不會(huì)太差的。

你最近打算學(xué)UI設(shè)計(jì)嗎？是否擔(dān)心自己學(xué)不會(huì)而猶豫不決？是否因?yàn)榕嘤?xùn)機(jī)構(gòu)太多，不知如何選擇？沒關(guān)系，來云和教育找專業(yè)老師聊一聊，或許會(huì)幫你找到方向！