今天小編整理出了一篇關(guān)于UI的概念、UI入門需要掌握的軟件工具、理論知識(shí)以及能力要求，希望能夠?yàn)橄胍M(jìn)入這個(gè)領(lǐng)域的伙伴帶來幫助。

一、什么是UI？

UI（User Interface），即用戶界面 。UI是指軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，簡(jiǎn)而言之，UI設(shè)計(jì)師就是設(shè)計(jì)用戶界面。一般我們手機(jī)上app的界面都是UI設(shè)計(jì)師需要設(shè)計(jì)的。大致可分為三個(gè)方向：用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì)。

UI設(shè)計(jì)的三個(gè)分支：

1、研究界面——軟件圖形設(shè)計(jì)師Graphic UI Designer，簡(jiǎn)稱GUI。國(guó)內(nèi)目前大部分UI工作者都是從事這個(gè)行業(yè)。包括網(wǎng)頁設(shè)計(jì)，軟件界面，移動(dòng)端界面設(shè)計(jì)，每天工作做著各種界面設(shè)計(jì)。

2、交互設(shè)計(jì)師，做整個(gè)項(xiàng)目的交互流程。

3、用戶體驗(yàn)研究師，主要是通過各種方法去了解用戶現(xiàn)在需要什么樣的體驗(yàn)什么樣的界面，從而對(duì)這個(gè)項(xiàng)目的總體性體驗(yàn)做決策的。

二、UI設(shè)計(jì)要掌握的知識(shí)

1、熟練掌握各種工具軟件

工具軟件是UI學(xué)習(xí)中非?；A(chǔ)的，在UI設(shè)計(jì)中我們會(huì)經(jīng)常用到的軟件有 PS、AI、AE、ARP、DW、Axure、ID、H5、C4D等等，這些都是一名UI設(shè)計(jì)必需要掌握運(yùn)用熟練的軟件。

PS：繪制界面設(shè)計(jì)，圖標(biāo)設(shè)計(jì)等。

AI：軟件主要用來繪制圖標(biāo)，界面等設(shè)計(jì)。

AE：主要用制作交互動(dòng)效圖

ARP：主要用制作交互原型圖。

DW主要做裝修頁面，活動(dòng)頁面的，是對(duì)PS已經(jīng)完成好的圖，進(jìn)行添加鏈接及鼠標(biāo)觸碰等效果的

2、理論知識(shí)

學(xué)習(xí)UI必須要掌握的理論知識(shí)可以總結(jié)如下：

素描、色彩、管理、運(yùn)營(yíng)、文案、演講、作品集、創(chuàng)意、審美、 動(dòng)效、版式設(shè)計(jì)、規(guī)范、切圖、心理學(xué)、溝通學(xué)、了解程序、適配、競(jìng)品分析、 UE 交互邏輯、思維導(dǎo)圖、原型圖、標(biāo)準(zhǔn)化布局、電商設(shè)計(jì)、平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成、交互邏輯、思維構(gòu)圖、 擬物化與扁平化設(shè)計(jì)、產(chǎn)品思維 、代碼基礎(chǔ)、小程序設(shè)計(jì)、H5頁面制作、專題頁設(shè)計(jì)、IOS設(shè)計(jì)、規(guī)范、Android設(shè)計(jì)規(guī)范 、GUI設(shè)計(jì) 、WUI設(shè)計(jì)、 APP設(shè)計(jì)、 UE用戶體驗(yàn) 、審美能力、 UI設(shè)計(jì)項(xiàng)目設(shè)計(jì)流程、 原創(chuàng)作品、互聯(lián)網(wǎng)思維、網(wǎng)絡(luò)營(yíng)銷等知識(shí)！

3、能力要求

（1）技術(shù)基礎(chǔ)

設(shè)計(jì)師的時(shí)間基本上都留給了Photoshop、Axure、 Illustrator，After Effects涂涂修修。嫻熟的技法，是完美展現(xiàn)設(shè)計(jì)作品的必備條件，作為UI設(shè)計(jì)師，也應(yīng)當(dāng)熟練掌握這些常用軟件。

稍低一點(diǎn)的要求，是至少能精通其中一款軟件，各種操作都已經(jīng)形成自然反應(yīng)，其他軟件也能通個(gè)七八分。

不過，學(xué)完這些軟件之后，切忌炫技，學(xué)到這步，你只是學(xué)會(huì)了修圖，還只在美工的地步，并談不上設(shè)計(jì)。因?yàn)橥陀幸徊糠秩藭?huì)有錯(cuò)誤的認(rèn)知，一提到學(xué)習(xí)設(shè)計(jì)，就想到學(xué)習(xí)軟件，同時(shí)埋頭在軟件一學(xué)就是一年兩年，有的人甚至更久，可以說是盲目學(xué)習(xí)，所以這里給大家重新認(rèn)知一下，設(shè)計(jì)并不等于軟件。

（2）繪圖基礎(chǔ)

