產(chǎn)品，他們的使用目的是什么。
2.用戶交互設(shè)計(jì)
用戶交互設(shè)計(jì)主要包括界面元素的排版、層級(jí)關(guān)系、頁(yè)面過(guò)度、動(dòng)效等。通過(guò)布局、配色、風(fēng)格等方面，讓用戶在使用中獲得美感和舒適的體驗(yàn)。主要包括以下幾個(gè)方面：
（1）頁(yè)面流程設(shè)計(jì)：通過(guò)創(chuàng)建用戶使用場(chǎng)景的場(chǎng)景流程圖，規(guī)劃用戶與產(chǎn)品的交互直觀流程。
（2）功能與界面設(shè)計(jì)：通過(guò)對(duì)場(chǎng)景流程圖的分析，進(jìn)一步完善每個(gè)環(huán)節(jié)的界面設(shè)計(jì)和功能實(shí)現(xiàn)。
（3）樣式設(shè)計(jì)：包括了配色、字體、圖標(biāo)、按鈕、輸入框等組件樣式的處理。
（4）交互設(shè)計(jì)：探索人機(jī)交互的形式，讓功能變得簡(jiǎn)單易用，讓用戶愉悅的完成這個(gè)交互。
3.界面設(shè)計(jì)
界面設(shè)計(jì)是將交互設(shè)計(jì)中的交互形式轉(zhuǎn)換為具體的展現(xiàn)形式。界面設(shè)計(jì)的最終目的是讓用戶“看得進(jìn)去，用起來(lái)舒服”。主要包括以下幾個(gè)方面：
（1）布局設(shè)計(jì)：布局設(shè)計(jì)包括眼睛的跳轉(zhuǎn)流程、最好的展示效果，和用戶與app的互動(dòng)方式的設(shè)計(jì)。
（2）視覺設(shè)計(jì)：視覺設(shè)計(jì)制定圖片、動(dòng)效、色調(diào)色彩、文字樣式等視覺元素的設(shè)計(jì)使用規(guī)范
（3）交互設(shè)計(jì)：切實(shí)地記住人機(jī)交互(gesture)是app設(shè)計(jì)的重中之重。
二、詳細(xì)介紹
1.需求收集
需求收集是UI設(shè)計(jì)的第一步，可以通過(guò)調(diào)查問(wèn)卷、面對(duì)面訪談、競(jìng)品分析等方式來(lái)獲取用戶需求。這一步的目的是明確產(chǎn)品定位，找準(zhǔn)產(chǎn)品目標(biāo)用戶的需求和痛點(diǎn)，以及了解競(jìng)品的情況。
2.原型設(shè)計(jì)
原型設(shè)計(jì)是在需求收集的基礎(chǔ)上，進(jìn)行初步設(shè)計(jì)的重要階段。通過(guò)產(chǎn)品的核心流程和功能，來(lái)確定產(chǎn)品的結(jié)構(gòu)，提供初步的設(shè)計(jì)方案，為后續(xù)的設(shè)計(jì)提供具體的參考。原型設(shè)計(jì)的目的是在最短時(shí)間內(nèi)以效果圖的方式展示產(chǎn)品的流程和交互效果，以此來(lái)協(xié)助團(tuán)隊(duì)成員快速、準(zhǔn)確地理解和評(píng)估產(chǎn)品的用戶體驗(yàn)和時(shí)序交互。
3.可視化設(shè)計(jì)
可視化設(shè)計(jì)主要是針對(duì)原型進(jìn)行，將其轉(zhuǎn)換為UI設(shè)計(jì)實(shí)際呈現(xiàn)的外觀。主要設(shè)計(jì)的內(nèi)容包括：色彩、圖標(biāo)、字體、按鈕等UI元素，并進(jìn)行合理的排版。在具體可視化設(shè)計(jì)之前，需要進(jìn)行整個(gè)APP的框架繪制，確定所開發(fā)的app的整體架構(gòu)，進(jìn)行元素的規(guī)劃和定位。
4.反復(fù)打磨
UI設(shè)計(jì)的最后一步是反復(fù)打磨，將設(shè)計(jì)稿進(jìn)行不斷的修改和完善，以最終得到更好的呈現(xiàn)效果的目的。
總體來(lái)說(shuō)，App開發(fā)UI的時(shí)間取決于項(xiàng)目的規(guī)模，以及業(yè)務(wù)的復(fù)雜程度。需要進(jìn)行的需求收集、原型設(shè)計(jì)、可視化設(shè)計(jì)和反復(fù)打磨不同，工作量也會(huì)有所差異。如果是一個(gè)較為簡(jiǎn)單的App，一般都需要1-2周的時(shí)間，而一些復(fù)雜的App，時(shí)間可能會(huì)延長(zhǎng)到1個(gè)月以上。
