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

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

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

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

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

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

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

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

少用代名詞

業(yè)界 NG 率：60%

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

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

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