視覺(jué)欺騙，講講四個(gè)欺騙設(shè)計(jì)師視覺(jué)的例子

在Photoshop中，即使看起來(lái)非?？茖W(xué)的對(duì)齊、同樣的形狀大小和色值，也可能與我們現(xiàn)實(shí)中感受到的完全不一樣。優(yōu)秀的設(shè)計(jì)師應(yīng)該感受到這些細(xì)微的差別，并且懂得去糾正它們，以今天這四個(gè)方面為例，以前沒(méi)注意到的同學(xué)趕緊來(lái)漲個(gè)姿勢(shì)！

以前我在做設(shè)計(jì)的時(shí)候，我靠Photoshop和Css告訴我對(duì)錯(cuò)：如果Photoshop顯示兩個(gè)圖形對(duì)齊了，那么他們就是對(duì)齊了；如果兩個(gè)不同形狀的圖形大小是一樣的，那么他倆就是一樣大的；如果兩個(gè)顏色有同樣的色值，那么他們看起來(lái)就是一樣的顏色。

這個(gè)方法看起來(lái)很理性，但是其實(shí)是錯(cuò)誤的工作方法。

軟件是很理性的，但是軟件不能把人類(lèi)感知也加進(jìn)影響計(jì)算的因素中——這就是說(shuō)，軟件并不能理解在上下文情境中的物體和物體之間的關(guān)系，在整體視覺(jué)語(yǔ)言的環(huán)境下和人類(lèi)如何感知物體。

人類(lèi)非理性的思維會(huì)判斷物體看起來(lái)是否視覺(jué)上正確，因?yàn)槲覀兛梢钥吹胶屠斫馍舷挛沫h(huán)境，而這正是計(jì)算機(jī)無(wú)法做到的。了解這些細(xì)微的差異，并且知道如何調(diào)整他們的設(shè)計(jì)師才是好的設(shè)計(jì)師。很少人會(huì)注意到，大部分人會(huì)忽略。

下面讓我們來(lái)看幾個(gè)例子。

計(jì)算機(jī)沒(méi)有計(jì)算視覺(jué)權(quán)重的精確方式，他只能依賴某些確定的信息，比如長(zhǎng)寬，x/y軸坐標(biāo)。作為設(shè)計(jì)師，我們需要通過(guò)一些被稱之為光學(xué)調(diào)整的東西來(lái)彌補(bǔ)這一點(diǎn)。

播放按鈕的三角形是對(duì)其圓的中心嗎？并不是。繪制一個(gè)輔助的長(zhǎng)方形可以看出來(lái)，三角形的中心并不在圓形的中心。

左邊的按鈕是中心對(duì)齊的，但是看起來(lái)卻不在中間。