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

o   視覺設(shè)計主要負責(zé)這個UI看起來是否美觀，是否有設(shè)計感等等。

o   交互設(shè)計主要負責(zé)這個UI用起來順不順手，上手容不容易等等。

更重要的是移動APP UI 設(shè)計的魅力在于，你不僅需學(xué)會使用一些合適的技巧，更要有效的理解用戶與程序的交互關(guān)系。一個有效的用戶界面關(guān)注的是用戶目標(biāo)的實現(xiàn)，包括視覺元素與功能操作在內(nèi)的所有東西都需要完整一致?！?a href="http://pgwc.com.cn" target="_self">重慶網(wǎng)站設(shè)計

一. 如何進行一些基本的準(zhǔn)備工作？

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

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

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

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

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

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

二. 必須了解的一些APP UI設(shè)計原則

UI設(shè)計的一致性

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

UI設(shè)計的流暢性

你應(yīng)當(dāng)分析一下，自己的站點是否容易導(dǎo)航。用戶應(yīng)當(dāng)可以自由掌控自己的瀏覽行為，確保他們能從某個地點跳出，能夠毫無障礙地退出。不會讓你的用戶在你的設(shè)計作品當(dāng)中迷路?！?a href="http://pgwc.com.cn" target="_self">重慶網(wǎng)頁設(shè)計

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

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

UI設(shè)計的簡潔性

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

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

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

三. 設(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)品進行規(guī)劃和管理的人員，主要負責(zé)產(chǎn)品的研發(fā)、制造、營銷、渠道等工作。（管進度、各部門溝通協(xié)調(diào)、被客戶罵、和程序各種撕）——重慶定制設(shè)計

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

通過需求分析確認系統(tǒng)的需求，并進而形成系統(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ā)、維護的專業(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)管人員

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

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

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

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

Planner：企劃

負責(zé)構(gòu)思目標(biāo)、分析現(xiàn)況、歸納方向、判斷可行性，一直到擬訂策略、實施方案、追蹤成效與評估成果。（如果懂技術(shù)和實作會讓很多人不用加班加到死。）

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

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

F2E：Front-End Developer 前端工程師

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

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

設(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è)計，讓生活更美好?！?a href="http://pgwc.com.cn" target="_self">定制設(shè)計

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

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