UI設(shè)計(jì)的主要工作內(nèi)容有哪些

不同方向的UI設(shè)計(jì)師，也對(duì)應(yīng)著不同的工作內(nèi)容，具體分為以下三種：

第一大塊:

圖形設(shè)計(jì)師GraphicUIdesigner，被我們行內(nèi)叫產(chǎn)品美工，世面稱之為界面美工、界面美術(shù)設(shè)計(jì)師等等，之前更新的微信公眾號(hào)7.0版本，從點(diǎn)贊手型按鈕換到好看的墨藍(lán)色花型按鈕的轉(zhuǎn)變，這個(gè)就是界面圖形UI設(shè)計(jì)的工作內(nèi)容。

第二大塊:

交互設(shè)計(jì)師的工作內(nèi)容就是把要設(shè)計(jì)的軟件，在編碼之前需要確立交互模型的結(jié)構(gòu)，流程，交互規(guī)則。舉個(gè)例子，新版微信開屏畫面，具體怎么做，大家可以參考網(wǎng)上的交互設(shè)計(jì)模板。

第三大塊:

用戶研究工程師，主要是根據(jù)用戶需求，為產(chǎn)品設(shè)計(jì)和改進(jìn)提供信息，并提出新的交互方式、功能?！癠I”的本義是用戶界面，是英文User和interface的縮寫。UI設(shè)計(jì)師簡稱UID（UserInterfaceDesigner），指從事對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)工作的人。

UI設(shè)計(jì)師的涉及范圍包括商用平面設(shè)計(jì)、高級(jí)網(wǎng)頁設(shè)計(jì)、移動(dòng)應(yīng)用界面設(shè)計(jì)及部分包裝設(shè)計(jì)，是目前中國信息產(chǎn)業(yè)中最為搶手的人才之一。

負(fù)責(zé)軟件界面的美術(shù)設(shè)計(jì)、創(chuàng)意工作和制作工作；

根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計(jì)；

對(duì)頁面進(jìn)行優(yōu)化，使用戶操作更趨于人性化；

維護(hù)現(xiàn)有的應(yīng)用產(chǎn)品；

收集和分析用戶對(duì)于GUI的需求。學(xué)的東西挺多的，一般不建議自學(xué)，因?yàn)檫M(jìn)度慢，耗費(fèi)時(shí)間久，其實(shí)現(xiàn)在很多企業(yè)不光是需要這方面的專業(yè)人才，很多崗位也都是需要會(huì)這些內(nèi)容的，學(xué)一下對(duì)自己肯定是有很大的好處的。學(xué)的話主要分四個(gè)階段：

成都UI設(shè)計(jì)面授十月驛最靠譜！

階段一：造型訓(xùn)練基礎(chǔ)課程

1、基礎(chǔ)素描與造型2、色彩基礎(chǔ)與彩鉛畫

階段二：設(shè)計(jì)工具與品牌形象設(shè)計(jì)

1、PS軟件基礎(chǔ)設(shè)計(jì)2、PS軟件進(jìn)階設(shè)計(jì)

3、AI軟件基礎(chǔ)與logo設(shè)計(jì)4、Vis企業(yè)形象手冊(cè)設(shè)計(jì)

階段三：Web與運(yùn)營設(shè)計(jì)

1、Banner運(yùn)營設(shè)計(jì)表現(xiàn)2、C4D輕三維設(shè)計(jì)表現(xiàn)

3、網(wǎng)頁設(shè)計(jì)流程與規(guī)范4、網(wǎng)頁設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)課程

階段四：網(wǎng)頁靜態(tài)布局

1、HTML網(wǎng)頁重構(gòu)與頁面美化

階段五：移動(dòng)端全流程設(shè)計(jì)

1、圖標(biāo)icon設(shè)計(jì)與主題表2、UE、UX用戶體驗(yàn)與交互原型

3、iOS&Android設(shè)計(jì)規(guī)范4、移動(dòng)端界面設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)

5、智能可穿戴設(shè)備項(xiàng)目實(shí)訓(xùn)6、交互動(dòng)效表現(xiàn)設(shè)計(jì)課程

7、H5頁面推廣設(shè)計(jì)與發(fā)布

希望對(duì)您有所幫助目前ui規(guī)劃師在國內(nèi)的開展尚處于起步階段，這個(gè)范疇高水平的ui規(guī)劃師甚少，it職業(yè)突發(fā)猛進(jìn)的開展速度和大家日益提高的生活標(biāo)準(zhǔn)，也對(duì)ui規(guī)劃從業(yè)人員需要越來越大。ui設(shè)計(jì)，移動(dòng)互聯(lián)網(wǎng)時(shí)代的高薪工作，以華信智原畢業(yè)學(xué)員為例，實(shí)訓(xùn)4個(gè)月試用期平均薪資達(dá)到6000-10000，試用期過后有薪資達(dá)到12000以上，我們有理由相信，ui設(shè)計(jì)師將來的薪資只會(huì)更高！1、研究工具：研究界面----圖形設(shè)計(jì)師，簡單的說就是美工，為軟件產(chǎn)品的外形設(shè)計(jì)師。界面設(shè)計(jì)不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)是最終用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺效果的過程

2、研究人與界面的關(guān)系：研究人與界面的關(guān)系---交互設(shè)計(jì)師，一個(gè)網(wǎng)站的構(gòu)建流程都是由交互設(shè)計(jì)師完成的。交互設(shè)計(jì)師的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范（spec）等。一個(gè)軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

3、研究人：研究人----用戶測(cè)試/研究工程師。任何產(chǎn)品上市之前都需要通過測(cè)試，用戶測(cè)試/研究工程師的職責(zé)就和游戲玩家里面的測(cè)試人員一樣，發(fā)現(xiàn)BUG，并反饋給技術(shù)人員進(jìn)行修改完善。這個(gè)測(cè)試和編碼沒有任何關(guān)系，主要是測(cè)試交互設(shè)計(jì)的合理性以及圖形設(shè)計(jì)的美觀性。測(cè)試方法一般都是采用焦點(diǎn)小組，用目標(biāo)用戶問卷的形式來衡量UI設(shè)計(jì)的合理性。這個(gè)職位很重要，如果沒有這個(gè)職位，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來評(píng)判，這樣就會(huì)給企業(yè)帶來嚴(yán)重的風(fēng)險(xiǎn)性簡單點(diǎn)來說，就是網(wǎng)站的用戶界面設(shè)計(jì)師，網(wǎng)絡(luò)架構(gòu)、網(wǎng)站美工等。

具體描述如下：

“UI”的本義是用戶界面，是英文User和interface的縮寫。從字面上看是用戶與界面兩個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。具體還包括：可用性分析、GUI（GraphicUserInterface即圖形用戶界面設(shè)計(jì)）、用戶測(cè)試等。好的UI設(shè)計(jì)需要讓軟件變得有個(gè)性有品味，讓軟件的操作變得舒適、簡單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

因此，UI設(shè)計(jì)師不單純從事美術(shù)繪畫，而需要定位軟件使用者、使用環(huán)境、使用方式并且最終為軟件用戶服務(wù)，他們進(jìn)行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計(jì)，他們需要完成的，簡單說來，正是一個(gè)不斷為用戶設(shè)計(jì)視覺效果使之滿意的過程。UI設(shè)計(jì)從工作內(nèi)容上來說分為3大類別，即研究工具，研究人與界面的關(guān)系，研究人。

與之相應(yīng)，UI設(shè)計(jì)師的職能大體包括三方面：一是圖形設(shè)計(jì)，即傳統(tǒng)意義上的“美工”。當(dāng)然，實(shí)際上他們承擔(dān)得不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。二是交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

三是用戶測(cè)試/研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計(jì)的合理性。如果沒有這方面的測(cè)試研究，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來評(píng)判，這樣就會(huì)給企業(yè)帶來極大的風(fēng)險(xiǎn)。

UI 設(shè)計(jì)的整個(gè)工作流程是怎樣的？

一.UI設(shè)計(jì)參與完成的流程。

UI設(shè)計(jì)的工作流程會(huì)根據(jù)公司性質(zhì)、規(guī)模、項(xiàng)目性質(zhì)、項(xiàng)目規(guī)模、UI職能要求等的不同有所區(qū)別。

UI設(shè)計(jì)參與完成的流程大致為：

1. 參與需求評(píng)審，理解PRD

2. 用戶調(diào)研、情緒板梳理（主要針對(duì)一些對(duì)體驗(yàn)、視覺要求很高的產(chǎn)品，需要更加多關(guān)注人的設(shè)計(jì)，不是必要流程）

3. 交互設(shè)計(jì)

4. 視覺設(shè)計(jì)

5. 視覺評(píng)審（視覺稿確定過后）

6. UI走查、驗(yàn)收（開發(fā)提測(cè)后，發(fā)布前）

在工作過程中，可能會(huì)組織團(tuán)隊(duì)成員對(duì)設(shè)計(jì)方案、項(xiàng)目進(jìn)行復(fù)盤，這樣細(xì)致的分工會(huì)把每個(gè)環(huán)節(jié)都打磨得非常到位。我們?cè)賮砑?xì)分工作中的每一步，具體的工作內(nèi)容是什么？

