聊聊界面設(shè)計(jì)過(guò)程中,遇到視覺(jué)BUG時(shí)的處理方法(3)
放大看和整體看,像素畫(huà)給人的感受差異很大,也存在”視覺(jué)誤差”,那么這些像素畫(huà)的”規(guī)則”,其實(shí)就是建立在對(duì)視覺(jué)誤差的”利用”,如果不守規(guī)則,做出來(lái)的像素畫(huà)那可就要慘不忍睹了,各種鋸齒。
像素畫(huà)在表現(xiàn)線(xiàn)條的粗細(xì)方面也有講究,因?yàn)橄袼禺?huà)1像素線(xiàn)條和2像素線(xiàn)條視覺(jué)上的粗細(xì)差異是非常大的,那么在表現(xiàn)粗細(xì)的時(shí)候,更多的是用顏色的明暗來(lái)表現(xiàn). 在像素畫(huà)中可以用淡色來(lái)表達(dá)“細(xì)線(xiàn)”, 這就是利用了視覺(jué)誤差. 另外還有“膨脹色”、“收縮色”,都是視覺(jué)誤差的表現(xiàn),設(shè)計(jì)師們可以利用其特點(diǎn),在自己的作品上更好的進(jìn)行視覺(jué)信息傳達(dá)。
3、面對(duì)視覺(jué)誤差時(shí),我們遵循一條原則“以你的感受為準(zhǔn)”
造成視覺(jué)誤差的原因和類(lèi)型有很多,我很難一一列舉,如果我們不得不面對(duì)它們的時(shí)候,我們應(yīng)該如何處理呢?再看看接下來(lái)的列子:
做icon是件非常嚴(yán)謹(jǐn)?shù)氖虑椋覀兛纯瓷蠄D,第一種情況,看參考線(xiàn),他們的高度嚴(yán)格一致,只是icon的外形不盡相同,第三個(gè)icon外形是個(gè)圓,“圓”其實(shí)能夠給人“滿(mǎn)、脹”的視覺(jué)感受,明明同樣的高寬,圓會(huì)給人“大一點(diǎn)”的感覺(jué),那么我們遇到這種情況,會(huì)尊重我們的眼睛,把“圓”相對(duì)縮小一些,也就是我們看到的第三種情況,這樣是不是更加舒服一些呢?
好了,分享就到這。
總之視覺(jué)設(shè)計(jì)師需要關(guān)注并了解到“視覺(jué)誤差”帶來(lái)的影響,思考如何更好的處理,為追求“完美”增加砝碼。歡迎大家探討。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶(hù)體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- Photoshop初級(jí)教程-命令的技巧
- 用戶(hù)體驗(yàn),如何讓用戶(hù)心動(dòng)?