UI設(shè)計(jì)師在做稿前都會(huì)準(zhǔn)備什么

更重要的是移動(dòng)APP UI 設(shè)計(jì)的魅力在于，你不僅需學(xué)會(huì)使用一些合適的技巧，更要有效的理解用戶(hù)與程序的交互關(guān)系。一個(gè)有效的用戶(hù)界面關(guān)注的是用戶(hù)目標(biāo)的實(shí)現(xiàn)，包括視覺(jué)元素與功能操作在內(nè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)的客戶(hù)端程序員學(xué)習(xí)和了解更深的設(shè)計(jì)規(guī)范。

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

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

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

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

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

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

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

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

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

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

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

 

三. 設(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)、被客戶(hù)罵、和程序各種撕）

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)稱(chēng)：這個(gè)系統(tǒng)要做什么？）

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

根據(jù)領(lǐng)域模型，再配合實(shí)體的平臺(tái)，考慮其效能、穩(wěn)定、分散與安全性等，所建構(gòu)而得的軟件規(guī)格。（簡(jiǎn)稱(chēng)：這個(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)效率等等。（俗稱(chēng)管機(jī)器的，大至主機(jī)斷線(xiàn)小至個(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)售給客戶(hù)。（某些時(shí)候要把產(chǎn)品賣(mài)掉會(huì)夸大其詞，然后實(shí)作人員就哭了。）

F2E：Front-End Developer 前端工程師

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

UX/UE：User Experience Designer 用戶(hù)體驗(yàn)師

設(shè)計(jì)流程包括：目標(biāo)用戶(hù)設(shè)定，滿(mǎn)意度的范圍和主題設(shè)定，用戶(hù)需求的功能，互動(dòng)研究，系統(tǒng)回饋和最終的報(bào)告與成果。（應(yīng)該是整天和數(shù)據(jù)玩、做實(shí)驗(yàn)、寫(xiě)報(bào)告的一群人，不過(guò)都大多抓去畫(huà) Flow 和 Wireframe。）

UI：User Interface Designer，用戶(hù)界面設(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。