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