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

UI設(shè)計(jì)師（英文：User Interface Designer，英文縮寫(xiě)：UID）是指從事對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)工作的人。UI設(shè)計(jì)師的涉及范圍包括網(wǎng)頁(yè)設(shè)計(jì)、移動(dòng)應(yīng)用界面設(shè)計(jì)，是中國(guó)信息產(chǎn)業(yè)中最為搶手的人才之一。

UI是用戶界面，是英文User和interface的縮寫(xiě)。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。好的UI設(shè)計(jì)不只是讓軟件變得有個(gè)性有品味而已，更重要的是讓軟件的操作變得舒適、簡(jiǎn)單、易用，并且充分體現(xiàn)軟件的定位和特點(diǎn)。

二、UI設(shè)計(jì)師的職能

UI設(shè)計(jì)師不單單從事美術(shù)繪畫(huà)，更需要對(duì)軟件使用者、使用環(huán)境、使用方式進(jìn)行定位，并最終為軟件用戶服務(wù)。UI設(shè)計(jì)師進(jìn)行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計(jì)，他們需要完成的，簡(jiǎn)單說(shuō)來(lái)，正是一個(gè)不斷為用戶設(shè)計(jì)視覺(jué)效果使之滿意的過(guò)程。

1、圖形設(shè)計(jì)，對(duì)軟件產(chǎn)品的外形進(jìn)行"視覺(jué)設(shè)計(jì)"。由圖形設(shè)計(jì)師完成（GUI=Graphic UI Designer）。

2、交互設(shè)計(jì)，設(shè)計(jì)軟件的操作流程、樹(shù)狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。通常由交互設(shè)計(jì)師完成（IXD=interaction Designer）。

3、用戶測(cè)試/研究，測(cè)驗(yàn)交互設(shè)計(jì)的合理性，以及圖形設(shè)計(jì)的美觀性。主要通過(guò)以目標(biāo)用戶問(wèn)卷形式衡量UI設(shè)計(jì)的合理性。其目標(biāo)在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要通過(guò)以目標(biāo)用戶問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。比如MIUI、IOS系統(tǒng)重大更新都會(huì)有相應(yīng)的反饋通道。

三、UI設(shè)計(jì)師工作內(nèi)容

通常所說(shuō)的UI設(shè)計(jì)師，大多是指GUI圖形設(shè)計(jì)師，主要工作內(nèi)容就包括：圖形設(shè)計(jì)、圖標(biāo)制作、APP品牌制作、界面設(shè)計(jì)、切圖標(biāo)注、推廣運(yùn)營(yíng)的活動(dòng)頁(yè)面、banner制作等。

1、結(jié)合產(chǎn)品需求，完成界面設(shè)計(jì)、視覺(jué)設(shè)計(jì)、創(chuàng)意設(shè)計(jì)等各類圖像類設(shè)計(jì)工作；

2、參與相關(guān)設(shè)計(jì)規(guī)范的制定，定義標(biāo)準(zhǔn)樣式、圖標(biāo)、基本元素、配色規(guī)范等，輸出高質(zhì)量的設(shè)計(jì)效果及資源；

3、配合產(chǎn)品經(jīng)理和前端工程師，對(duì)設(shè)計(jì)稿的實(shí)現(xiàn)效果進(jìn)行驗(yàn)收和調(diào)整；

4、關(guān)注產(chǎn)品設(shè)計(jì)趨勢(shì)，研究用戶審美傾向，持續(xù)提升產(chǎn)品用戶體驗(yàn)。

四、UI設(shè)計(jì)師的職業(yè)要求

