生活中你可能有這樣的體驗:明明兩個球看起來一大一小,實際上卻是大小相同的;明明兩條線段是一樣長的,但是看起來卻是一長一短。好繞~~其實就是你的眼睛欺騙了你,在不同的情況下,我們的眼睛會對不同的對象進行簡單的處理,這種簡單的處理幫助我們可以觀察到更多内容,但也會造成視覺上出現小小差異。
就像上面說的,兩個球看起來一大一小,實際大小卻是一樣的,這就會出現明明設計時按照相同尺寸制作的内容,最後呈現出的效果缺總會有那麼一點點的違和感。
今天就給大家展示兩種情況下産生的視錯覺現象和調整方法
一、顔色深淺首先給大家做個小測驗,看看下面哪個圓的面積更大呢?先不要往下拉看答案~
答案是一樣大!不信你看!
有些同學可能覺得上面這個例子對比不夠明顯,那麼再來一個!
這次應該比較明顯了吧,那麼問題來了,為什麼白色(淺色)背景上的圓要比黑色(深色)背景上的圓在視覺上顯得更小呢?這是由色彩的視錯覺造成的,深(冷)色會給人收縮感,而淺(暖)色會給人擴張感。
接下來我再祭出自己的幾個案例來說明吧。
首先來一個面構成的logo
然後再來個線構成的logo
來個英文的
最後再來個中文的
現在能看出區别了吧,是不是白色的顯得更“胖”一些?還沒看出來的同學請出門右轉到一樓眼科付一下診療費,哈哈哈哈哈
為什麼我要講這個呢?因為我們在做logo提案的時候都會提供反白版本,而很少有人做反白視覺矯正的(反白隻是其中一個部分,還有很多視錯覺的矯正後續我會慢慢講到),這個細節差别看似不大,但在有經驗的設計師眼裡,這種錯誤是不允許出現的,畢竟我們是專業的,哪怕甲方爸爸看不出,我們也有責任和義務做得更好不是嗎?
那麼問題來了,怎麼矯正呢?
最簡單的方法就是使用偏移路徑命令(對象-路徑-偏移路徑),具體數值以你主觀的肉眼觀測為準。雖然偏移路徑可以幫你完成大部分優化工作,但後續還需要你對局部進行微調。比如“蓮”字最上面的兩個豎筆的寬度,看下隻執行偏移路徑和經過微調後的效果,至于微調的标準是什麼?還是那句話,一切以你主觀的肉眼觀測為準!
以下左側是我視覺矯正後的,右側是之前的,再看不出區别我隻能嘤嘤嘤了
修改後的是不是更加統一了?
二、上下位置還是老規矩,先給大家做個小實驗,看看下面兩個圓一樣大麼?
答案是不一樣大!
沒想到這波反操作吧,誰讓你們不動腦子老說“一樣大”,哈哈哈哈哈!
不相信的同學看下圖:
沒錯,上圓是略小于下圓的,但在視覺上給人的感覺是一樣大的。如果将上圓變成和下圓一樣大的話,那麼就會顯得上大下小。請看下圖自行體會:
那麼講這個到底有什麼用呢?當然有用!我們在設計品牌标準字的時候,不管中英文,都會基于這個視錯覺進行負空間的校正,讓文字看上去更加協調自然,讓重心更加平穩。
首先給大家看下中文的“日”字(以思源黑體為例)。
可以看出,上面的負空間比下面的負空間略小,這樣就抵消了頂部看上去更大的視錯覺。
單字如此,那如果是以“日”字為偏旁的漢字呢?是不是也遵循類似的規律呢?我們再看幾個字。
看過數據是不是一目了然了?不管“日”位于左、中、右、上、下哪個方位,負空間的處理都是上小下大。
如果負空間是3個呢?再來看下面這個字:
嗯~最上面2個的負空間還是比最下面的稍小一些,但中間的比上面的要小。
以上看的案例都是封閉的負空間,那半封閉的呢?接着再來看兩個字。
沒錯,同樣遵循了這一原則。
這裡簡單總結一下吧,如果是2個負空間,那麼上<下,如果是3個負空間,則是中<上<下。
中文尚且如此,那英文呢?也會做校正嗎?接下來我們再看一下英文字母“B”和數字“8”(以Helvetica為例)。
感覺這裡不需要标記數據,肉眼可見的區别,同樣是上小下大。
OK,以上就是今天的内容,希望大家在設計品牌标準字或字庫的時候能夠注意這個小細節哦~
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!