tft每日頭條

 > 圖文

 > logo設計手法詳解

logo設計手法詳解

圖文 更新时间:2024-08-16 10:25:57
關于教程

生活中你可能有這樣的體驗:明明兩個球看起來一大一小,實際上卻是大小相同的;明明兩條線段是一樣長的,但是看起來卻是一長一短。好繞~~其實就是你的眼睛欺騙了你,在不同的情況下,我們的眼睛會對不同的對象進行簡單的處理,這種簡單的處理幫助我們可以觀察到更多内容,但也會造成視覺上出現小小差異。

就像上面說的,兩個球看起來一大一小,實際大小卻是一樣的,這就會出現明明設計時按照相同尺寸制作的内容,最後呈現出的效果缺總會有那麼一點點的違和感。

今天就給大家展示兩種情況下産生的視錯覺現象和調整方法

一、顔色深淺

首先給大家做個小測驗,看看下面哪個圓的面積更大呢?先不要往下拉看答案~

logo設計手法詳解(這些設計上的小細節)1

答案是一樣大!不信你看!

logo設計手法詳解(這些設計上的小細節)2

有些同學可能覺得上面這個例子對比不夠明顯,那麼再來一個!

logo設計手法詳解(這些設計上的小細節)3

這次應該比較明顯了吧,那麼問題來了,為什麼白色(淺色)背景上的圓要比黑色(深色)背景上的圓在視覺上顯得更小呢?這是由色彩的視錯覺造成的,深(冷)色會給人收縮感,而淺(暖)色會給人擴張感。

接下來我再祭出自己的幾個案例來說明吧。

首先來一個面構成的logo

logo設計手法詳解(這些設計上的小細節)4

然後再來個線構成的logo

logo設計手法詳解(這些設計上的小細節)5

來個英文的

logo設計手法詳解(這些設計上的小細節)6

最後再來個中文的

logo設計手法詳解(這些設計上的小細節)7

現在能看出區别了吧,是不是白色的顯得更“胖”一些?還沒看出來的同學請出門右轉到一樓眼科付一下診療費,哈哈哈哈哈

為什麼我要講這個呢?因為我們在做logo提案的時候都會提供反白版本,而很少有人做反白視覺矯正的(反白隻是其中一個部分,還有很多視錯覺的矯正後續我會慢慢講到),這個細節差别看似不大,但在有經驗的設計師眼裡,這種錯誤是不允許出現的,畢竟我們是專業的,哪怕甲方爸爸看不出,我們也有責任和義務做得更好不是嗎?

那麼問題來了,怎麼矯正呢?

最簡單的方法就是使用偏移路徑命令(對象-路徑-偏移路徑),具體數值以你主觀的肉眼觀測為準。雖然偏移路徑可以幫你完成大部分優化工作,但後續還需要你對局部進行微調。比如“蓮”字最上面的兩個豎筆的寬度,看下隻執行偏移路徑和經過微調後的效果,至于微調的标準是什麼?還是那句話,一切以你主觀的肉眼觀測為準!

logo設計手法詳解(這些設計上的小細節)8

以下左側是我視覺矯正後的,右側是之前的,再看不出區别我隻能嘤嘤嘤了

logo設計手法詳解(這些設計上的小細節)9

logo設計手法詳解(這些設計上的小細節)10

logo設計手法詳解(這些設計上的小細節)11

logo設計手法詳解(這些設計上的小細節)12

修改後的是不是更加統一了?

二、上下位置

還是老規矩,先給大家做個小實驗,看看下面兩個圓一樣大麼?

logo設計手法詳解(這些設計上的小細節)13

答案是不一樣大!

沒想到這波反操作吧,誰讓你們不動腦子老說“一樣大”,哈哈哈哈哈!

logo設計手法詳解(這些設計上的小細節)14

不相信的同學看下圖:

logo設計手法詳解(這些設計上的小細節)15

沒錯,上圓是略小于下圓的,但在視覺上給人的感覺是一樣大的。如果将上圓變成和下圓一樣大的話,那麼就會顯得上大下小。請看下圖自行體會:

logo設計手法詳解(這些設計上的小細節)16

那麼講這個到底有什麼用呢?當然有用!我們在設計品牌标準字的時候,不管中英文,都會基于這個視錯覺進行負空間的校正,讓文字看上去更加協調自然,讓重心更加平穩。

首先給大家看下中文的“日”字(以思源黑體為例)。

logo設計手法詳解(這些設計上的小細節)17

可以看出,上面的負空間比下面的負空間略小,這樣就抵消了頂部看上去更大的視錯覺。

單字如此,那如果是以“日”字為偏旁的漢字呢?是不是也遵循類似的規律呢?我們再看幾個字。

logo設計手法詳解(這些設計上的小細節)18

看過數據是不是一目了然了?不管“日”位于左、中、右、上、下哪個方位,負空間的處理都是上小下大。

如果負空間是3個呢?再來看下面這個字:

logo設計手法詳解(這些設計上的小細節)19

嗯~最上面2個的負空間還是比最下面的稍小一些,但中間的比上面的要小。

以上看的案例都是封閉的負空間,那半封閉的呢?接着再來看兩個字。

logo設計手法詳解(這些設計上的小細節)20

logo設計手法詳解(這些設計上的小細節)21

沒錯,同樣遵循了這一原則。

這裡簡單總結一下吧,如果是2個負空間,那麼上<下,如果是3個負空間,則是中<上<下。

中文尚且如此,那英文呢?也會做校正嗎?接下來我們再看一下英文字母“B”和數字“8”(以Helvetica為例)。

logo設計手法詳解(這些設計上的小細節)22

感覺這裡不需要标記數據,肉眼可見的區别,同樣是上小下大。

OK,以上就是今天的内容,希望大家在設計品牌标準字或字庫的時候能夠注意這個小細節哦~

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved