實(shí)用的網(wǎng)頁(yè)UI設(shè)計(jì)流程

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

產(chǎn)品需求分析

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

深層次的用戶(hù)體驗(yàn)研究與分析

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

初稿設(shè)計(jì)

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

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

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

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

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

產(chǎn)品體驗(yàn)

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

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

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

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