本文轉載自網際網路，如有侵權，請聯絡我及時刪除。謝謝。

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

  1. 確定你的創意方向或者圍繞主題展開

您的創意是否有人做過，如果有類似的app，那就要多多考慮，爭取超越並且有一些獨特的優化設計在其中

  2. 定位應用和使用者需求分析

通過蘋果的人機介面指南（Human Interface Guidelines）圖來定位
人機互動指南分析

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

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

  1、確定整體產品色彩基調，色彩基調可以從產品功能中提取，也可以從產品LOGO中提取；

  2、做出介面原型，包括功能佈局、頁面互動等元素；

  3、在介面原型基礎上進行色彩新增，進一步的細節調整；

  4、根據使用者使用體驗反饋再次修改介面，不斷完善。

  4. 產品草圖製作。比如Axure pop等

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

  5. Walkthrough

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

  6. 低保真原型

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

  7. 高保真原型

在低保真原型確認後，可以開始糾結與細節了，ios螢幕尺寸有這幾種：960*480，1024*768。具體的檢視APP設計尺寸規範大全，APP介面設計新手教程。

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

在高保真原型完成後，就該給進行視覺設計，Apple提倡有質感，有模擬度的圖形介面，我們讓app的介面設計儘量接近使用者熟悉或者喜歡的風格。在配色和圖示上可以下足功夫

  9. 根據自身產品的文化來完善APP設計理念

由於移動裝置的關係，設計上儘量保持簡潔，若非必要就不要放上華麗的圖形或其他的資訊去吸引使用者，我們需要讓資訊一目瞭然，不隱晦，不誤導。

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

ICON將決定APP在Store中的辨識度，可以先從簡單的輪廓開始，先從核心創意開始。除非有必要，你的icon最好不要包含文字，儘量使用跟你的app圖形介面一致的材質和漸變。你如果想給使用者呈現高質量的UI設計，別忘了把icon設計成29×29，72×72，和512×512三種尺寸。
APP圖示設計參考網站：6個精品iPhone向量圖示庫推薦

  11. 交付設計稿或切圖資料夾

如果你自己不開發app的功能，還需要把清晰的設計指南交付給開發人員。我會把介面和描述集中到一張大圖，並儘可能的把所有可遇見的情況都給開發人員描述清楚。同時可以對PSD進行尺寸標註，說明，及存為PNG方便開發。
android切圖教程：
android APPUI設計、切圖的常用尺寸大全
如何對手機UI進行設計，切圖

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

icojump.in團隊分享和總結的一套「產品設計流程」，裡面包含了3大模組，產品前期分析，設計環節，上線總結反饋，基本上涵蓋了，從需求到上線的經過的流程，相較於大型UED團隊會“輕”一些，適合中小型團隊。如果所在公司內部還未有設計流程，可以參考此流程，也可以拿去在這個基礎上進行改進完善。或者我們可以參照這個來。製作我們自己的app產品設計流程。
app產品流程設計

本文轉自25學堂