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

隨著移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展，使得移動(dòng)產(chǎn)品設(shè)計(jì)人員急缺。由于高薪酬，很多其他行業(yè)設(shè)計(jì)師轉(zhuǎn)行做UI設(shè)計(jì)。

那么到底什么是UI設(shè)計(jì)？

做UI設(shè)計(jì)需要掌握哪些知識(shí)體系？

如何去學(xué)習(xí)？

今后如何做職業(yè)規(guī)劃？

是很多新人常會(huì)遇到的問(wèn)題！

針對(duì)這些問(wèn)題，給大家一個(gè)比較全面的解釋，希望能幫到新入行移動(dòng)設(shè)計(jì)的人！

一、首先我先要分清幾個(gè)術(shù)語(yǔ)：

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)理

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

詳細(xì)解釋：

UI (User Interface)：

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

 

交互設(shè)計(jì)：充分考慮用戶使用場(chǎng)景和用戶行為習(xí)慣，通過(guò)簡(jiǎn)化用戶任務(wù)流程，減少用戶使用成本。

ui設(shè)計(jì)是一種視覺(jué)語(yǔ)言，優(yōu)秀的的界面設(shè)計(jì)要能通過(guò)視覺(jué)手段正確傳達(dá)頁(yè)面信息主次和交互細(xì)節(jié)，引導(dǎo)用戶如何操作。

 

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

IxD（Interaction Design）：

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

UE或UX (User Experience)：

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

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

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

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

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

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

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

1標(biāo)志設(shè)計(jì)；2版式設(shè)計(jì)；3字體設(shè)計(jì)；4圖形設(shè)計(jì)；5廣告設(shè)計(jì)；6界面設(shè)計(jì)

二、產(chǎn)品研發(fā)團(tuán)隊(duì)的崗位組成及其職責(zé)

很多人可能會(huì)問(wèn)為什么要說(shuō)這個(gè)？不是要講ui？

首先，任何產(chǎn)品都是由團(tuán)隊(duì)協(xié)作完成的。了解各個(gè)崗位的職責(zé)，有利于提高團(tuán)隊(duì)協(xié)作效率。也有利于了解自己需要掌握的知識(shí)技能。

研發(fā)團(tuán)隊(duì)由產(chǎn)品設(shè)計(jì)、技術(shù)開(kāi)發(fā)兩個(gè)方面的崗位組成。產(chǎn)品設(shè)計(jì)人員包括產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、視覺(jué)設(shè)計(jì)師；技術(shù)開(kāi)發(fā)人員包括前端、服務(wù)端、數(shù)據(jù)端、測(cè)試等方面的工程師。

看到這，很多人就覺(jué)得比較坑爹了。怎么沒(méi)有UI設(shè)計(jì)師？！！！

上面說(shuō)的分工方式是比較標(biāo)準(zhǔn)的崗位分配模式，由于國(guó)內(nèi)行業(yè)發(fā)展不完善抑或是用人成本問(wèn)題。

在國(guó)內(nèi)，很多公司里是沒(méi)有單獨(dú)的交互設(shè)計(jì)師崗位的。

一種情況是由產(chǎn)品經(jīng)理直接負(fù)責(zé)，需求和交互設(shè)計(jì)都是產(chǎn)品經(jīng)理一個(gè)人，然后由視覺(jué)設(shè)計(jì)負(fù)責(zé)圖形界面設(shè)計(jì)（GUI）和其他美術(shù)資源的設(shè)計(jì)。

另一種情況是，產(chǎn)品經(jīng)理負(fù)責(zé)需求，UI設(shè)計(jì)師（或交互設(shè)計(jì)師）負(fù)責(zé)交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)。產(chǎn)品經(jīng)理和ui設(shè)計(jì)師共同研究用戶體驗(yàn)。

當(dāng)然，在有交互設(shè)計(jì)師崗位的公司里：

