第一部分：APP界面設計流程概要分享，總共11個步驟。

1. 確定你的創(chuàng)意方向或者圍繞主題展開

您的創(chuàng)意是否有人做過，如果有類似的app，那就要多多考慮，爭取超越并且有一些獨特的優(yōu)化設計在其中

2. 定位應用和用戶需求分析

通過蘋果的人機界面指南（Human Interface Guidelines）圖來定位

?

3. 核心功能確認，必須用減法原則

將提出的各種需求進行匯總討論，設計ADS（Application Definition Statement）對應用定義的一段陳述，也稱精簡的ADS，可以從下面4個方面著手：

?

1、確定整體產(chǎn)品色彩基調(diào)，色彩基調(diào)可以從產(chǎn)品功能中提取，也可以從產(chǎn)品LOGO中提取；

2、做出界面原型，包括功能布局、頁面交互等元素；

3、在界面原型基礎(chǔ)上進行色彩添加，進一步的細節(jié)調(diào)整；

4、根據(jù)用戶使用體驗反饋再次修改界面，不斷完善。

4. 產(chǎn)品草圖制作。比如Axure pop等

開始根據(jù)前面所整理的資料，進行基本的產(chǎn)品各個功能的設計，包含移動中使用場景，按鈕，顯示文字等。紙和筆是個不錯的方式

?

5. Walkthrough

在IOS中，各個界面之前切換方式也是重要的地方，稱為APP功能穿越(App Functionality Walkthrough)，設計時需要考慮進去。

6. 低保真原型

利用原型制作工具(Axure,Mockup,Visio)，將草圖搬上電腦，盡量使用黑白，粗糙的線條來進行設計，不要糾結(jié)于細節(jié)

?

7. 高保真原型?

在低保真原型確認后，可以開始糾結(jié)與細節(jié)了，ios屏幕尺寸有這幾種：960*480，1024*768。具體的查看APP設計尺寸規(guī)范大全，APP界面設計新手教程。

8. 視覺UI設計，用ps 或AI

在高保真原型完成后，就該給進行視覺設計，Apple提倡有質(zhì)感，有仿真度的圖形界面，我們讓app的界面設計盡量接近用戶熟悉或者喜歡的風格。在配色和圖標上可以下足功夫

9. 根據(jù)自身產(chǎn)品的文化來完善APP設計理念

由于移動設備的關(guān)系，設計上盡量保持簡潔，若非必要就不要放上華麗的圖形或其他的信息去吸引用戶，我們需要讓信息一目了然，不隱晦，不誤導。

10. 多種應用場景的ICON設計，1024 512 114等。

ICON將決定APP在Store中的辨識度，可以先從簡單的輪廓開始，先從核心創(chuàng)意開始。除非有必要，你的icon最好不要包含文字，盡量使用跟你的app圖形界面一致的材質(zhì)和漸變。你如果想給用戶呈現(xiàn)高質(zhì)量的UI設計，別忘了把icon設計成29×29，72×72，和512×512三種尺寸。

APP圖標設計參考網(wǎng)站：6個精品iPhone矢量圖標庫推薦

11. 交付設計稿或切圖文件夾

如果你自己不開發(fā)app的功能，還需要把清晰的設計指南交付給開發(fā)人員。我會把界面和描述集中到一張大圖，并盡可能的把所有可遇見的情況都給開發(fā)人員描述清楚。同時可以對PSD進行尺寸標注，說明，及存為PNG方便開發(fā)。

android切圖教程：

android APPUI設計、切圖的常用尺寸大全

如何對手機UI進行設計，切圖

第二部分：APP產(chǎn)品設計流程分享，由icojump.in團隊提供

icojump.in團隊分享和總結(jié)的一套「產(chǎn)品設計流程」，里面包含了3大模塊，產(chǎn)品前期分析，設計環(huán)節(jié)，上線總結(jié)反饋，基本上涵蓋了，從需求到上線的經(jīng)過的流程，相較于大型UED團隊會“輕”一些，適合中小型團隊。如果所在公司內(nèi)部還未有設計流程，可以參考此流程，也可以拿去在這個基礎(chǔ)上進行改進完善?；蛘呶覀兛梢詤⒄者@個來。制作我們自己的app產(chǎn)品設計流程。

?