News & Events

新聞動(dòng)態(tài)

所在位置：

首頁(yè)新聞動(dòng)態(tài)行業(yè)動(dòng)態(tài)UI設(shè)計(jì)開發(fā)流程

UI設(shè)計(jì)開發(fā)流程

時(shí)間：2017-12-16 00:00:00瀏覽次數(shù)：2049

　　APP功能開發(fā)和APP UI設(shè)計(jì)促成了最終的APP的呈現(xiàn)，一個(gè)完整的APP不是UI設(shè)計(jì)師可以獨(dú)立完成的，首先會(huì)有一個(gè)開發(fā)流程，這包括五部分的工作一個(gè)團(tuán)隊(duì)協(xié)作來(lái)完成。一起來(lái)看下ui設(shè)計(jì)開發(fā)完整流程吧。

　　1、戰(zhàn)略層

　　一個(gè)項(xiàng)目首先是由老板發(fā)起的，他會(huì)從戰(zhàn)略層的角度來(lái)抉擇要做的項(xiàng)目。

　　2、戰(zhàn)術(shù)層

　　首次接到任務(wù)的是產(chǎn)品經(jīng)理，老板給了一個(gè)粗糙的戰(zhàn)略方向后產(chǎn)品經(jīng)理要確保產(chǎn)品基本可用，比如怎么樣部署產(chǎn)品的每個(gè)功能。他們的輸出物是需求文檔。通常文檔里面記錄了要實(shí)現(xiàn)的功能范圍。

　　3、結(jié)構(gòu)層

　　流程走到交互設(shè)計(jì)師，他會(huì)拿到抽象的需求文檔，需要交互設(shè)計(jì)師提煉再細(xì)化到可以操作的程度，通常他們要設(shè)計(jì)產(chǎn)品的信息架構(gòu)、操作流程以及頁(yè)面的控制布局。也就是說(shuō)這個(gè)產(chǎn)品用得順不順主要是交互設(shè)計(jì)的工作。最終他們會(huì)輸出一份交互原型的文檔，以線框圖的形式列出界面中的元素。

　　4、表現(xiàn)層

　　UI設(shè)計(jì)師要把交互提供的線框圖設(shè)計(jì)成界面，這就涉及到品牌學(xué)、用戶體驗(yàn)等。要保證用戶好的初始印象同時(shí)留下品牌記憶；整個(gè)使用過(guò)程還要有愉快的操作體驗(yàn)。輸出的文檔就是

　　視覺稿。

　　5、技術(shù)層

　　最后的工作交給開發(fā)工程師。通過(guò)編寫代碼實(shí)現(xiàn)真實(shí)可用的APP應(yīng)用。