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

2022-12-26 18:34:27 來源/作者: / 己有:58人學(xué)習(xí)過

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

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

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

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

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

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

對(duì)齊+視覺權(quán)重

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

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

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

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

顏色