在學(xué)歷和專業(yè)要求方面，一般要求大專及以上學(xué)歷，根據(jù)上文提到的UI設(shè)計(jì)的三大具體分類，圖形設(shè)計(jì)、交互設(shè)計(jì)和用戶測(cè)試/研究的工作職能，分別對(duì)應(yīng)的是美術(shù)設(shè)計(jì)的專業(yè)知識(shí)，軟件工程師背景和相應(yīng)的編程能力，以及社會(huì)學(xué)心理學(xué)等人文學(xué)科儲(chǔ)備。當(dāng)然，實(shí)際工作中，這幾重職能也不是截然分開(kāi)的。而今，這一涵蓋諸多領(lǐng)域的職位，也越來(lái)越要求從業(yè)人員同時(shí)具備跨學(xué)科、綜合性的理論素養(yǎng)和實(shí)操能力。

在技能方面主要要求從業(yè)人員精通Photoshop、Illustrator、AE等圖形軟件以及UI設(shè)計(jì)相關(guān)知識(shí)。

1、基于用戶體驗(yàn)、人機(jī)交互、圖形化設(shè)計(jì)、界面設(shè)計(jì)等前沿理論實(shí)現(xiàn)產(chǎn)品風(fēng)格設(shè)計(jì)；

2、充分理解產(chǎn)品策劃思路及理念，配合產(chǎn)品經(jīng)理和研發(fā)人員實(shí)現(xiàn)產(chǎn)品各種界面的視覺(jué)設(shè)計(jì)；

3、建立和完善產(chǎn)品界面視覺(jué)設(shè)計(jì)規(guī)范；

4、根據(jù)交互設(shè)計(jì)及產(chǎn)品規(guī)劃，完成產(chǎn)品（iPhone、AndROId 、Web平臺(tái)App及網(wǎng)站）相關(guān)的用戶界面視覺(jué)設(shè)計(jì)；

5、配合產(chǎn)品開(kāi)發(fā)中的圖形界面（GUI）設(shè)計(jì)；

6、完成產(chǎn)品相關(guān)推廣活動(dòng)的專題頁(yè)面、FLASH的設(shè)計(jì)及制作；

7、與研發(fā)團(tuán)隊(duì)充分溝通協(xié)作，確認(rèn)可控的誤差范圍和視覺(jué)效果的最終實(shí)現(xiàn)；

8、根據(jù)視覺(jué)設(shè)計(jì)的發(fā)展趨勢(shì)及用戶研究的結(jié)果不斷優(yōu)化產(chǎn)品的圖形界面（GUI）。

五、UI設(shè)計(jì)師的工作流程

1、需求分析

在拿到需求后，首先要做的工作就是要去理解這份需求，查看產(chǎn)品使用的每一個(gè)流程以及每一個(gè)界面的具體細(xì)節(jié)，其中包括功能、操作、反饋以及信息呈現(xiàn)邏輯等。要站在用戶的角度，針對(duì)于需求的每一個(gè)細(xì)節(jié)，需要進(jìn)行深入思考，對(duì)于缺失的部分，或者存在不合理的部分，需要和提出需求的人詳細(xì)溝通，共同討論以及解決問(wèn)題。

2、明確設(shè)計(jì)目標(biāo)

設(shè)計(jì)目標(biāo)，直接會(huì)關(guān)系到產(chǎn)品目標(biāo)、運(yùn)營(yíng)目標(biāo)以及用戶目標(biāo)等，在了解到具體的需求細(xì)節(jié)以后，要明確本次設(shè)計(jì)在整個(gè)項(xiàng)目中的定位是什么，通過(guò)設(shè)計(jì)需要帶來(lái)的收益以及用戶對(duì)于設(shè)計(jì)的訴求有多大。另外在設(shè)計(jì)過(guò)程中，還要明確的是設(shè)計(jì)目標(biāo)最核心的點(diǎn)在哪里，這樣的話就可以針對(duì)設(shè)計(jì)內(nèi)容的輸出重點(diǎn)方向有所了解，也利于我們做一些權(quán)衡。

3、制定設(shè)計(jì)計(jì)劃

