旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > 非常干貨系列之如何做好UI設(shè)計(jì)工作
非常干貨系列之如何做好UI設(shè)計(jì)工作
時(shí)間:2018-03-10來源:m.mwtacok.cn點(diǎn)擊量:作者:馬晨皓
時(shí)間:2018-03-10點(diǎn)擊量:作者:馬晨皓

設(shè)計(jì)師的專業(yè)能力重要,職場(chǎng)習(xí)慣更重要~

Image title
 

什么是UI

UI即User Interface(用戶界面)的簡(jiǎn)稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、行為路徑、用戶體驗(yàn)、界面排版的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。一般所說的UI設(shè)計(jì)主要針對(duì)的是軟件界面的設(shè)計(jì)。

以下只是個(gè)人經(jīng)驗(yàn),僅供參考

 

 

個(gè)人職責(zé)

主要負(fù)責(zé)醫(yī)生集團(tuán)移動(dòng)端的界面設(shè)計(jì)和PC端的界面設(shè)計(jì)。輔助一些平面設(shè)計(jì),例如:名片、折頁(yè)、易拉寶、海報(bào)、H5。

了解自己的職責(zé),做好自己的本職工作,最好不要跨界工作

 

 

工作流程

了解產(chǎn)品的理念 —— 分析競(jìng)品 —— 參與產(chǎn)品的需求分析 —— 分析原型 —— 界面設(shè)計(jì) —— 內(nèi)驗(yàn)設(shè)計(jì)界面 —— 與開發(fā)對(duì)接及跟進(jìn) —— 產(chǎn)品完成,參與內(nèi)測(cè) —— 產(chǎn)品上線,繼續(xù)跟進(jìn)。

 

 

1) 分析競(jìng)品

體驗(yàn)行業(yè)做的比較好的競(jìng)品,分析他們的需求點(diǎn)、功能的優(yōu)先策略、用戶的使用途徑、界面的設(shè)計(jì)風(fēng)格、品牌顏色、LOGO設(shè)計(jì)、啟動(dòng)圖標(biāo)、面對(duì)人群等。

 

功能整理 提取可參考元素

Image title

思維導(dǎo)圖的方式來分析競(jìng)品的功能模塊和行為路徑。

Image title

下載APP體驗(yàn)競(jìng)品,參考其界面風(fēng)格,交互形式,獲取可參考的元素,拉開產(chǎn)品的差異性。

 

 

2) 參與產(chǎn)品的需求分析

根據(jù)產(chǎn)品,探討需求的細(xì)節(jié)、業(yè)務(wù)流程、功能模塊、確定需求、進(jìn)行工作排期。

 

3) 分析原型

在最后一次需求分析中,產(chǎn)品經(jīng)理會(huì)詳細(xì)描述一邊他的原型圖各個(gè)界面的內(nèi)容和跳轉(zhuǎn)邏輯關(guān)系,我們需要了解各個(gè)界面的內(nèi)容,交互形式、空白狀態(tài)、加載狀態(tài)、跳轉(zhuǎn)邏輯上有沒有缺失的,或者出錯(cuò)的地方,及時(shí)與產(chǎn)品經(jīng)理溝通,討論合理的處理方法。

 

4) 界面設(shè)計(jì)

競(jìng)品保持差異性,凸顯自己的產(chǎn)品的調(diào)性。

根據(jù)品牌色和用戶群體,慎重思考設(shè)計(jì)的形式。產(chǎn)品的差異性、運(yùn)營(yíng)的設(shè)計(jì)、新的設(shè)計(jì)元素及設(shè)計(jì)趨勢(shì)的運(yùn)用、元素之間的關(guān)系、舒適的留白、邊距的大小、字體的選擇及大小、字距的大小、列表的高度、頭像的大小、圓角的大小、投影的大小及顏色、輔助色的選擇與應(yīng)用、icon的定位與繪制、啟動(dòng)圖標(biāo)風(fēng)格的確定及繪制、整體界面的統(tǒng)一性等。

新建畫布的大小及命名、必要的輔助線、圖層的命名、icon的大小及命名、輔助圖形的運(yùn)用、保存文件的命名及路徑。

首頁(yè)及模塊界面確定產(chǎn)品的調(diào)性,繼而完成其他的界面。

 

5) 內(nèi)驗(yàn)設(shè)計(jì)界面

在初稿完成之后,檢驗(yàn)界面是否有丟失或重復(fù),邏輯是否正確,命名是否正確,整體是否統(tǒng)一、文件與命名是否一致、保存格式是否一致、文件夾名稱是否明確清晰。

Image title

 

6) 與開發(fā)的對(duì)接及跟進(jìn)

交給開發(fā)的文件是否正確清晰,切圖是否規(guī)范,切圖命名是否正確、界面標(biāo)注是否清晰和完整、制定視覺規(guī)范、每個(gè)版本開發(fā)完成后,進(jìn)行視覺審查。減少視覺上的偏差,還原度最大化。

Image title
 

7) 產(chǎn)品上線,繼續(xù)跟進(jìn)

產(chǎn)品上線之后,跟進(jìn)產(chǎn)品的數(shù)據(jù),繼續(xù)體驗(yàn)產(chǎn)品,優(yōu)化產(chǎn)品,根據(jù)用戶反饋來提高產(chǎn)品的用戶體驗(yàn)及產(chǎn)品功能的增減進(jìn)行界面的修改。

 

總結(jié)

以上分享僅代表個(gè)人一些點(diǎn)滴經(jīng)驗(yàn),不足之處望留言指正,期待大家一起進(jìn)步!


 

預(yù)約申請(qǐng)免費(fèi)試聽課

填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2021/ m.mwtacok.cn 北京漫動(dòng)者教育科技有限公司 備案號(hào):京ICP備12034770號(hào) 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc