設計師在做設計稿前應該做哪些準備工作？

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

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

1、視覺設計主要負責這個UI看起來是否美觀，是否有設計感等等；

2、交互設計主要負責這個UI用起來順不順手，上手容不容易等等。

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

1、如果你正要開始設計一款移動APPui界面設計的時候，如何來進行一些基本的準備工作呢

① 一定要玩機器，玩APP。包括iOS、Andorid、ipad、watch等等智能設備。

② 熟悉各個平台的界面設計規範。

③ 學會欣賞幾款不錯的APP設計或者是好的APP設計模板

④ 無論是你設計多大尺寸的UI,一定要有一台測試機也就是說必須真機測試。

⑤ 將review做為移動UI工作的一個階段。

（備註：review就是評論、反饋的意思。這就是說，我們移動APP UI設計完成一些模塊之後，一定要進行階段性的評審和總結，修改、反饋。）

⑥ 培養一個靠譜的程序小夥伴。向一些有經驗的客戶端程序員學習和了解更深的設計規範。

2、下面就是我們作為一名移動APP UI設計師，必須了解的一些APP UI設計原則

① UI設計的一致性

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

② UI設計的流暢性

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

③ UI設計的群體特徵

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

④ UI設計的簡潔性

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

⑤ UI設計交互要合理性

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

3、設計師必須要知道的一些常識

我覺得設計師都應該要知道一些公司其他部門的工作內容，起碼找人討論不會抓錯對象。本文整理出較常見的各種縮寫和定義。主要是給設計師看的所以簡單說明，想深入理解可以參考 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、Javas cript，接 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妹兒