學(xué)UI設(shè)計(jì)必須掌握哪些知識(shí)？當(dāng)我們步入一個(gè)新行業(yè)的時(shí)候，對(duì)這個(gè)行業(yè)即使充滿了期待，又是充滿了少許的一丟丟恐懼。不要恐懼，今天我們一起來(lái)梳理下，作為一名小白學(xué)UI設(shè)計(jì)必須掌握哪些知識(shí)？好了，話不多說(shuō)，馬上開(kāi)始我們今天的學(xué)UI設(shè)計(jì)必須掌握的知識(shí)體系和職業(yè)規(guī)劃分享！

經(jīng)常聽(tīng)到很多人有這樣的抱怨和困惑：

• 什么是UI設(shè)計(jì)？

• 需要有怎樣的設(shè)計(jì)知識(shí)體系？

• 需要學(xué)什么軟件？

• 學(xué)完之后從事什么工作？

......

今天我們來(lái)梳理下，

這一個(gè)非常龐大的系統(tǒng)，

但只要有了清晰的方向，

就能讓我們清楚自己處在什么階段，

也就不會(huì)迷茫了

一、什么是UI設(shè)計(jì)？

很多人不知道UI是什么？

畫(huà)個(gè)ICON圖標(biāo)就是做UI了？

導(dǎo)致很多人都忙著畫(huà)各種各樣的圖標(biāo)。

其實(shí)，UI設(shè)計(jì)的范圍很廣，手機(jī)App、Pad App、網(wǎng)頁(yè)、車載系統(tǒng)、智能電視的操作系統(tǒng)界面、終端機(jī)操作界面等等，都是UI設(shè)計(jì)的范疇。

UI及User Interface（用戶界面）的簡(jiǎn)稱

用戶界面是一個(gè)比較廣泛的概念，指人和機(jī)器互動(dòng)過(guò)程中的界面，以手機(jī)為例，手機(jī)上的界面都屬于用戶界面，我們通過(guò)對(duì)這個(gè)界面向手機(jī)發(fā)出指令，手機(jī)根據(jù)指令產(chǎn)生相應(yīng)的反饋。設(shè)計(jì)這套界面視覺(jué)的人被稱為UI設(shè)計(jì)師。

在設(shè)計(jì)師領(lǐng)域，在PC端從事網(wǎng)頁(yè)設(shè)計(jì)的人我們稱為WUI（Web User Interface）設(shè)計(jì)師或者網(wǎng)頁(yè)設(shè)計(jì)師。在移動(dòng)端從事移動(dòng)設(shè)計(jì)的人，我們稱為GUI（Graphics User Interface）。目前非常火的絕地求生這些按鈕界面，我們稱為游戲UI（Game UI），游戲UI對(duì)美術(shù)基礎(chǔ)要求也比較高。在其他一些終端或某些特定界面，用戶相對(duì)較少，但又需要的一類稱呼為其他端UI設(shè)計(jì)。

一般情況下，在公司里不會(huì)分這么清楚（大公司除外），都稱呼為UI設(shè)計(jì)師，因?yàn)楫a(chǎn)出的都是界面，都需要對(duì)產(chǎn)品的界面視覺(jué)負(fù)責(zé)。

所以現(xiàn)在一般所說(shuō)的UI設(shè)計(jì)師，也是指GUI設(shè)計(jì)師，就是圖形界面設(shè)計(jì)師。

二、設(shè)計(jì)知識(shí)體系

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

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

一、視覺(jué)設(shè)計(jì)方面  

設(shè)計(jì)風(fēng)格，排版形式，審美等，這些東西是一個(gè)UI設(shè)計(jì)師入門時(shí)就要扎實(shí)學(xué)習(xí)的基礎(chǔ)，很重要，因?yàn)榘芽睾眠@些東西的細(xì)節(jié)讓快速提升設(shè)計(jì)層次。

UI設(shè)計(jì)師應(yīng)掌握以下能力：

• 平面構(gòu)成 

• 色彩構(gòu)成 

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

• 審美能力（至少是在純視覺(jué)層面）

• 軟件工具的熟練使用

• 心理學(xué)

• 美術(shù)繪畫(huà)

• 設(shè)計(jì)意識(shí)

二、交互設(shè)計(jì)方面  

