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

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

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

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

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

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

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

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

1. 正確稱呼 UI 組件

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

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

2. 有些效果就是做不出來、很難做、不該做

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

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