UI知識(shí)，如何提高UI設(shè)計(jì)效率：觀念與溝通

身為設(shè)計(jì)師的你，應(yīng)該要...

了解工程實(shí)作的基本原理

業(yè)界 NG 率：接近 100%

許多人認(rèn)為創(chuàng)造力和邏輯是左右半腦分開(kāi)管轄的、設(shè)計(jì)師和工程師使用的是不同部分的能力，所以大家各安其份做好自己的工作就好——我負(fù)責(zé)光鮮亮麗地畫(huà)圖，工程師就負(fù)責(zé)用超大聲的同刻鍵盤(pán)在黑色的屏幕上編寫(xiě)外星文。

但事實(shí)上這種刻板印象除了阻礙你進(jìn)步以外可說(shuō)是一點(diǎn)用都沒(méi)有（而且不見(jiàn)得是正確的）。

巴別塔的故事大家?guī)缀醵悸?tīng)過(guò)，會(huì)造成溝通問(wèn)題的原因很簡(jiǎn)單，就是講的「語(yǔ)言」不同，而非思考方式不一樣——無(wú)論是什么領(lǐng)域，要成為佼佼者，都必須具備高度的創(chuàng)造和想象能力，而設(shè)計(jì)更是非常講求邏輯的行為。

所以設(shè)計(jì)師懂工程實(shí)作原理要做什么？該懂哪些部分？很簡(jiǎn)單，你不需要學(xué)會(huì)怎么寫(xiě) code，但你至少需要懂得：

1. 正確稱呼 UI 組件

以 iOS 為例子，在 Apple 的接口設(shè)計(jì)規(guī)范文件里，每個(gè)畫(huà)面構(gòu)成的組件都有正式的名稱，我們看看：

這玩意兒叫做「Segmented Controls」，而不是「那個(gè)長(zhǎng)得像膠囊的選單」，如果能夠使用正確的術(shù)語(yǔ)來(lái)溝通，將能夠省下非常可觀的解釋時(shí)間。如果你想了解得更多、更精確，將前述的規(guī)范文件讀熟以后，建議你再繼續(xù)研究 UIKit Catalog。

2. 有些效果就是做不出來(lái)、很難做、不該做

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

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