AAA教育

設(shè)計師的專業(yè)能力重要，職場習(xí)慣更重要~

什么是UI

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

以下只是個人經(jīng)驗，僅供參考

個人職責(zé)

主要負責(zé)醫(yī)生集團移動端的界面設(shè)計和PC端的界面設(shè)計。輔助一些平面設(shè)計,例如：名片、折頁、易拉寶、海報、H5。

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

工作流程

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

1) 分析競品

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

功能整理 提取可參考元素

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

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

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

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

3) 分析原型

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

4) 界面設(shè)計

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

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

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

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

5) 內(nèi)驗設(shè)計界面

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

6) 與開發(fā)的對接及跟進

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

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

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

總結(jié)

以上分享僅代表個人一些點滴經(jīng)驗，不足之處望留言指正，期待大家一起進步！