1.參與需求評(píng)審，理解PRD

一個(gè)項(xiàng)目全員開始動(dòng)工，應(yīng)該就是從需求評(píng)審開始。在產(chǎn)品理清楚需求后，會(huì)輸出PRD或者原型草圖，依據(jù)PRD或者原型草圖來和項(xiàng)目組的全體成員澄清需求。在需求澄清會(huì)中，項(xiàng)目組成員會(huì)對(duì)需求、操作流程、業(yè)務(wù)邏輯等提出不同的問題，產(chǎn)品完善問題。需求澄清不會(huì)一次就讓項(xiàng)目組全體成員清晰的明確所有需求，產(chǎn)品會(huì)根據(jù)大家的疑惑去不斷完善需求內(nèi)容，在多次的需求澄清后，大家達(dá)成一致的共識(shí)，正式開始動(dòng)工。

在這個(gè)過程中UI設(shè)計(jì)需要：

（1）反復(fù)和產(chǎn)品溝通，確認(rèn)，協(xié)助產(chǎn)品給出原型草圖。

（2）協(xié)助產(chǎn)品明確產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)行方式等。

2. 用戶調(diào)研、情緒板梳理

產(chǎn)品、UI、UE等相關(guān)人員會(huì)依據(jù)產(chǎn)品的定位、競(jìng)品分析、目標(biāo)用戶的使用場(chǎng)景、需求、心理等提出用戶的研究報(bào)告。

在這個(gè)過程中UI設(shè)計(jì)需要：

（1）參與討論，輸出紙稿線框稿、用工具制作線框圖。

（2）協(xié)助產(chǎn)品初擬產(chǎn)品設(shè)計(jì)方向和思路，提出可用性設(shè)計(jì)建議。

3. 交互設(shè)計(jì)

交互設(shè)計(jì)階段一般由交互設(shè)計(jì)師（UE）和產(chǎn)品一起制定，根據(jù)可用性分析結(jié)果制定交互方式、操作流程、跳轉(zhuǎn)流程等。在線框圖階段去設(shè)計(jì)交互流程，可以減少由于交互流程改變而帶來的視覺設(shè)計(jì)的改變。這個(gè)階段會(huì)輸出原型圖，以支持后面做詳細(xì)的視覺設(shè)計(jì)。很多公司沒有專職的交互設(shè)計(jì)師，交互設(shè)計(jì)由產(chǎn)品或者UI完成。

在這個(gè)過程中UI設(shè)計(jì)需要：

（1）這個(gè)過程，UI可以依據(jù)上一個(gè)流程中的輸出，初步設(shè)計(jì)產(chǎn)品的風(fēng)格，然后和產(chǎn)品不斷推敲。

（2）原型設(shè)計(jì)的不斷完善，紙質(zhì)草圖-線框圖-低保真-高保真（高保真原型成本較高，很多小規(guī)模的公司都不做高保真原型設(shè)計(jì)）。

4.視覺設(shè)計(jì)

視覺設(shè)計(jì)階段，UI根據(jù)界面原型，對(duì)界面原型進(jìn)行視覺效果的處理。該項(xiàng)目組的UI在明確界面風(fēng)格、要求后，開始制作所有界面的視覺設(shè)計(jì)

在這個(gè)過程中UI設(shè)計(jì)需要：

（1）確定整個(gè)界面的風(fēng)格、界面、窗口、圖標(biāo)、色調(diào)、按鈕的表現(xiàn)。

（2）完成所有界面的視覺設(shè)計(jì)，交出最終的視覺稿。

5. 視覺評(píng)審

在視覺稿確定之后，UI設(shè)計(jì)組針對(duì)界面做一致性測(cè)試、簡潔性測(cè)試、美觀度測(cè)試、用戶體驗(yàn)測(cè)試、行業(yè)標(biāo)準(zhǔn)測(cè)試等。然后召集項(xiàng)目組所有人員召開原型的可用性測(cè)試評(píng)審會(huì)，發(fā)現(xiàn)可用性問題并提出修改意見。當(dāng)視覺評(píng)審過了之后，配合技術(shù)部門實(shí)現(xiàn)界面設(shè)計(jì)的實(shí)際效果。

在這個(gè)過程中UI設(shè)計(jì)需要：

（1）針對(duì)提出的問題，對(duì)界面進(jìn)行不斷的完善。

（2）參與視覺評(píng)審全過程。

（3）配合技術(shù)部門實(shí)現(xiàn)界面設(shè)計(jì)的實(shí)際效果，給出最后的界面效果圖，標(biāo)注好距離、 尺寸、顏色、文字大小等。

（4）輸出前端開發(fā)工程師需要的切圖。

6. UI走查、驗(yàn)收

