解析ui設(shè)計(jì)師工作內(nèi)容

　　很多同學(xué)咨詢ui設(shè)計(jì)師工作內(nèi)容有哪些?今天AAA教育小編姐姐針對(duì)大家的需求簡單的分析了ui設(shè)計(jì)師工作內(nèi)容，以便大家清楚的認(rèn)識(shí)ui設(shè)計(jì)師工作內(nèi)容。
 

一、ui設(shè)計(jì)師分類
 

　　ui設(shè)計(jì)分類簡單點(diǎn)來說就是網(wǎng)站的用戶界面設(shè)計(jì)師，網(wǎng)絡(luò)架構(gòu)、網(wǎng)站美工等,具體有哪些工作崗位，參見《UI設(shè)計(jì)7大就業(yè)方向》。ui設(shè)計(jì)師分類如下：
 

　　“UI”的本義是用戶界面，是英文User和 interface的縮寫。從字面上看是用戶與界面兩個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。具體還包括：可用性分析、GUI(Graphic User Interface即圖形用戶界面設(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)系，研究人。
 

　　UI設(shè)計(jì)師的職能大體包括三方面：
 

　　1、圖形設(shè)計(jì)，即傳統(tǒng)意義上的“美工”。當(dāng)然，實(shí)際上他們承擔(dān)得不是單純意義上美術(shù)工人的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。
 

　　2、交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。
 

　　3、用戶測(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è)環(huán)節(jié)
 

　　以互聯(lián)網(wǎng)產(chǎn)品(或App)為例，大概開發(fā)流程可分為四個(gè)階段：①調(diào)研與立項(xiàng)→②設(shè)計(jì)與開發(fā)→③測(cè)試與發(fā)布→③發(fā)布與推廣，而UI設(shè)計(jì)則處在第②個(gè)階段。
 

　?、僬{(diào)研與立項(xiàng)，確立產(chǎn)品需求文檔(PRD=Product Requirement Document)，為UI交互設(shè)計(jì)做準(zhǔn)備。通常由產(chǎn)品經(jīng)理(PM=Product Manager)主導(dǎo)完成。
 

　?、谠O(shè)計(jì)與開發(fā)，依據(jù)產(chǎn)品需求文檔(PRD)→完成UI交互原型設(shè)計(jì)→完成UI的圖形視覺設(shè)計(jì)→研發(fā)工程師技術(shù)實(shí)現(xiàn)(前端工程師實(shí)現(xiàn)UI圖形界面的重構(gòu)→后端工程師實(shí)現(xiàn)業(yè)務(wù)邏輯的數(shù)據(jù)處理)
 

　　③測(cè)試與發(fā)布，團(tuán)隊(duì)全體開發(fā)人員協(xié)作，解決交互、視覺、技術(shù)上的bug，由產(chǎn)品經(jīng)理把控質(zhì)量、協(xié)調(diào)時(shí)間，確保產(chǎn)品準(zhǔn)時(shí)上線。
 

　　④發(fā)布與推廣，多渠道、多方式、多媒介、的投放廣告，讓項(xiàng)目產(chǎn)品觸及目標(biāo)客戶。
 

　　最后的環(huán)節(jié)就是，持續(xù)的內(nèi)容運(yùn)營輸出，提升用戶活躍度、拓展目標(biāo)人群。接受用戶反饋，持續(xù)優(yōu)化產(chǎn)品體驗(yàn)，迭代更新。
 

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

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

　　1、軟件界面的視覺設(shè)計(jì)
 

　　在互聯(lián)網(wǎng)產(chǎn)品開發(fā)的實(shí)際工作中，上游和你對(duì)接的是產(chǎn)品經(jīng)理(或者交互設(shè)計(jì)師);下游和你對(duì)接的前端工程師。所以，你通常是根據(jù)產(chǎn)品經(jīng)理出具的交互稿，做UI界面的圖形視覺設(shè)計(jì)。這就要求你能看懂交互稿，懂一點(diǎn)交互知識(shí)是最好的，能為優(yōu)化視覺設(shè)計(jì)做背書。
 

　　2、交互設(shè)計(jì)稿-展示
 

　　在做完UI界面的視覺稿后，UI設(shè)計(jì)師將其標(biāo)注好，再交付給下游的前端工程師，用作界面重構(gòu)。必要的時(shí)候還可能會(huì)要用一些UI動(dòng)效，去闡明設(shè)計(jì)師的設(shè)計(jì)意圖，所以懂一點(diǎn)UI動(dòng)效設(shè)計(jì)也是一個(gè)加分項(xiàng)。
 

　　3、主色調(diào)的選取
 

　　從產(chǎn)品需求入手，考慮我們到底要用什么主色調(diào)，比如同樣是團(tuán)購，糯米用的是桃紅色，而美團(tuán)是翠綠色。那么我們?cè)?a href="http://m.mwtacok.cn/zt/uiue/" target="_blank">UI設(shè)計(jì)的時(shí)候首先就要考慮主色調(diào)的問題。
 

　　1)配色和輔助色
 

　　在考慮到產(chǎn)品氣質(zhì)和品牌色的同事，我們經(jīng)常要考慮配合襯托產(chǎn)品主色調(diào)的輔助色。在不同的產(chǎn)品中，輔助色運(yùn)用的策略是不同的，比如我們經(jīng)常說的：鄰近色、對(duì)比色等。都是我們選擇輔助色的方法。
 

　　2)選取風(fēng)格
 

　　現(xiàn)在來說，說到風(fēng)格一句話，扁平風(fēng)。但是在扁平中也有區(qū)別。比如下圖，同樣是扁平。但是左圖微微帶有一些光影，而右圖是純扁平。你能說哪個(gè)好或者不好嗎?不能。
 

　　3)圖標(biāo)風(fēng)格
 

　　同樣是設(shè)置和發(fā)現(xiàn)不同的app在基本結(jié)構(gòu)一致的情況下也有很多細(xì)微的差別。倒是要用圓角的icon、還是直角，是用面還是線形，這背后的設(shè)計(jì)語言邏輯是什么，設(shè)計(jì)目的是什么。都是需要ui設(shè)計(jì)來考慮。
 

　　4)表達(dá)情感化設(shè)計(jì)
 

　　在一些細(xì)節(jié)頁面我們常常要考慮情感化設(shè)計(jì)，以此來提升app的品質(zhì)，降低用戶在異常情況下的挫敗感。同時(shí)好的設(shè)計(jì)師還會(huì)考慮到如何引導(dǎo)用戶去解決，從而滿足產(chǎn)品訴求。不同的產(chǎn)品在做情感化設(shè)計(jì)的時(shí)候方式方法不同，風(fēng)格也不一樣。這些也都是需要ui設(shè)計(jì)來處理的。