聊聊界面設(shè)計(jì)過(guò)程中,遇到視覺(jué)BUG時(shí)的處理方法(3)

來(lái)源:ued.baidu 作者:ued.baidu 學(xué)習(xí):5392人次

放大看和整體看,像素畫給人的感受差異很大,也存在”視覺(jué)誤差”,那么這些像素畫的”規(guī)則”,其實(shí)就是建立在對(duì)視覺(jué)誤差的”利用”,如果不守規(guī)則,做出來(lái)的像素畫那可就要慘不忍睹了,各種鋸齒。

聊聊界面設(shè)計(jì)過(guò)程中,遇到視覺(jué)BUG時(shí)的處理方法

像素畫在表現(xiàn)線條的粗細(xì)方面也有講究,因?yàn)橄袼禺?像素線條和2像素線條視覺(jué)上的粗細(xì)差異是非常大的,那么在表現(xiàn)粗細(xì)的時(shí)候,更多的是用顏色的明暗來(lái)表現(xiàn). 在像素畫中可以用淡色來(lái)表達(dá)“細(xì)線”, 這就是利用了視覺(jué)誤差. 另外還有“膨脹色”、“收縮色”,都是視覺(jué)誤差的表現(xiàn),設(shè)計(jì)師們可以利用其特點(diǎn),在自己的作品上更好的進(jìn)行視覺(jué)信息傳達(dá)。

聊聊界面設(shè)計(jì)過(guò)程中,遇到視覺(jué)BUG時(shí)的處理方法

3、面對(duì)視覺(jué)誤差時(shí),我們遵循一條原則“以你的感受為準(zhǔn)”

造成視覺(jué)誤差的原因和類型有很多,我很難一一列舉,如果我們不得不面對(duì)它們的時(shí)候,我們應(yīng)該如何處理呢?再看看接下來(lái)的列子:

聊聊界面設(shè)計(jì)過(guò)程中,遇到視覺(jué)BUG時(shí)的處理方法

做icon是件非常嚴(yán)謹(jǐn)?shù)氖虑,我們看看上圖,第一種情況,看參考線,他們的高度嚴(yán)格一致,只是icon的外形不盡相同,第三個(gè)icon外形是個(gè)圓,“圓”其實(shí)能夠給人“滿、脹”的視覺(jué)感受,明明同樣的高寬,圓會(huì)給人“大一點(diǎn)”的感覺(jué),那么我們遇到這種情況,會(huì)尊重我們的眼睛,把“圓”相對(duì)縮小一些,也就是我們看到的第三種情況,這樣是不是更加舒服一些呢?

好了,分享就到這。

總之視覺(jué)設(shè)計(jì)師需要關(guān)注并了解到“視覺(jué)誤差”帶來(lái)的影響,思考如何更好的處理,為追求“完美”增加砝碼。歡迎大家探討。

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

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

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

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