- Photoshop CC 移動UI設計案例教程(全彩慕課版)
- 胡金黎 朱海燕
- 667字
- 2020-06-12 16:11:30
1.2.3 App的設計流程
App的設計可以按照分析調研、交互設計、交互自查、界面設計、界面測試、設計驗證的步驟來進行,如圖1-34所示。

圖1-34 App設計流程圖
1. 分析調研
App的設計是根據品牌的調性、產品的定位進行的,不同定位的App,設計風格也會有所區別,如圖1-35所示。因此,要分析需求,了解用戶特征,并進行相關競品的調研,明確設計方向。

圖1-35 QQ音樂(左)、網易云音樂(中)與蝦米音樂(右)
2. 交互設計
交互設計是對整個App設計進行初步構思和制定的環節,一般需要進行紙面原型設計、架構設計、流程圖設計、線框圖設計等具體工作,如圖1-36所示。

圖1-36 烏克蘭UI/UX設計師Tatiana Lazarenko創作的頁面流程圖
3. 交互自查
交互設計完成之后,進行交互自查是整個App設計流程中非常重要的一環,可以在執行界面設計之前檢查出是否有遺漏的細節問題,如圖1-37所示。

圖1-37 交互自查
4. 界面設計
原型圖審查通過后,就可以進入界面的視覺設計階段了,這個階段的設計圖即產品最終呈現給用戶的界面。界面設計要求設計規范,圖片、內容真實,并運用墨刀、Principle等軟件制作成可交互的高保真原型以便進行后續的界面測試,如圖1-38所示。

圖1-38 烏克蘭設計師StasAristov、AlyaPrigotska、Thanh Do聯合創作的App界面
5. 界面測試
界面測試階段是讓具有代表性的用戶進行典型操作,設計人員和開發人員在此階段共同觀察、記錄,如圖1-39所示。在測試中可以對設計的細節進行相關的調整。

圖1-39 越南設計師Tran Mau Tri Tam進行App的細節調整
6. 設計驗證
設計驗證是最后一個階段,是對App進行優化的重要支撐。在產品正式上線后,通過用戶的數據反饋進行記錄,設計師可驗證前期的設計,并繼續優化產品,如圖1-40所示。

圖1-40 數據分析產品GrowingIO針對App彈窗進行的用戶數據分析
- EJB 3.0 Database Persistence with Oracle Fusion Middleware 11g: LITE
- Joomla! 1.5 Site Blueprints
- Creo Parametric 5.0中文版從入門到精通
- 中文版 Photoshop CC 從入門到精通
- 中文版Maya 2014案例教程
- 從零開始:Photoshop工具詳解與實戰
- Photoshop數字圖像處理
- Photoshop+CorelDRAW平面設計案例實戰:從入門到精通(視頻自學全彩版)
- Moodle Course Conversion: Beginner's Guide
- Premiere Pro基礎與實戰教程
- Adobe創意大學Premiere Pro CS5 影視剪輯師標準實訓教材
- Flash with Drupal
- Photoshop圖像處理與制作
- 零基礎學Revit 2018建筑設計(全視頻教學版)
- Sage ACT! 2011 Dashboard and Report Cookbook