當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計知識>教程內(nèi)容

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

來源:站酷 作者:UI設(shè)計師阿斌 學(xué)習(xí):6772人次

UI知識,如何提高UI設(shè)計效率:觀念與溝通_www.theoat.com.cn

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

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

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

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

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

UI知識,如何提高UI設(shè)計效率:觀念與溝通_www.theoat.com.cn

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

UI知識,如何提高UI設(shè)計效率:觀念與溝通_www.theoat.com.cn

這樣一來,畫面上都是大家平常使用 App 時有看過的形式,看得懂畫面的時候,就能夠?qū)P奶接戇@些功能是不是產(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è)計師參考。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!