包括時(shí)間計(jì)劃和執(zhí)行計(jì)劃。設(shè)計(jì)師最重要的一個(gè)能力就是針對(duì)于任務(wù)的評(píng)估，將一個(gè)完整鏈條的任務(wù)拆解成為小段，然后再比較每一段人物的優(yōu)先級(jí)，高優(yōu)先級(jí)的先完成，低優(yōu)先級(jí)的后完成，因此也直接衍生出時(shí)間計(jì)劃的編排。另外，還要在每一個(gè)時(shí)間節(jié)點(diǎn)和里程碑，確認(rèn)對(duì)接溝通的角色，以及要輸出的物料有哪些。

4、進(jìn)入分析階段

分析階段會(huì)包含三個(gè)主要的部分：市場(chǎng)分析、競(jìng)品分析和用戶需求分析。市場(chǎng)分析會(huì)決定了你的設(shè)計(jì)要在哪方面與對(duì)手進(jìn)行抗衡，配合產(chǎn)品在市場(chǎng)中的重要定位，設(shè)計(jì)需要做哪些內(nèi)容。而競(jìng)品分析是一種取長(zhǎng)補(bǔ)短的思路，通過(guò)學(xué)習(xí)對(duì)手產(chǎn)品的優(yōu)點(diǎn)，規(guī)避它的缺點(diǎn)，讓自己的設(shè)計(jì)變得更完美。用戶需求分析，是以用戶為中心的設(shè)計(jì)，那就還是要深入發(fā)掘用戶需求背后的東西。

5、定義視覺(jué)風(fēng)格

視覺(jué)風(fēng)格包括設(shè)計(jì)元素的大方向。色彩范圍、質(zhì)感、細(xì)節(jié)、突出信息、圖標(biāo)設(shè)計(jì)方案、插畫(huà)設(shè)計(jì)思路以及動(dòng)效等，這些都可以在定義視覺(jué)風(fēng)格的階段進(jìn)行思考，并有所結(jié)論。整體性是非常必要的，以及和其他產(chǎn)品的差異化，也同樣是視覺(jué)分格會(huì)涵蓋其中的。一般情況下，我們?cè)谧鼍唧w的視覺(jué)風(fēng)格定義時(shí)，是通過(guò)一些關(guān)鍵界面或者關(guān)鍵操作來(lái)決定的。有的團(tuán)隊(duì)或者項(xiàng)目的某些階段是可以不用定義風(fēng)格，因?yàn)橛幸?guī)范可以繼承或者延續(xù)，這個(gè)要就具體的項(xiàng)目情況而定。定義視覺(jué)風(fēng)格是通過(guò)開(kāi)會(huì)、匯報(bào)最終敲定下來(lái)的，基本上是整體團(tuán)隊(duì)群策群力的事情，而不應(yīng)該由設(shè)計(jì)師自己完成。

6、批量輸出

界面在確定了設(shè)計(jì)方向以后，那么就可以批量輸出具體的界面。以及補(bǔ)充設(shè)計(jì)規(guī)范或這 UI KIT，針對(duì)于一些設(shè)計(jì)公司，還要補(bǔ)充設(shè)計(jì)說(shuō)明等。

7、開(kāi)發(fā)支持

接下來(lái)就要進(jìn)入開(kāi)發(fā)支持的階段，輸出切圖和 Layout ，并且此時(shí)要跟開(kāi)發(fā)同事保持非常頻繁的溝通，在他們完成設(shè)計(jì)方案后，要給出對(duì)應(yīng)的走查，找到開(kāi)發(fā)成果對(duì)于設(shè)計(jì)的還原程度達(dá)不到100%的位置。

8、收集反饋產(chǎn)品

進(jìn)入測(cè)試階段，以及到后面的上線，設(shè)計(jì)師就要抽出一部分精力關(guān)注一下自己的設(shè)計(jì)在市場(chǎng)上或者用戶那里的反饋。如果設(shè)計(jì)的問(wèn)題很大，那么就要隨時(shí)準(zhǔn)備好，有可能要修改設(shè)計(jì)。

六、UI設(shè)計(jì)師常用工具