這些一般都是較大公司，一般設(shè)置UE崗位來(lái)負(fù)責(zé)交互設(shè)計(jì)和用戶研究。產(chǎn)品經(jīng)理和交互設(shè)計(jì)師都會(huì)考慮用戶體驗(yàn)，所以產(chǎn)品經(jīng)理有時(shí)也會(huì)參與到交互設(shè)計(jì)的環(huán)節(jié)，而且在產(chǎn)品需求設(shè)計(jì)的時(shí)候產(chǎn)品經(jīng)理和交互設(shè)計(jì)師也有很多的工作重疊。

通過(guò)以上分析我們看出，產(chǎn)品經(jīng)理和交互設(shè)計(jì)工作內(nèi)容有重疊。交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)工作內(nèi)容也有重疊。

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

三、知識(shí)架構(gòu)

1、視覺(jué)設(shè)計(jì)部分：

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

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

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

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

1）平面構(gòu)成；

2）色彩構(gòu)成；

3）版式設(shè)計(jì)；

4）心理學(xué)；

5）美術(shù)繪畫(huà)；

6）設(shè)計(jì)意識(shí)；

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

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

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

3）良好的邏輯能力；

4）心理學(xué)；

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

6）產(chǎn)品視覺(jué)感；

7）溝通能力。

四、職業(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è)分工不同，沒(méi)有高低貴賤。

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

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

五、常見(jiàn)問(wèn)題

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

每當(dāng)看到這句話，我的心里就像有1萬(wàn)頭草泥馬在狂奔！！！！！

不想當(dāng)設(shè)計(jì)的美工不是好店長(zhǎng)！！！

行業(yè)分工不同而已，行行出狀元。努力做好自己的工作才是重點(diǎn)。

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

 

2、UI設(shè)計(jì)師需要會(huì)Axure么？

首先，你要明白交互設(shè)計(jì)不是Axure操作員。

交互設(shè)計(jì)不等于使用Axure設(shè)計(jì)原型中的交互界面！

大家要清醒認(rèn)識(shí)Axure在產(chǎn)品設(shè)計(jì)中的位置！

交互設(shè)計(jì)的出發(fā)點(diǎn)在于研究人在和物交流（dialog）時(shí)候，人的心理模式和行為模式，并在此研究基礎(chǔ)上，設(shè)計(jì)人工物的可提供的交互方式，來(lái)滿足人 對(duì)使用人工物的三個(gè)層次的需求（usefulness，usability，and emotionality）。從這個(gè)角度看來(lái)，交互設(shè)計(jì)是設(shè)計(jì)方法，而界面設(shè)計(jì)是交互設(shè)計(jì)的自然結(jié)果。

交互設(shè)計(jì)的步驟包括：

1）用戶調(diào)研

2）概念設(shè)計(jì)

3）創(chuàng)建用戶模型

4）創(chuàng)建界面流程

5）開(kāi)發(fā)原型并進(jìn)行可用性測(cè)試

很顯然，使用Axure設(shè)計(jì)快速原型，應(yīng)該放在交互設(shè)計(jì)的整體工作結(jié)束后，也就是框架層設(shè)計(jì)時(shí)進(jìn)行。

所以，Axure只是一個(gè)工具。在產(chǎn)品結(jié)構(gòu)層設(shè)計(jì)的時(shí)候，最好的設(shè)計(jì)工具就是你的大腦和鉛筆。

當(dāng)你做一個(gè)產(chǎn)品的信息架構(gòu)時(shí)，用鉛筆畫(huà)出的信息架構(gòu)和界面流程草圖會(huì)比軟件做的更加直觀、形象。

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

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

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

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

4.產(chǎn)品經(jīng)理和交互設(shè)計(jì)師的區(qū)別？ 

產(chǎn)品經(jīng)理需要懂交互， 但交互設(shè)計(jì)師不等同于產(chǎn)品經(jīng)理。

產(chǎn)品經(jīng)理更側(cè)重于用戶需求開(kāi)發(fā)。

交互設(shè)計(jì)師更了解用戶行為習(xí)慣，了解用戶體驗(yàn)。

藍(lán)藍(lán)設(shè)計(jì)( www.73404.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

每一個(gè)扁平化界面設(shè)計(jì)，都是我們的心靈碰撞致力于最棒的 metro ui 設(shè)計(jì)

來(lái)源：莫貝網(wǎng)