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

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

浪費時間，徹底的浪費時間。

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

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

其中第二點是本節(jié)的重點，在你的 wireframe 里，應(yīng)該使用系統(tǒng)原生的對象來構(gòu)成畫面，例如這些東西：

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

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

少用代名詞

業(yè)界 NG 率：60%

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

我們表達(dá)一件事情若要表達(dá)得精確，就應(yīng)該試著減少話中的「詮釋空間」，而代名詞的使用非常容易造成設(shè)計討論上的時間浪費，例如「這個」、「那個」之 類的詞匯，在專業(yè)討論上應(yīng)該減少使用；取而代之，你應(yīng)該使用本篇文章第一節(jié)所提到的精確名詞來表達(dá)，或是詳細(xì)描述你所指的外型。

好了，如果你是設(shè)計師，希望這篇文章能夠幫助你在設(shè)計的溝通討論上更加順暢、省時；如果你是 PM 或開發(fā)者，也可以順便學(xué)習(xí)、或?qū)⑦@篇文章轉(zhuǎn)給你的設(shè)計師參考。