很多人認(rèn)為UI設(shè)計(jì)是一項(xiàng)充滿藝術(shù)性的工作，講究慢工出細(xì)活。但是中培偉業(yè)《用戶體驗(yàn)與UI設(shè)計(jì)開發(fā)》培訓(xùn)專家陳老師卻認(rèn)為，和任何事情一樣，效率決定著一切。在UI設(shè)計(jì)工作過(guò)程中，效率也非常重要。陳老師根據(jù)自己多年的工作經(jīng)驗(yàn)，介紹了以下種提升UI設(shè)計(jì)工作效率的妙招。

1. 正確稱呼 UI 組件

設(shè)計(jì)規(guī)范文件里，每個(gè)畫面構(gòu)成的組件都有正式的名稱，如果能夠使用正確的術(shù)語(yǔ)來(lái)溝通，將能夠省下非常可觀的解釋時(shí)間。如果你想了解得更多、更精確，應(yīng)該熟讀相關(guān)的規(guī)范文件

2. 要盡可能早的評(píng)估哪些效果就是做不出來(lái)、很難做、不該做

最普遍的例子：自從 iOS 7 引入帶有模糊效果的設(shè)計(jì)語(yǔ)言后，大家似乎都染上了高斯模糊的癮。但這樣的效果非常耗費(fèi)系統(tǒng)資源原理及時(shí)間復(fù)雜度，就連 iOS 也到了來(lái)年的 iOS 8 才心不甘情不愿地開放使用 UIBlurEffect API，免得第三方 App 一堆模糊效果拖累系統(tǒng)效能而在 Android 上官方更沒有提供像 iOS 如此方便的 API 可用。

更直白地說(shuō)，許多設(shè)計(jì)師毫無(wú)意識(shí)到某些視覺效果在工程實(shí)做面的可行性、也沒有考慮到各種裝置的運(yùn)算負(fù)荷能力，而設(shè)計(jì)了大量會(huì)讓開發(fā)者面有難色的稿子，好不容易做出來(lái)了，發(fā)現(xiàn)算圖卡頓得要命，又要回頭改稿，得不償失

3.嚴(yán)謹(jǐn)執(zhí)行設(shè)計(jì)流程

陳老師在以往的工作和教學(xué)過(guò)程中，發(fā)現(xiàn)一個(gè)團(tuán)隊(duì)在設(shè)計(jì)流程上草率帶過(guò)的情形比想象中還多。

有些講得一口好設(shè)計(jì)的人會(huì)不食人間煙火、一味地倡導(dǎo)要從使用者調(diào)查研究(User Research)Persona 開始做起，然后實(shí)作 n 多個(gè)原型(Prototype)才開始讓開發(fā)者動(dòng)手，后續(xù)再做數(shù)據(jù)分析……等工作，好像全世界只有自己知道這件事一樣。

但實(shí)務(wù)上，小型項(xiàng)目花太多心力去做這些事基本上是缺乏成本觀念的表現(xiàn)，在使用者數(shù)量達(dá)到一定門坎前，數(shù)據(jù)分析的母體也是小得可憐，并無(wú)統(tǒng)計(jì)的參考價(jià) 值。因此，小型項(xiàng)目其實(shí)可以將功能拆分 Release，先做出來(lái)再觀察使用情形并修正細(xì)節(jié)雖然有一點(diǎn)危險(xiǎn)，但比起讓項(xiàng)目永無(wú)結(jié)束之日，總是較適當(dāng)?shù)倪x擇

4.先以原生 UI 組件表意

在設(shè)計(jì)的 wireframe 階段，主要目標(biāo)是讓大家對(duì)于畫面上有哪些對(duì)象取得共識(shí)，而不是這些對(duì)象該長(zhǎng)什么樣子，那是 mockup 階段才要注重的，因此將 wireframe 畫得過(guò)于精美是一件非常奇怪的事情，例如這樣：

如果把 wireframe 畫得如此精美，你將立即面臨三個(gè)負(fù)面后果：

浪費(fèi)時(shí)間，徹底的浪費(fèi)時(shí)間。

有彩色稿的外型構(gòu)造，卻沒彩色稿的色彩系統(tǒng)輔佐，導(dǎo)致大家無(wú)法完整理解你「精心設(shè)計(jì)」的 UI 對(duì)象。

對(duì)設(shè)計(jì)沒概念的客戶、PM 或老板會(huì)忘記我們是在 review 畫面上有哪些對(duì)象，反而在這時(shí)就開始跟你檢討設(shè)計(jì)細(xì)節(jié)，等你接著做彩色稿時(shí)，才突然講說(shuō)之前有哪個(gè)功能忘記擺放上去。

其中第二點(diǎn)非常重要，在你的 wireframe 里，應(yīng)該使用系統(tǒng)原生的對(duì)象來(lái)構(gòu)成畫面，例如這些東西：

請(qǐng)避免在非必要的狀況下急著在 wireframe 里畫一些從來(lái)沒有人看過(guò)的「創(chuàng)新 UI」。一個(gè)好理解、直覺的設(shè)計(jì)是所有細(xì)節(jié)相輔相成的，在 wireframe 的階段缺少了顏色和動(dòng)態(tài)效果的輔助，更不該冒險(xiǎn)呈現(xiàn)特殊的對(duì)象外型，也就是說(shuō)，你的 wireframe 頂多做到這樣就該收手：

這樣一來(lái)，畫面上都是大家平常使用 App 時(shí)有看過(guò)的形式，看得懂畫面的時(shí)候，就能夠?qū)Ｐ奶接戇@些功能是不是產(chǎn)品所需要具備的。

5.少用代名詞

陳老師指出，這個(gè)溝通技巧不難做到，但如果沒有人指出，是很難自己發(fā)現(xiàn)的。

我們表達(dá)一件事情若要表達(dá)得精確，就應(yīng)該試著減少話中的「詮釋空間」，而代名詞的使用非常容易造成設(shè)計(jì)討論上的時(shí)間浪費(fèi)，例如這個(gè)那個(gè)之類的詞匯，在專業(yè)討論上應(yīng)該減少使用;盡量用精確名詞來(lái)表達(dá)，或是詳細(xì)描述你所指的外型。

陳老師希望通過(guò)介紹，能夠幫助大家在設(shè)計(jì)的溝通討論上更加順暢、省時(shí)，成為一個(gè)更加高效的UI設(shè)計(jì)師，這也是成為一個(gè)優(yōu)秀UI設(shè)計(jì)師的前提。