用戶界面設(shè)計(jì)的三大原則是：

• 置界面于用戶的控制之下；

• 減少用戶的記憶負(fù)擔(dān)；

• 保持界面的一致性； （即要符合用戶的心智模型）

所以一個(gè)優(yōu)秀的UI設(shè)計(jì)師，從技能上講不僅能畫(huà)圖標(biāo)，還能做好界面，會(huì)很多交互知識(shí)：

• 優(yōu)秀的邏輯;

• 想象力和轉(zhuǎn)化能力；

• 各平臺(tái)的設(shè)計(jì)規(guī)范；

• 用戶研究和數(shù)據(jù)分析;

• 熟悉用戶體驗(yàn)設(shè)計(jì)原則; 

• 心理學(xué); 

• 信息挖掘; 

• 產(chǎn)品視覺(jué)感受; 

你思考的維度越高，能夠解決的問(wèn)題就越多，而你就越有價(jià)值。

——來(lái)源于網(wǎng)絡(luò)

三、需要學(xué)習(xí)什么軟件？

很多人有轉(zhuǎn)行/入門的想法，就準(zhǔn)備把所有的軟件都學(xué)習(xí)一遍。Ps、Sketch、AI、AE、Principle、C4D、Pr、Axure等等一堆軟件，列個(gè)表，報(bào)個(gè)班，然后開(kāi)始勤奮地學(xué)習(xí)。雖然對(duì)于設(shè)計(jì)師來(lái)說(shuō)，學(xué)習(xí)軟件確實(shí)是必要的，但切勿本末倒置。軟件只是工具，而設(shè)計(jì)能力才是主要競(jìng)爭(zhēng)力。你思考的順序應(yīng)當(dāng)是：解決什么問(wèn)題，需要什么形式，然后才是用軟件去實(shí)現(xiàn)。

我們來(lái)仔細(xì)說(shuō)說(shuō)UI設(shè)計(jì)方向應(yīng)該學(xué)習(xí)什么軟件？

目前來(lái)講：

• 1、Sketch優(yōu)先級(jí)最高，但這個(gè)軟件僅限在Mac電腦上才能使用。沒(méi)有Mac可以學(xué)習(xí)XD/Ps；如果想做一些視覺(jué)表現(xiàn)較強(qiáng)的頁(yè)面還是用Ps做更佳。

• 2、Ai是矢量軟件，可以畫(huà)一些矢量圖標(biāo)和插畫(huà)，合理搭配Ps使用會(huì)有效提升工作效率。

• 3、動(dòng)效方面可以使用Sketch搭配Principle，這個(gè)組合相對(duì)簡(jiǎn)單些；但你對(duì)動(dòng)效要求高，可以學(xué)習(xí)AE。

• 4、其他的軟件：Axure、AI、C4D看個(gè)人需要學(xué)習(xí)。

四、職業(yè)規(guī)劃

 一、UI設(shè)計(jì)師方向  

工作概述：

用戶界面設(shè)計(jì)師，是目前比較熱門的專業(yè)，也是競(jìng)爭(zhēng)最激烈的方向。工作內(nèi)容涉及范圍包括移動(dòng)應(yīng)用界面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等其他線上頁(yè)面設(shè)計(jì)。UI設(shè)計(jì)最終是為數(shù)字產(chǎn)品以及背后的用戶服務(wù)的，所以除了視覺(jué)方面的考量外，還需要要考量產(chǎn)品的使用場(chǎng)景、用戶體驗(yàn)、交互方式等因素。在設(shè)計(jì)過(guò)程中，設(shè)計(jì)師則需要對(duì)于不同的操作系統(tǒng)規(guī)范、頁(yè)面適應(yīng)性、前端實(shí)現(xiàn)規(guī)則都要有全面的了解。

學(xué)習(xí)建議：

1. 學(xué)習(xí)基礎(chǔ)的設(shè)計(jì)知識(shí)，看書(shū)（UI/交互類的書(shū)籍）和看別人優(yōu)秀的作品；

2. 不斷練習(xí)，通過(guò)做出完整的UI作品，來(lái)不斷的練習(xí)自己的設(shè)計(jì)能力。在練習(xí)過(guò)程中，手上的功夫和腦中的功夫同等重要；

3. 提升審美，多去看各類展覽，多去聽(tīng)講座，同時(shí)可以考慮有意識(shí)的讓自己更美一些。

二、創(chuàng)意視覺(jué)設(shè)計(jì)師方向  

工作概述：

視覺(jué)設(shè)計(jì)師與 UI 設(shè)計(jì)師很相近，但視覺(jué)設(shè)計(jì)更多地保有平面設(shè)計(jì)的優(yōu)秀視覺(jué)表達(dá)能力。主要是指從事視覺(jué)創(chuàng)意、品牌設(shè)計(jì)、推廣運(yùn)營(yíng)等非產(chǎn)品類的視覺(jué)項(xiàng)目。

學(xué)習(xí)建議：

1. 學(xué)習(xí)基礎(chǔ)的設(shè)計(jì)知識(shí)，掌握印刷和線上媒體的相關(guān)知識(shí)；

2. 學(xué)習(xí)印刷工藝知識(shí)，由于傳播媒介的不同，設(shè)計(jì)時(shí)需要考慮的因素和形式會(huì)存在差異（比如從印刷品到屏幕）。

三、產(chǎn)品設(shè)計(jì)師/體驗(yàn)設(shè)計(jì)師方向  

工作概述：

產(chǎn)品設(shè)計(jì)師在國(guó)外已經(jīng)比較成熟，在國(guó)內(nèi)還處于發(fā)展階段。雖然頭銜不一樣，但是產(chǎn)品設(shè)計(jì)師就是綜合性的 UI/UX 設(shè)計(jì)師，模糊了界面設(shè)計(jì)與體驗(yàn)設(shè)計(jì)的界限，但對(duì)于設(shè)計(jì)師的要求會(huì)更加專業(yè)和全面，所以產(chǎn)品設(shè)計(jì)師這個(gè)方向的需求會(huì)逐漸增長(zhǎng)。產(chǎn)品設(shè)計(jì)師在某種程度上應(yīng)該就相當(dāng)于我們說(shuō)的產(chǎn)品經(jīng)理，只是它會(huì)偏向通過(guò)設(shè)計(jì)驅(qū)動(dòng)產(chǎn)品。

學(xué)習(xí)建議：

對(duì)這個(gè)方向的設(shè)計(jì)師來(lái)說(shuō)，首先要精通目前所在的領(lǐng)域（比如視覺(jué)方向或者交互方向）；

在項(xiàng)目中注意積累和橫向?qū)W習(xí)，拓寬自己的邊界，逐漸讓自己成為了能力全面的“T”型人才。

經(jīng)驗(yàn)分享

1. 注重記錄筆記，不論是體驗(yàn)的總結(jié)，還是項(xiàng)目的總結(jié)或者概念收集。從生活到工作再到愛(ài)好，這會(huì)幫助我們有更多的思考，更多的進(jìn)步。總結(jié)成筆記能夠很好地避免你看完或者做完一件事情后，直接忘了過(guò)程結(jié)果。讓思考過(guò)程留下印記，每一次回顧都會(huì)有不同的收獲。

2. 建立自己的素材庫(kù)：一個(gè)優(yōu)秀的設(shè)計(jì)師一定有一個(gè)屬于自己的素材庫(kù)，并做好項(xiàng)目分類。在工作實(shí)踐過(guò)程中歸納提取，形成自己的一套素材寶藏，能夠在很大程度上提升自己的工作效率。

3. 當(dāng)你想跨越UI設(shè)計(jì)的門檻時(shí)，不要急于成功并試圖通過(guò)兩到三個(gè)月的培訓(xùn)完全掌握它。學(xué)習(xí)UI設(shè)計(jì)需要系統(tǒng)的知識(shí)學(xué)習(xí)，長(zhǎng)期堅(jiān)持不懈的練習(xí)和積累。

學(xué)UI設(shè)計(jì)必須掌握哪些知識(shí)？就到此結(jié)束了，學(xué)習(xí)要注意循序漸進(jìn)，在不斷學(xué)習(xí)的過(guò)程中，好的學(xué)習(xí)思路和堅(jiān)持練習(xí)是最為重要的！

轉(zhuǎn)載聲明：文章來(lái)源于網(wǎng)絡(luò)，不作任何商業(yè)用途。