企業(yè)UI設(shè)計師的工作職責(zé)主要做什么?
1、負(fù)責(zé)用戶界面設(shè)計,根據(jù)產(chǎn)品原型進行具體效果圖設(shè)計,視覺設(shè)計(包括主次界面風(fēng)格化,版面布局細(xì)節(jié)處理,icon繪制等)
2、獨立完成UI相關(guān)制作,能根據(jù)產(chǎn)品的設(shè)計思路設(shè)計相應(yīng)配套的UI。
3、參與產(chǎn)品構(gòu)思及軟件界面優(yōu)化,提出對產(chǎn)品界面規(guī)劃,把握產(chǎn)品終界面實現(xiàn)效果。
4、結(jié)合用戶體驗,優(yōu)化完善設(shè)計,制定可行的產(chǎn)品品質(zhì)提升方案。
5、維護現(xiàn)有的應(yīng)用產(chǎn)品,不定期收集和分析用戶對于GUI的需求等。
下面給你整理了1個來自知名大互聯(lián)網(wǎng)企業(yè)招聘信息中的崗位工作職責(zé):
1、負(fù)責(zé)公司移動端UI界面設(shè)計,為公司新產(chǎn)品與新功能提供創(chuàng)意及設(shè)計方案。
2、參與設(shè)計討論,和開發(fā)團隊共同創(chuàng)建用戶界面,跟蹤設(shè)計效果,提出設(shè)計優(yōu)化方案。
3、參與移動產(chǎn)品設(shè)計體驗、流程的制定和規(guī)范,以及有參與過上線項目設(shè)計實戰(zhàn)經(jīng)歷優(yōu)先。
4、熟悉品牌文化與產(chǎn)品調(diào)性,具備豐富的平面設(shè)計和廣告創(chuàng)意設(shè)計能力。
5、熟練運用常用設(shè)計軟件,具備一定插畫繪制能力,對后期處理及動效設(shè)計有一定了解。
6、設(shè)計思路清晰,具有豐富的創(chuàng)新思維、想象力和較強的視覺感知能力。
7、具備良好的溝通協(xié)作,并且有高執(zhí)行能力和抗壓能力。
8、熟悉iOS和Android兩大平臺的設(shè)計規(guī)范,具有一定的視覺審美能力和原創(chuàng)設(shè)計能力。
9、熟練各種UI界面設(shè)計,圖標(biāo)設(shè)計,動效設(shè)計,交互設(shè)計,banner海報設(shè)計,APP設(shè)計,UE設(shè)計,小程序設(shè)計,H5設(shè)計等。
綜上所述總結(jié),UI設(shè)計師主要負(fù)責(zé)美工設(shè)計、應(yīng)用界面設(shè)計以及界面反饋測試等方面。
其中平面美工設(shè)計是UI設(shè)計師工作的基礎(chǔ),應(yīng)用界面設(shè)計是設(shè)計師工作的關(guān)鍵一步,反饋測試是設(shè)計師工作的重中之重。
UI設(shè)計師的工作流程是怎樣的呢?
UI設(shè)計工作中部門里面主要有哪些工作崗位:產(chǎn)品經(jīng)理(PM)、交互設(shè)計師(ID)、視覺設(shè)計師(GUI)、用戶體驗設(shè)計師(UED)、前端程序員、運營人員等。
UI設(shè)計,簡稱:用戶界面設(shè)計,它包含了軟硬件設(shè)計,包括了以上GUI、ID、UED工作崗位,只要掌握了全部UI設(shè)計技能,以上工作崗位都可以從事。
不同的崗位工作內(nèi)容不同,一般大公司UI部門都有分工,你負(fù)責(zé)設(shè)計那部分,他負(fù)責(zé)設(shè)計那部分。下面就來說下UI設(shè)計工作中的整個工作流程:
1、產(chǎn)品經(jīng)理(PM)收集客戶或老板的設(shè)計需求;幾乎所有的互聯(lián)網(wǎng)公司開始開發(fā)APP的時候都是從產(chǎn)品發(fā)起的。
對于設(shè)計流程的設(shè)計更傾向于簡單;主要流程包含:需求收集、需求列表、需求設(shè)計、需求開發(fā)及后的需求驗收。
舉個,老板說做個社交的APP吧。亙古不變的強需求,像什么百合網(wǎng)呀、珍愛網(wǎng)呀一直處于大熱門階段,因為肯定會有一部分人找不到對象,沒時間到線下找對象的。
當(dāng)老板說要做這么一個APP的之后,產(chǎn)品是需要搜集一些資料,會去找一些有相親需要的用戶,不管是網(wǎng)上還是身邊同事,會問大家到底需要什么功能,一條一條的。
比如,女方說我要看到對方的頭像必須是真實的、實名認(rèn)證、年收入... 那男的也有需求呀,比如要看到女方的年齡、身高、體重、教育程度等。
這個時候產(chǎn)品就需要整理好一條一條的需求,列到PRD文檔里面,這個算是產(chǎn)品在拿到需求之后做的一些用戶的調(diào)查。
2、需求評審會議,PM會給交互、UI、開發(fā)、測試講解產(chǎn)品的需求,明確項目需求;(產(chǎn)生PRD文檔、線框原型圖)
我是低保真
在這個環(huán)節(jié),不明白的地方隨時問。在這個環(huán)節(jié)會有一個成果出來,可能PRD文檔就定稿了,線框原型圖也有可能在這個階段產(chǎn)生。
有些公司還有這種情形,產(chǎn)品先把需求給交互說清楚,然后讓交互去做低保真原型,然后再對著原型寫PRD。某寶可能是這樣。
記好重要的一點:
設(shè)計師這一塊,PRD文檔,線框原型圖不拿到手不要開工,拿到手之后再干活。因為,不這樣做,可能你做出來的東西要反復(fù)的改。
插個話題,產(chǎn)品經(jīng)理到底是什么樣的一個職位呢?
產(chǎn)品經(jīng)理,就是在公司經(jīng)常被大家親切的稱呼為“產(chǎn)品”,這個四個字和UI設(shè)計師是一樣的,一個職位,只不過它這個職位有經(jīng)理2個字而已,跟UI設(shè)計師是平級的,它的作用是統(tǒng)籌整個項目,并沒有比大家的級別高多少。
3、設(shè)計組內(nèi)部會議(產(chǎn)品有可能參加)、界面風(fēng)格確定;(產(chǎn)出視覺風(fēng)格稿)
定風(fēng)格
一般來說,這個階段會先確定設(shè)計負(fù)責(zé)人,如果你們公司只有一個設(shè)計,恭喜!你就是設(shè)計負(fù)責(zé)人。設(shè)計負(fù)責(zé)人會給大家一個分工,誰來畫線框圖標(biāo)、誰做一些版式的設(shè)計等。
重要的是,設(shè)計負(fù)責(zé)人會定下1-2人作為主設(shè)計師,主設(shè)計師會各自設(shè)計1-2個視覺風(fēng)格稿,這個設(shè)計風(fēng)格稿不用把每個頁面都做出來,一般情況下,做APP做首頁就好了。
等稿子做完之后,設(shè)計組再次開會確定到底用哪一套的設(shè)計風(fēng)格?;卷椖肯嚓P(guān)的人都會參加,此時設(shè)計師背后“指點江山的人物”都會出現(xiàn),哪里好,哪里不好的問題也都會來了。
此時記住,所有疑問的解答都需要從用戶的需求出發(fā),只有需求才能壓得住人,其他都無濟于事。
在這個階段到底怎么確定視覺風(fēng)格稿,有一個竅門,大家需要了解一下:
3W:what\why\who(誰,在哪,怎么用,想怎么用)
舉個栗子,一款音樂類的APP,大家覺得用戶是在家里插著耳機躺在沙發(fā)里聽,還是在上班的路上聽?
一般都是上班路上聽吧。所以,我們在做音樂類APP的時候,我們就沒必要把播放歌的頁面搞的很復(fù)雜吧。
網(wǎng)上常見的5W不適用咱們,這里記好3W就可以了。
4、設(shè)計分工,完成各自設(shè)計工作;可能產(chǎn)出設(shè)計規(guī)范,有紙質(zhì)的或者UI-kit
我是UI-kit
如果你就是團隊負(fù)責(zé)人,并且只有一個人,恭喜!全都由你來。這樣一個好處就是風(fēng)格統(tǒng)一。如果時間充裕,還會有一個產(chǎn)出物,設(shè)計規(guī)范。
5、設(shè)計輸出-效果圖、標(biāo)注圖、切圖(.png);
上圖視覺輸出這三個點基本上都捆綁在一起。
設(shè)計稿:讓開發(fā)看到界面長什么樣子;
切圖:不規(guī)則的圖形、ICON、小圖標(biāo)都切出來;
標(biāo)注圖:哪個地方多寬、多高、距離多少、用什么顏色給開發(fā)標(biāo)清楚;
一般情況下,這一步需要經(jīng)過產(chǎn)品的手,需要去審核一下圖有沒有問題。等一切搞定進行下一步。
6、進行開發(fā),完成開發(fā),測試并調(diào)試(一個迭代周期完成)這個階段,一個新的角色出現(xiàn)——測試工程師。他的任務(wù)是找Bug,根據(jù)產(chǎn)品的文檔來一個個的點,看你的APP開發(fā)是不是做成那個樣子了,有沒有出問題的情況。
比如,用戶的密碼,必須使用英文字符不能使用阿拉伯?dāng)?shù)字。當(dāng)測試注冊一個賬號的時候,他發(fā)現(xiàn)可以用使用阿拉伯?dāng)?shù)字,那么這就是一個Bug。他就會提上去。
再比如,少了一個按鈕,這個時候測試工程師就會在公司里面的辦公軟件里面@ 你,告訴你界面少東西,這個就屬于測試并調(diào)試的一個過程。
那么,從初的產(chǎn)品整理需求,然后一步一步到設(shè)計、開發(fā)、測試調(diào)試、再到上線這就算是一個完整的APP開發(fā)設(shè)計流程,現(xiàn)在清楚了吧。