前面幾篇講了《一款APP設計的從0到1》這些系列文章，總共6部分，目前為止已經講了前4個部分，還剩下視覺還原和上線準備篇，今天插播一下關于APP設計時該做的準備工作和一些設計師必須要知道的UI常識。

往期回顧：

1. 《從零開始做APP 系列之項目立項+預估時間篇》
2. 《從零開始做APP 系列之界面設計篇》
3. 《UI實戰教程！從零開始做APP 系列之切圖標注篇》

一般來說，移動UI界面設計包括兩個方向，分別是圖形（視覺）設計和交互設計：

• 視覺設計主要負責這個UI看起來是否美觀，是否有設計感等等。
• 交互設計主要負責這個UI用起來順不順手，上手容不容易等等。

更重要的是移動APP UI 設計的魅力在于，你不僅需學會使用一些合適的技巧，更要有效的理解用戶與程序的交互關系。一個有效的用戶界面關注的是用戶目標的實現，包括視覺元素與功能操作在內的所有東西都需要完整一致。

一. 如何進行一些基本的準備工作？

• 一定要玩機器，玩APP。包括iOS、Andorid、ipad、watch等等智能設備。
• ?熟悉各個平臺的界面設計規范。
• 學會欣賞幾款不錯的APP設計或者是好的APP設計模板。
• 無論是你設計多大尺寸的UI,一定要有一臺測試機也就是說必須真機測試。
• 將review做為移動UI工作的一個階段。（備注：review就是評論、反饋的意思。這就是說，我們移動APP UI設計完成一些模塊之后，一定要進行階段性的評審和總結，修改、反饋。）
• ?培養一個靠譜的程序小伙伴。向一些有經驗的客戶端程序員學習和了解更深的設計規范。

二. 必須了解的一些APP UI設計原則

UI設計的一致性

用戶來到你的APP，腦子里會保持著一種思維習慣，你的 UI 需要保持一致，以免用戶的思維方向被打亂。

UI設計的流暢性

你應當分析一下，自己的站點是否容易導航。用戶應當可以自由掌控自己的瀏覽行為，確保他們能從某個地點跳出，能夠毫無障礙地退出。不會讓你的用戶在你的設計作品當中迷路。

UI設計的群體特征

要設計有效的移動 UI界面，必須對你的用戶群有所了解，不同的用戶階層對不同的設計元素有不同的理解，17~25 歲年齡段的人，和 40~55 年齡斷的人有不同的喜好。

UI設計的簡潔性

UI 設計越簡單，用戶體驗越好，不要濫用設計元素，不要使用擁擠的界面。目前來說，很多手機APP設計的非常簡約，簡約設計可以增強 UI 的易用性，可以讓用戶不必關心那些無關的信息。

UI設計交互要合理性

最好的設計不是用來看的，是用來體驗的。如果交互做的很差，談何體驗。而且不要混雜多種交互效果在一個頁面，會讓用戶感覺太“刺激”而反感。

三. 設計師必須要知道的一些常識

我覺得設計師都應該要知道一些公司其他部門的工作內容，起碼找人討論不會抓錯對象。本文整理出較常見的各種縮寫和定義。主要是給設計師看的所以簡單說明，想深入理解可以參考 SA 、 SD 、 RD 、 PG 、 PM 、 DBA 、 MIS （自備梯子）這篇和 Wiki，網絡上也有許多文章介紹各個職務的工作內容。

PM：Product Manager 產品經理

針對某一項或是某一類的產品進行規劃和管理的人員，主要負責產品的研發、制造、營銷、渠道等工作。（管進度、各部門溝通協調、被客戶罵、和程序各種撕）

SA：System Analyst 系統分析師

通過需求分析確認系統的需求，并進而形成系統產品設計的人。 通常他們也會涉及可行性評估、項目管理、開發前評估、需求驗證等工作。（簡稱：這個系統要做什么？）

SD：System Designer 系統設計師

根據領域模型，再配合實體的平臺，考慮其效能、穩定、分散與安全性等，所建構而得的軟件規格。（簡稱：這個系統要怎么做？）

PG：Programmer 程序設計師

從事軟件撰寫，程序開發、維護的專業人員。以某種程序語言為工具，給出這種語言下的程序。包括分析、設計、編碼、測試、排錯等不同階段。（最常被叫做碼農或程序猿的職業。）

RD：Research & Development engineer 研發設計工程師

廣義：是一種工作類型，凡是研究或開發的人員都算，包含 SA、SD、PG。

狹義：真正在作研發的單位，搞創新，很燒錢，還不能確定產出。

MIS：Management Information System 網管人員

工作范圍包含利用計算機硬件、軟件和網絡裝置，進行訊息的收集、傳遞、儲存、加工、整理的系統，以提高組織的經營效率等等。（俗稱管機器的，大至主機斷線小至個人計算機藍白畫面四國語言都會出動他們。）

QA：Quality Assurance 質量保證工程師

通過建立和維持質量管理體系來確保產品質量沒有問題。

QA的目的，是要在產出產品的過程中，使用正確的方法來進行，而 QC 的作用，則是當產品完成時，會去檢查所產出的產品是否正確。

Planner：企劃

負責構思目標、分析現況、歸納方向、判斷可行性，一直到擬訂策略、實施方案、追蹤成效與評估成果。（如果懂技術和實作會讓很多人不用加班加到死。）

Sales：業務

專門做銷售營銷的工作者，負責將公司之產品銷售給客戶。（某些時候要把產品賣掉會夸大其詞，然后實作人員就哭了。）

F2E：Front-End Developer 前端工程師

主要負責寫 Html、CSS、Javascript，接 API…等等。（要和設計師合作、常常想翻設計師的桌，偶爾會拿到 PS 直出的 HTML，比表格排版還慘…基于上述原因，切圖常常變成是 F2E 的工作。）

UX/UE：User Experience Designer 用戶體驗師

設計流程包括：目標用戶設定，滿意度的范圍和主題設定，用戶需求的功能，互動研究，系統回饋和最終的報告與成果。（應該是整天和數據玩、做實驗、寫報告的一群人，不過都大多抓去畫 Flow 和 Wireframe。）

UI：User Interface Designer，用戶界面設計師

應該是畫 Flow 和 Wireframe、設計接口的人。（常常和 VD、UX 混在一起講，能明確定義并區分的人和公司很少。）

VD：Visual Designer

擁抱Photoshop、Illustrator、Sketch…繪圖軟件的人，退件修改和熬夜是基本。

希望這篇文章大家可以學以致用。

因為設計師不是藝術家，不像搞藝術的那么隨性。因為設計師設計的產品是給人們用的，關乎每個使用者的感受。藝術家不用考慮觀者的感受，只管傾述自己的內心世界并充分展示個性。設計師注定背上神圣的使命——設計，讓生活更美好。

最后，附上完整的APP設計和開發流程：

項目啟動→建立產品原型→形成效果圖→進入研發階段→研發成功后進入測試階段→測試過后將問題反饋給研發人員進行調整-→多次測試確認沒有bug。

歡迎關注作者公眾號：UI妹兒

「從零開始設計App 之UI規范系列」

1. 《一份超實用的設計規范制定指南》
2. 《實用必收！如何建立一套UI設計規范？（附眾多神器）》
3. 《基礎小課堂！從零開始教你做高保真原型圖+UI 設計規范》
4. 《UI丨歷經實戰，我總結了這四個界面設計規范的經驗》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com