在發(fā)布前，測(cè)試會(huì)針對(duì)可用性、用戶體驗(yàn)、測(cè)試界面等對(duì)設(shè)計(jì)問題進(jìn)行一下回饋，在依據(jù)這些問題把設(shè)計(jì)工作進(jìn)行細(xì)節(jié)調(diào)整。再正式發(fā)布之后，收集市場(chǎng)上真實(shí)的用戶體驗(yàn)并記錄，為下個(gè)版本提供強(qiáng)有力的市場(chǎng)需求。

在這個(gè)過程中UI設(shè)計(jì)需要：

（1）不斷完善界面設(shè)計(jì)。

（2）UI人員把可行性建議進(jìn)行完善，不斷總結(jié)以備以后產(chǎn)品設(shè)計(jì)升級(jí)。

當(dāng)然，以上談到的UI設(shè)計(jì)工作只是一個(gè)大致的流程，一個(gè)項(xiàng)目UI參與的流程肯定是會(huì)依據(jù)公司性質(zhì)、規(guī)模、項(xiàng)目性質(zhì)、人員配比等不同，所做的工作有所縮減或精分。

ui設(shè)計(jì)師的工作流程

UI設(shè)計(jì)師 必備知識(shí)：大公司設(shè)計(jì)工作流程規(guī)范，啥也不懂進(jìn)啥公司？

1、在設(shè)計(jì)之前，首先需要 產(chǎn)品經(jīng)理 確定好客戶或者老板的需求，沒有產(chǎn)品需求，就沒有互聯(lián)網(wǎng)開發(fā)，沒有需求，我做產(chǎn)品也就沒有意義了。

比如說：我們?cè)O(shè)定一個(gè)需求。畢業(yè)生都需要找工作，我們需要找公司，但是沒有那么多時(shí)間一家家的去詢問要不要人，我們需要投簡歷，這個(gè)時(shí)候就需要網(wǎng)站，需要APP，像智聯(lián)、58等等熱門。

有需求，自然會(huì)有交易。這個(gè)時(shí)候產(chǎn)品經(jīng)理需要了解這個(gè)APP需要具備哪些功能，最好是能夠進(jìn)行及時(shí)采訪，能夠切實(shí)地了解到真實(shí)需求：比如我找工作，需要公司的規(guī)模，是不是真實(shí)，薪資構(gòu)架等等，這些需求都需要儲(chǔ)存起來。

了解到真實(shí)需求，才有了我們的產(chǎn)品開發(fā)。

2、確定需求之后，產(chǎn)品經(jīng)理會(huì)做具體的說明，讓交互、UI、開發(fā)、測(cè)試明確產(chǎn)品需求，明確項(xiàng)目的具體細(xì)節(jié)。
這個(gè)階段里面是最關(guān)鍵的，涉及到需求與產(chǎn)品的對(duì)接。PRD文檔和線框原型圖一般情況都是在這個(gè)環(huán)節(jié)內(nèi)明確的。
當(dāng)然也會(huì)有特殊情況，比如某寶，他的流暢是交互明確需求—— 低保真 原型——派PRD，應(yīng)該是這個(gè)流程，出現(xiàn)差錯(cuò)，請(qǐng)輕噴。
這里面需要注意的是：PRD文檔，線框原型圖出來了之后，設(shè)計(jì)師才開工，不然也是反復(fù)修改。

3、設(shè)計(jì)組內(nèi)部會(huì)議、界面風(fēng)格確定，
這個(gè)時(shí)候需要確定一個(gè)設(shè)計(jì)負(fù)責(zé)人。設(shè)計(jì)負(fù)責(zé)人會(huì)給同事做具體的工作安排，線框圖標(biāo)、版式設(shè)計(jì)等都有具體的分配。
后面就開始出稿，稿子出了之后，需要確定那個(gè)風(fēng)格的效果更好。
判定結(jié)果的標(biāo)準(zhǔn)還是客戶的需求。
重要的事情說三遍：需求、需求、需求！

4、分工已經(jīng)明確，進(jìn)行具體設(shè)計(jì)工作

5、標(biāo)注圖、效果圖、切圖

這個(gè)不需要多講，大家都明白。
這個(gè)步驟，產(chǎn)品經(jīng)理會(huì)進(jìn)行把關(guān)。

6、開發(fā)完成，進(jìn)行最后的測(cè)試

測(cè)試工程師 會(huì)對(duì)開發(fā)出來的產(chǎn)品進(jìn)行測(cè)試，看看有沒有疏漏，有沒有錯(cuò)誤，當(dāng)測(cè)試和調(diào)試完成，上線，就完成了整個(gè)開發(fā)的流程。