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

一般來(lái)說(shuō)，移動(dòng)UI界面設(shè)計(jì)包括兩個(gè)方向，分別是圖形（視覺(jué)）設(shè)計(jì)和交互設(shè)計(jì)：

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

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

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

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

② 熟悉各個(gè)平臺(tái)的界面設(shè)計(jì)規(guī)范。

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

④ 無(wú)論是你設(shè)計(jì)多大尺寸的UI,一定要有一臺(tái)測(cè)試機(jī)也就是說(shuō)必須真機(jī)測(cè)試。

⑤ 將review做為移動(dòng)UI工作的一個(gè)階段。

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

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

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

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

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

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

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

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

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

④ UI設(shè)計(jì)的簡(jiǎn)潔性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通過(guò)建立和維持質(zhì)量管理體系來(lái)確保產(chǎn)品質(zhì)量沒(méi)有問(wèn)題。

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

Planner：企劃

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

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

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

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

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

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

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

UX/UE：User Experience Designer????用戶體驗(yàn)設(shè)計(jì)師

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

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

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

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

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

VD：Visual Designer

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

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

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

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

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

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

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

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

題圖由作者提供