實用的網(wǎng)頁UI設(shè)計流程：

產(chǎn)品需求分析

      當(dāng)產(chǎn)品經(jīng)理給出一個產(chǎn)品的需求，我們首先需要對這個產(chǎn)品進行一個大致的分析，分析這個產(chǎn)品的方向，定義產(chǎn)品的用戶群體及特征。

深層次的用戶體驗研究與分析

      這個時候我們就要對已定義的目標(biāo)用戶群體及特征進行深層次的剖析，包括目標(biāo)用戶群體的年齡，性別及目標(biāo)戶群體的一些情感習(xí)慣，心理特征等，這樣我們就可以有針對的對這個產(chǎn)品構(gòu)想設(shè)計出一個大概的色系搭配及元素控件設(shè)計。

初稿設(shè)計

       這個時候我們就可以把產(chǎn)品經(jīng)理的原型需求和自己對產(chǎn)品的體驗研究分析結(jié)合起來設(shè)計初稿。(大概的色系搭配，框架布局，元素控件，圖標(biāo)ICON等設(shè)計都可以在這一步呈現(xiàn)出來)

視覺規(guī)范設(shè)計及細(xì)節(jié)優(yōu)化設(shè)計

      初稿設(shè)計完成了，產(chǎn)品大概的樣子都出來了，接著我們就是要做好視覺規(guī)范設(shè)計及細(xì)節(jié)優(yōu)化設(shè)計。視覺規(guī)范設(shè)計就是要對整個產(chǎn)品的顏色，字體，字號，元素控件，圖標(biāo)ICON，間距及交互效果做個統(tǒng)一的規(guī)范，這樣才可以做出一個成熟的產(chǎn)品，對前端制作也是有很大的好處的。

跟進前端工程師實現(xiàn)設(shè)計效果

      設(shè)計稿完成了接下來就是前端工程師制作了，這時我們就不要以為我們的工作完成了，我們要繼續(xù)跟進前端工程師實現(xiàn)還原我們的設(shè)計效果，有必要我們可以設(shè)計出一份交互圖出來，這樣便于他們更好的更準(zhǔn)確的更快捷的實現(xiàn)我們的設(shè)計。

產(chǎn)品體驗

      實用的網(wǎng)頁UI設(shè)計流程：當(dāng)前端制作好頁面之后，我們就可以對整個產(chǎn)品做一個線上的體驗，界面體驗，交互體驗，當(dāng)遇到一些體驗不好的地方我們可以直接和產(chǎn)品還有前端工程師進行溝通，共同來商討解決這些問題。

產(chǎn)品的持續(xù)用戶體驗跟進研究與優(yōu)化

      實用的網(wǎng)頁UI設(shè)計流程：產(chǎn)品上線之后，我們要持續(xù)關(guān)注與跟進它，進行一些用戶體驗數(shù)據(jù)的收集，對于界面上和交互體驗上的一些不是很理想的地方做一個收集，用在下期的改版上。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-27931.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050