如果你設(shè)計(jì)師只要去圖庫網(wǎng)站找一些素材，借助工具進(jìn)行修飾即可，那就大錯(cuò)特錯(cuò)了！其實(shí)這只能鍛煉你的借鑒能力，當(dāng)你的技法嫻熟到一定程度，就可以嘗試臨摹。

通過臨摹，一則用來強(qiáng)化技法層面的能力，二來也能提升初學(xué)者的創(chuàng)新能力。臨摹的內(nèi)容，可以有兩方面選擇：一種是系統(tǒng)自帶的圖標(biāo)。

比如Mac OX、Windows，或者移動(dòng)端iOS、Android的原生圖標(biāo)，都是精心打磨過，既能幫助初學(xué)者了解平臺(tái)設(shè)計(jì)規(guī)則，又能在臨摹中逐漸鞏固常用軟件的技術(shù)。

另一種則是行業(yè)牛人的設(shè)計(jì)作品，捉摸他們的設(shè)計(jì)風(fēng)格、思想和細(xì)節(jié)，都能加深對(duì)設(shè)計(jì)的認(rèn)識(shí)。

（3）了解各平臺(tái)設(shè)計(jì)規(guī)則

iOS、Android、WP、Windows、Mac OX各個(gè)平臺(tái)都有自己的設(shè)計(jì)規(guī)則和偏好。

在移動(dòng)端，連每款機(jī)型的分辨率、狀態(tài)欄高度、導(dǎo)航欄高度、圖標(biāo)尺寸、字體、顏色值都有嚴(yán)格的規(guī)定。這些平臺(tái)的設(shè)計(jì)規(guī)則，在搜索引擎上都能被檢索到。

作為UI設(shè)計(jì)師，這些也是必備的知識(shí)，也是要必學(xué)的一點(diǎn)。

（4）溝通理解能力

大多數(shù)設(shè)計(jì)師是需要和一個(gè)團(tuán)隊(duì)一起工作，那么作為UI設(shè)計(jì)師就需要擁有一個(gè)良好的溝通能力。比如經(jīng)常改圖的問題。不是別人說1你就做1,有可能你按照要求做了1，別人依然說你好。比如產(chǎn)品要你換樣式，你要弄清楚原因，是不符合當(dāng)前的風(fēng)格，又或者產(chǎn)品想突出什么，弄清楚意圖才去做設(shè)計(jì)，事半功倍。且給對(duì)方留下喜歡思考，樂于溝通的好印象，這樣的員工到哪里都受歡迎。

好的溝通能讓整個(gè)團(tuán)隊(duì)更好地運(yùn)作，使工作效率提升，保證項(xiàng)目順利、出色地進(jìn)行。

（6）審美意識(shí)

審美意識(shí)要如何培養(yǎng)、提高？唯有日積月累地瀏覽、學(xué)習(xí)、思考、聯(lián)系，大概就是逐漸提升的可能途徑吧。

（6）用戶體驗(yàn)

從前，除了設(shè)計(jì)界面的UI設(shè)計(jì)師之外，互聯(lián)網(wǎng)公司會(huì)專門設(shè)置專門的用戶研究中心來處理用戶體驗(yàn)的種種問題。

但如今多元的趨勢(shì)下，一個(gè)互聯(lián)網(wǎng)產(chǎn)品的視覺設(shè)計(jì)，需要懂一點(diǎn)產(chǎn)品、懂一點(diǎn)用戶體驗(yàn)，才能更有效的推進(jìn)合作流程。同時(shí)也會(huì)培養(yǎng)自己多元化的思維方式（用戶研究以縝密的邏輯發(fā)展，而UI設(shè)計(jì)則更加追求審美）。

（7）交互設(shè)計(jì)

交互和UI是有區(qū)別的，UI主要做的是圖形用戶界面，也可以稱為GUI設(shè)計(jì)師。交互設(shè)計(jì)主要做處理點(diǎn)事人機(jī)互動(dòng)的界面，交互設(shè)計(jì)師來參與需要參與到任何與機(jī)器打交道的過程中來。

但是在現(xiàn)如今的App中，很少能把UI和交互完全清楚地剝離開來。一個(gè)好的產(chǎn)品，需要美觀的界面和順滑的交互，離不開設(shè)計(jì)師兩種能力的相輔相成。

特別是現(xiàn)在，設(shè)計(jì)趨向扁平化，只要遵循設(shè)計(jì)規(guī)范，交互設(shè)計(jì)甚至能出了設(shè)計(jì)稿后直接給開發(fā)去實(shí)現(xiàn)，單純UI設(shè)計(jì)的存在感日益弱化。

我們現(xiàn)在各行各業(yè)都是多元化，會(huì)的技能越多，自己的競(jìng)爭(zhēng)力就越強(qiáng)，多學(xué)點(diǎn)東西，保持終生學(xué)習(xí)的態(tài)度，這樣子才能把路走得更遠(yuǎn)。