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

來源:優(yōu)設(shè) 作者:平行煎餅 學(xué)習(xí):15007人次

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

以前我在做設(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)重的精確方式,他只能依賴某些確定的信息,比如長寬,x/y軸坐標(biāo)。作為設(shè)計(jì)師,我們需要通過一些被稱之為光學(xué)調(diào)整的東西來彌補(bǔ)這一點(diǎn)。

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

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

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

顏色

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
干貨2016-10-20 11:04
這不是譚文波2016-03-09 05:11
<贊>

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!