黃綠色圓和紫色圓其實(shí)一樣大，但是前者看起來小一些，是不是很神奇？ 托蘭斯肯彎曲幻覺 猜猜這三個圓周的直徑哪個最大？其實(shí)都一樣 o_O 平行線錯覺 其實(shí)都是平行線 (⊙_⊙)? 在設(shè)計工作中，也難免碰到存在視覺誤差的場景?？偟膩碇v，我們在界面設(shè)計時處理視覺誤差的方法可以分為三個方面： 1、有時我們需要避免造成視覺誤差的設(shè)計 例如“流程條”，設(shè)計師們一定不陌生，它可以幫助用戶非常清晰的了解完成一個目標(biāo)的全過程和當(dāng)下所處的位置，那我們看看下面這個“流程條”的設(shè)計
這種設(shè)計應(yīng)該也很常見，但是個人并不太喜歡這樣的形式，看過上面經(jīng)典視覺誤差案例的同學(xué)應(yīng)該注意到了，它跟第三種“平行線錯覺”形似，“平行線”配合“>>”可能會造成視覺誤差，讓人感覺這個平行線不平行。會給人不舒服的感覺，有強(qiáng)迫癥的人看了更是受不了吧？~>_<~+，雖然錯覺不那么明顯，但是我還是會避免使用這種形式。 再來看一個例子：界面設(shè)計的時候，常常會遇到模塊的劃分，會用到色塊和線框，看下圖，你會感覺到黑線是凸出來的，正常人都喜歡對齊嘛，那么看到這個就會感覺到不舒服了，實(shí)際上呢，看放大的部位，其實(shí)客觀上看它們真是對齊的，因?yàn)槿搜鄣腻e覺，導(dǎo)致感受上不對齊，所以我們要避免這種色塊和線框接觸的設(shè)計，如果一定需要這樣的形式，那么我們也是有辦法的，那就是降低“色塊”和“線條”的明暗差，來緩和視覺誤差：（見下圖右側(cè)）是不是感覺好多了 2、有時我們需要利用視覺誤差 視覺誤差客觀的存在，那么我們就得按它的規(guī)矩來，了解它才能駕馭它。比如說像素畫： 早在紅白機(jī)年代，像素畫風(fēng)靡全球，它有自己的獨(dú)特優(yōu)點(diǎn)：文件字節(jié)數(shù)小、占內(nèi)存小，非常適合當(dāng)年的“龜速網(wǎng)絡(luò)”和“效率低下的CPU”。但是要畫好像素畫，是需要具備一些專業(yè)知識的. 對于直線、點(diǎn)、曲線、立體感、透視等等都有標(biāo)準(zhǔn)的規(guī)則，把像素畫拉近了看，其實(shí)都是一些像素點(diǎn)，只有遠(yuǎn)看整體才能看到最終效果(有點(diǎn)類似油畫)。 放大看和整體看,像素畫給人的感受差異很大,也存在”視覺誤差”,那么這些像素畫的”規(guī)則”,其實(shí)就是建立在對視覺誤差的”利用”,如果不守規(guī)則,做出來的像素畫那可就要慘不忍睹了，各種鋸齒。
像素畫在表現(xiàn)線條的粗細(xì)方面也有講究,因?yàn)橄袼禺?像素線條和2像素線條視覺上的粗細(xì)差異是非常大的,那么在表現(xiàn)粗細(xì)的時候,更多的是用顏色的明暗來表現(xiàn). 在像素畫中可以用淡色來表達(dá)“細(xì)線”， 這就是利用了視覺誤差. 另外還有“膨脹色”、“收縮色”，都是視覺誤差的表現(xiàn)，設(shè)計師們可以利用其特點(diǎn)，在自己的作品上更好的進(jìn)行視覺信息傳達(dá)。 3、面對視覺誤差時，我們遵循一條原則“以你的感受為準(zhǔn)” 造成視覺誤差的原因和類型有很多，我很難一一列舉，如果我們不得不面對它們的時候，我們應(yīng)該如何處理呢？再看看接下來的列子：
做icon是件非常嚴(yán)謹(jǐn)?shù)氖虑?，我們看看上圖，第一種情況，看參考線，他們的高度嚴(yán)格一致，只是icon的外形不盡相同，第三個icon外形是個圓，“圓”其實(shí)能夠給人“滿、脹”的視覺感受，明明同樣的高寬，圓會給人“大一點(diǎn)”的感覺，那么我們遇到這種情況，會尊重我們的眼睛，把“圓”相對縮小一些，也就是我們看到的第三種情況，這樣是不是更加舒服一些呢？ 好了，分享就到這。 總之視覺設(shè)計師需要關(guān)注并了解到“視覺誤差”帶來的影響，思考如何更好的處理，為追求“完美”增加砝碼。歡迎大家探討。 