軟件操作能力是你入行設(shè)計(jì)最基本的要求，如果連軟件基礎(chǔ)都解決不了，有再多的想法就沒(méi)辦法很好的還原呈現(xiàn)，就等于空想了。軟件只是工具而已，會(huì)軟件不代表會(huì)設(shè)計(jì)，但是要會(huì)設(shè)計(jì)，這是你必須要打通的關(guān)卡，下面我們一起來(lái)看看你至少需要具備哪些軟件基礎(chǔ)。

1、Adobe Photoshop（簡(jiǎn)稱 PS ）

Adobe Photoshop是一種優(yōu)質(zhì)的網(wǎng)頁(yè)設(shè)計(jì)工具。它有很多選項(xiàng)來(lái)創(chuàng)建和編輯您的Web模板。它適用于圖像，您可以為您的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)建圖形。通過(guò)無(wú)限的顏色和漸變選項(xiàng)，可以制作出最佳的模板設(shè)計(jì)。Adobe Photoshop是優(yōu)先要學(xué)會(huì)的軟件，普及度很高的一款軟件，只要熟練掌握以后，學(xué)習(xí)后面的一些軟件將會(huì)有很大的幫助。對(duì)于 UI 設(shè)計(jì)師來(lái)說(shuō)這款軟件主要用于：界面布局設(shè)計(jì)、圖片處理與合成、插畫(huà)創(chuàng)作、運(yùn)營(yíng)需求設(shè)計(jì)等等。

Adobe Photoshop

2、Adobe Illustrator（簡(jiǎn)稱 AI ）

AI 軟件，是一款矢量圖形設(shè)計(jì)軟件，在矢量插畫(huà)、圖標(biāo)設(shè)計(jì)、LOGO圖形設(shè)計(jì)、字體設(shè)計(jì)、排版等方面都有非常大的優(yōu)勢(shì)，配合 PS 軟件將會(huì)大大提高我們的工作效率。學(xué)習(xí)方法和 PS 一樣，只要你先學(xué)會(huì)了 PS 軟件，那么這款軟件學(xué)習(xí)起來(lái)將會(huì)事半功倍。

Adobe Illustrator

3、Sketch

這是一款輕量，易用的矢量設(shè)計(jì)工具，在 UI 設(shè)計(jì)行業(yè)里面也是近年來(lái)非?；馃岬能浖?。最近更新的 54 版本已經(jīng)實(shí)現(xiàn)原裝中文版，給UI設(shè)計(jì)師帶來(lái)了更加便利的操作。只要你有 PS 和 AI 軟件的基礎(chǔ)，這款軟件就非常容易上手了，基本一兩周即可。沒(méi)有用過(guò)的設(shè)計(jì)師可能沒(méi)有太大感覺(jué)，但是當(dāng)你接觸之后就會(huì)喜歡上這款效率非常高的軟件。

由于目前只能在 Mac 電腦里面運(yùn)行，所以也受到了一定的局限。如果沒(méi)有 Mac 電腦的同學(xué)想要學(xué)習(xí)一下，win 電腦安裝雙系統(tǒng)也是可以學(xué)習(xí)使用的，以此方式曲線救國(guó)，打點(diǎn)基礎(chǔ)也是好的。

4、Adobe XD

Adobe XD 是一款專為 UX/UI 設(shè)計(jì)師提供的設(shè)計(jì)利器，設(shè)計(jì)師可以利用該軟件進(jìn)行移動(dòng)應(yīng)用和網(wǎng)頁(yè)設(shè)計(jì)與原型制作等。由于是 Adobe 家族的產(chǎn)品，和旗下別的軟件相互之間的配合親密無(wú)間，提高了設(shè)計(jì)配合之間的效率。更方便的一點(diǎn)是這款軟件沒(méi)有操作系統(tǒng)的限制，無(wú)論是 Mac 電腦還是 win 電腦皆可安裝使用，但是你需要主要系統(tǒng)的最低版本要求，這個(gè)官方有相關(guān)說(shuō)明。

5、Axure RP

