這是25學(xué)堂的小編轉(zhuǎn)載學(xué)吧網(wǎng)站的一篇非常優(yōu)秀的app設(shè)計(jì)干貨。對(duì)于剛?cè)腴T的APP設(shè)計(jì)愛(ài)好者有一定的幫助。

之前25學(xué)堂介紹過(guò)的：

1、一款高校類APP產(chǎn)品設(shè)計(jì)流程完整版|APP設(shè)計(jì)信息圖

2、最簡(jiǎn)單的APP設(shè)計(jì)流程：核心到路徑的設(shè)計(jì)原則

3、APP界面設(shè)計(jì)流程和APP產(chǎn)品設(shè)計(jì)流程知識(shí)匯總

第一步 、項(xiàng)目背景分析

手機(jī)音樂(lè)APP是一個(gè)集在線播放、搜索、下載于一體的音樂(lè)播放軟件（似乎有點(diǎn)廢話了……）。

分析：

1、界面干擾因素不宜過(guò)多（好像不管什么應(yīng)用都有這個(gè)要求吧…）；

2、分析不同場(chǎng)景下的網(wǎng)絡(luò)環(huán)境、光線和使用條件等，針對(duì)共性因素和特定因素，提供相應(yīng)功能和界面設(shè)計(jì)（此處省略1000個(gè)字…），具體的根據(jù)產(chǎn)品需求和產(chǎn)品的描述來(lái)規(guī)劃和設(shè)定;

3、考慮用戶的系統(tǒng)體驗(yàn)，用戶再使用其他音樂(lè)APP時(shí)，積累了大量的使用經(jīng)驗(yàn)，并且自覺(jué)地養(yǎng)成了一定的使用習(xí)慣，總之，千萬(wàn)不要整出太過(guò)奇葩的交互操作。

分析同行一些優(yōu)秀的APP設(shè)計(jì)經(jīng)驗(yàn)和模式。

PS：別說(shuō)沒(méi)時(shí)間考慮這些內(nèi)容，使用習(xí)慣都已經(jīng)有了，親身體驗(yàn)下，取其精華去其糟粕。

只有自己親自體驗(yàn)了才知道如何更好設(shè)計(jì)自己的產(chǎn)品。不然你設(shè)計(jì)的移動(dòng)APP產(chǎn)品是你想象當(dāng)中的。跟用戶體驗(yàn)有一定的距離。

第二步、移動(dòng)APP視覺(jué)風(fēng)格分析：

“不只是看上去的樣子和感覺(jué)，設(shè)計(jì)的關(guān)鍵在于它如何發(fā)揮作用?！薄猄teve Jobs

確定風(fēng)格：

第三步：圖標(biāo)制作和APP尺寸的規(guī)范

這里有詳細(xì)的APP尺寸規(guī)范：2015最新移動(dòng)App設(shè)計(jì)尺寸視覺(jué)規(guī)范【圖文版】

1、統(tǒng)一ICONS【移動(dòng)APP圖標(biāo)】

2、app界面尺寸規(guī)范

第四步：整體細(xì)節(jié)推敲和優(yōu)化

1、文字、顏色、icon大小等，統(tǒng)一規(guī)范，整體對(duì)齊，相應(yīng)位置等間距等，會(huì)使得整體感覺(jué)更好；

2、交互細(xì)節(jié)、交互操作是否符合用戶操作習(xí)慣；

第五步：完成交稿之前的審核或者包裝

正所謂“人靠衣裝，佛靠金裝”，沒(méi)有友好美觀的界面展示，也難以得到“用戶”的垂青。此處，“用戶”泛指一切具有決定是否采用的一類人。

總之，利用各種你能用到的資源或想法，讓你的界面更加高大上吧~ 比如3D展示效果。還有一些運(yùn)用移動(dòng)APP動(dòng)效等。

第六步：按照之前制定的風(fēng)格完成其他界面

比如列表頁(yè)、詳細(xì)頁(yè)、說(shuō)明頁(yè)等。

第七步：把我們?cè)O(shè)計(jì)完成的APP界面 需要把一些邏輯關(guān)系需要串聯(lián)起來(lái)

才能讓產(chǎn)品經(jīng)理或者移動(dòng)APP客戶端開(kāi)發(fā)人員看得懂。

也方面我們查漏補(bǔ)缺APP界面。