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

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

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

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

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

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

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

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

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

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

二、ui設(shè)計處在哪一個環(huán)節(jié)
 

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

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

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

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

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

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

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

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

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

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

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

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

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

　　從產(chǎn)品需求入手，考慮我們到底要用什么主色調(diào)，比如同樣是團購，糯米用的是桃紅色，而美團是翠綠色。那么我們在UI設(shè)計的時候首先就要考慮主色調(diào)的問題。
 

　　1)配色和輔助色
 

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

　　2)選取風(fēng)格
 

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

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

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

　　4)表達情感化設(shè)計
 

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