Axure RP 是一款專業(yè)的快速原型設(shè)計(jì)工具，雖然現(xiàn)在一些公司的交互設(shè)計(jì)師也在運(yùn)用 Sketch 軟件進(jìn)行，但是 Axure RP 還是很多交互設(shè)計(jì)師的選擇。Axure RP 的使用者主要包括商業(yè)分析師、信息架構(gòu)師、產(chǎn)品經(jīng)理、IT咨詢師、用戶體驗(yàn)設(shè)計(jì)師、交互設(shè)計(jì)師、UI設(shè)計(jì)師等。這是一款普及度比較廣的軟件，入門相對(duì)簡(jiǎn)單，想要深入下去會(huì)比較難些，作為 UI 設(shè)計(jì)師，這款軟件的基本操作還是需要掌握的。

6、動(dòng)效設(shè)計(jì)軟件

現(xiàn)在實(shí)現(xiàn)動(dòng)效的軟件和平臺(tái)也比較多了，比如：Adobe After Effects（簡(jiǎn)稱 AE ）、Principle、Adobe Flash、Pixate、Origami、Hype 3、Flinto 等等。一般AE 軟件用的比較多，沒(méi)有操作系統(tǒng)限制，市面上的學(xué)習(xí)資源也比較多，Principle 也是比較流行的，現(xiàn)在用的設(shè)計(jì)師也還算多，由于目前只支持 Mac 電腦，也存在一定的局限。

7、思維導(dǎo)圖軟件

思維導(dǎo)圖又叫心智導(dǎo)圖，是表達(dá)發(fā)散性思維的有效圖形思維工具 ，它簡(jiǎn)單卻又很有效，是一種實(shí)用性的思維工具。思維導(dǎo)圖的工具不少，也有一些在線的工具，比如：Mindnode、MindManager、XMind、Popplet、FreeMind、MindMeister、百度腦圖、MindLine 等等，這類工具比較簡(jiǎn)單，上手比較快。

8、文檔編輯工具

寫(xiě)作能力是高級(jí)/資深設(shè)計(jì)師需要不斷養(yǎng)成的技能，無(wú)論大小的團(tuán)隊(duì)，設(shè)計(jì)總結(jié)總是避免不了的，最好是要養(yǎng)成專業(yè)經(jīng)驗(yàn)輸出的習(xí)慣。寫(xiě)文章的工具這個(gè)就很多了，比如： Microsoft Word、WPS OFFICE、Pages等等軟件，還有像石墨文檔、印象筆記、有道云筆記之類的在線工具。

9、提案演示工具

UI設(shè)計(jì)師經(jīng)常需要向領(lǐng)導(dǎo)或者需求方進(jìn)行設(shè)計(jì)提案，無(wú)論項(xiàng)目的大與小都要進(jìn)行簡(jiǎn)單的設(shè)計(jì)提案演示制作，準(zhǔn)備好PPT文檔。制作 PPT 的工具根據(jù)操作系統(tǒng)和大家的習(xí)慣會(huì)有所差別，主要有：keynote、PowerPoint、WPS Office 等等。

前2個(gè)工具，UI設(shè)計(jì)師是必須掌握的，其他的工具是一種增值。

總結(jié)

優(yōu)化猩SEO：UI設(shè)計(jì)師相當(dāng)于人與界面之間的橋梁，一個(gè)好的產(chǎn)品離不開(kāi)優(yōu)秀的UI設(shè)計(jì)師，UI設(shè)計(jì)師不是單純的只作圖形設(shè)計(jì)，還需要進(jìn)行用戶研究以及處理用戶與界面之間的關(guān)系。

參考鏈接：

UI設(shè)計(jì)師_百度百科

https://baike.baidu.com/item/UI%E8%AE%BE%E8%AE%A1%E5%B8%88/8881893?fr=aladdin

UI設(shè)計(jì)師的工作內(nèi)容是什么？ - 知乎

https://www.zhihu.com/question/39918177

修改于2023-08-25