前面幾篇U妹都講了《一款A(yù)PP設(shè)計的從0到1》這些系列文章，總共6部分。今天講一下關(guān)于APP設(shè)計時該做的準(zhǔn)備工作和一些設(shè)計師必須要知道的UI常識。

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

1. 視覺設(shè)計：主要負(fù)責(zé)這個UI看起來是否美觀，是否有設(shè)計感等等；
2. 交互設(shè)計：主要負(fù)責(zé)這個UI用起來順不順手，上手容不容易等等。

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

1、如果你正要開始設(shè)計一款移動APPui界面設(shè)計的時候，如何來進(jìn)行一些基本的準(zhǔn)備工作呢？

① 一定要玩機(jī)器，玩APP。包括iOS、Andorid、ipad、watch等等智能設(shè)備。

② 熟悉各個平臺的界面設(shè)計規(guī)范。

③ 學(xué)會欣賞幾款不錯的APP設(shè)計或者是好的APP設(shè)計模板

④ 無論是你設(shè)計多大尺寸的UI,一定要有一臺測試機(jī)也就是說必須真機(jī)測試。

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

（備注：review就是評論、反饋的意思。這就是說，我們移動APP UI設(shè)計完成一些模塊之后，一定要進(jìn)行階段性的評審和總結(jié)，修改、反饋。）

⑥ 培養(yǎng)一個靠譜的程序小伙伴。向一些有經(jīng)驗的客戶端程序員學(xué)習(xí)和了解更深的設(shè)計規(guī)范。

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

① UI設(shè)計的一致性

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

② UI設(shè)計的流暢性

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

③ UI設(shè)計的群體特征

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

④ UI設(shè)計的簡潔性

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

⑤ UI設(shè)計交互要合理性

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

3、設(shè)計師必須要知道的一些常識

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

PM：Product Manager????產(chǎn)品經(jīng)理

針對某一項或是某一類的產(chǎn)品進(jìn)行規(guī)劃和管理的人員，主要負(fù)責(zé)產(chǎn)品的研發(fā)、制造、營銷、渠道等工作。
（管進(jìn)度、各部門溝通協(xié)調(diào)、被客戶罵、和程序各種撕）

SA：System Analyst????系統(tǒng)分析師

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

SD：System Designer????系統(tǒng)設(shè)計師

根據(jù)領(lǐng)域模型，再配合實體的平臺，考慮其效能、穩(wěn)定、分散與安全性等，所建構(gòu)而得的軟件規(guī)格。
（簡稱：這個系統(tǒng)要怎么做？）

PG：Programmer????程序設(shè)計師

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

RD：Research & Development engineer ????研發(fā)設(shè)計工程師

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

狹義：真正在作研發(fā)的單位，搞創(chuàng)新，很燒錢，還不能確定產(chǎn)出。

MIS：Management Information System????網(wǎng)管人員

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

QA：Quality Assurance????質(zhì)量保證工程師

通過建立和維持質(zhì)量管理體系來確保產(chǎn)品質(zhì)量沒有問題。

QA的目的，是要在產(chǎn)出產(chǎn)品的過程中，使用正確的方法來進(jìn)行，而 QC 的作用，則是當(dāng)產(chǎn)品完成時，會去檢查所產(chǎn)出的產(chǎn)品是否正確。

Planner：企劃

負(fù)責(zé)構(gòu)思目標(biāo)、分析現(xiàn)況、歸納方向、判斷可行性，一直到擬訂策略、實施方案、追蹤成效與評估成果。

（如果懂技術(shù)和實作會讓很多人不用加班加到死。）

Sales：業(yè)務(wù)

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

F2E：Front-End Developer????前端工程師

主要負(fù)責(zé)寫 Html、CSS、Javas cript，接 API…等等。

（要和設(shè)計師合作、常常想翻設(shè)計師的桌，偶爾會拿到 PS 直出的 HTML，比表格排版還慘…基于上述原因，切圖常常變成是 F2E 的工作。）

UX/UE：User Experience Designer????用戶體驗設(shè)計師

設(shè)計流程包括：目標(biāo)用戶設(shè)定，滿意度的范圍和主題設(shè)定，用戶需求的功能，互動研究，系統(tǒng)回饋和最終的報告與成果。

（應(yīng)該是整天和數(shù)據(jù)玩、做實驗、寫報告的一群人，不過都大多抓去畫 Flow 和 Wireframe。）

UI：User Interface Designer，用戶界面設(shè)計師

應(yīng)該是畫 Flow 和 Wireframe、設(shè)計接口的人。

（常常和 VD、UX 混在一起講，能明確定義并區(qū)分的人和公司很少。）

VD：Visual Designer

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

希望這篇文章大家可以學(xué)以致用。

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

最后，附上完整的APP設(shè)計和開發(fā)流程：

項目啟動→建立產(chǎn)品原型→形成效果圖→進(jìn)入研發(fā)階段→研發(fā)成功后進(jìn)入測試階段→測試過后將問題反饋給研發(fā)人員進(jìn)行調(diào)整→多次測試確認(rèn)沒有bug→提交市場、正式上線

如果在工作中，遇到問題，多和開發(fā)溝通交流，良好的溝通才是解決問題的唯一方法。

作者：U妹，一個不要命的UI設(shè)計師，等你，來撩妹喲。微信公眾號：UI妹兒（ID：UIfaner）

本文由 @U妹兒?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖由作者提供