當前位置:
首頁 > 文史 > LOGO設計中的視覺矯正你知道嗎?

LOGO設計中的視覺矯正你知道嗎?

引言:最近很多設計師說做設計遇到了瓶頸,其實有的時候經驗很重要,適當的理論研究也是能幫助大家成長,今天分享一篇譯文,希望能給喜歡logo設計的朋友帶來些幫助~


設計領域會大量用到網格系統,它是作品專業度的體現。當我開始從事 Logo 設計時,我也隨之將相同的規則運用其中,達到設計的一致性。


然而,有些地方似乎不太對勁兒……有時候,我的 logo 設計看起來並沒有那麼專業。總之,我的作品沒有達到應有的標準,可卻又不知是哪裡出了錯……我的想法應該挺不賴的,但在設計執行中卻總有點問題。

就在這個時候,我遇見了一位 logo 設計界的大師級人物,其作品質量都是杠杠的。他指出了我作品中有關字體的問題,並建議我應當在設計中運用「視覺矯正」法則。起初,我並不知其意,但現在回想起來,那些錯誤真是顯而易見,而現在,我也常看見其他設計師犯著與我當初相同的錯誤。

LOGO設計中的視覺矯正你知道嗎?



輔助線、規則和網格都是極好的,但同時,我們也需要適當運用「視覺矯正」來打破規則。是的,有時候,你的確需要忽視參考線,用眼睛來判斷設計是否「看起來」遵循了網格系統(也許聽起來很怪,甚至反直覺,但且聽我說完,你就會覺得其實它很合理)。

有了這個啟發,我隨即發現了 logo 設計中有許多值得注意的視錯覺現象。其實,很多大型品牌公司在設計標誌時,都已經這些細節考慮進去了。理解到這點,幫助我的 Logo 作品上升了一個層次,以下我就來把所學所知與大家分享。


完美也許看起來並不完美(反之亦然)


去年,谷歌發布了新品牌標識。其中,圖標 G 被用於各大社交媒體。

LOGO設計中的視覺矯正你知道嗎?


我很喜歡谷歌的新版設計。然而,有設計師卻不那麼認為。這位設計師將「完美」的輔助線置於設計上,指出了一些明顯的「問題」,並將其更正(見下圖),可改後的結果卻略有些失衡。的確,新設計的物理位置完全準確,卻總感覺哪裡錯了,而「非完美」的原版設計卻有更完美的視覺效果。

LOGO設計中的視覺矯正你知道嗎?



谷歌的 G 圖標是個很好的例子,我們看到了設計師是以最終視覺效果為基準,而非機械地遵照精確的網格與輔助線系統。有時候,你也需要這麼做,作品質量也許就會有突破。


簡而言之,網格系統是參考,而非規則。記得用眼睛來判斷。

字體設計中的「上凸和下沉 (OVERSHOOT)」


字體設計師 Tobias Frere Jones 有一個很贊的博客,裡面解釋了很多字體技巧。如果大家想要多多理解字體設計方面的細節問題,我力薦這個博客。今天,要分享的是其中有關字體「上凸和下沉 (overshoot)」的內容。


大家一起來看下面這張圖片,方形和圓形並排放置,當圓形與方形在數值上是完全等高時,圓形就會顯得略小……為避免這樣的狀況,我們需要略為增加圓形的高度,使它在視覺上看起來和方形是同等大小。這個高度的增加就被稱為「字體的上凸和下沉(overshoot)」

LOGO設計中的視覺矯正你知道嗎? 點擊播放 GIF/19K


圖片出自:Typeface Mechanics by Tobias Frere-Jones


花一些時間,好好學習周圍的字體……從現在開始,你就會開始看見上文所述的情況,完全停不下來……


格式塔理論


人類的大腦有一些神奇的功能。因為世界是如此複雜,所以我們的大腦會聰明地嘗試組織各類視覺元素,將他們組成「完整個體」。在心理學中,有一個術語用來形容這個現象的,叫作格式塔。

LOGO設計中的視覺矯正你知道嗎?



我們可以將很多格式塔原理運用到 logo 設計中,例如:相似性、連續性、封閉、鄰近、圖形與背景關係原則。有興趣了解格式塔理論詳細信息的同學,可以百度一下(格式塔心理學(gestalt psychology),又叫完形心理學,是西方現代心理學的主要學派之一,誕生於德國,後來在美國得到進一步發展。該學派既反對美國構造主義心理學的元素主義,也反對行為主義心理學的刺激—反應公式,主張研究直接經驗(即意識)和行為,強調經驗和行為的整體性,認為整體不等於並且大於部分之和,主張以整體的動力結構觀來研究心理現象)


我最愛的格式塔理論案例就是 WWF 的 logo 中那個熊貓圖標,它利用了格式塔「封閉原則」來完成熊貓圖形,事實上,那只是一些分散的元素。

LOGO設計中的視覺矯正你知道嗎?



格式塔理論提醒著我們,不但要考慮畫面中有什麼,更要考慮畫面中沒有出現的又有什麼……(是不是很容易呢?)


放射現象


如果設計一款白底上的深色 logo,那麼,勢必也需要制出深底上的反白版本。


大部分人認為只需要將 logo 的顏色改為白色就大功告成了,然而,事情卻並沒有那麼簡單。你會發現一些很奇妙的狀況……反白的 logo 看起來似乎更「肥」一些,顏色的對比讓同一個 logo 看起來像增了肥一般!是不是很奇怪?這個錯覺就叫作放射現象。

LOGO設計中的視覺矯正你知道嗎?



幸運的是,有一個很簡單的解決方法。在設計 logo 的反白版本時,可以加上細細的描邊,將其擴展成圖形,再用 Illustrator 的路徑尋找器來把它刪除。那麼,具體要去除多少「重量」,就要由你的雙眼來決定了。我們的終極目標是讓反白版本的設計在視覺上看起來和黑色版本精確相同。


以上這些例子就是我在設計 logo 時會考慮到的視錯覺狀況。你是否有遇見過其它情況呢?一起來分享吧。


原文來源:logogeek.uk

LOGO設計中的視覺矯正你知道嗎?


您可能感興趣

設計:Logo 設計中的視覺矯正
LOL從視覺體驗做對比你覺得Dota2和LOL那個更優秀呢?
張家界梓山漫居LOGO/VI視覺系統,這設計很走心
SOHO廣告公司視覺識別設計
《OVERLORD》二期動畫主視覺圖公布 骨傲天強勢回歸
冷知識!設計中的視覺互動!
打破認知!Nature子刊揭示視網膜在視覺信號加工過程中的新作用!
RINGANA 包裝及視覺設計欣賞
《血界戰線&BEYOND》釋出最新主視覺圖,限期Only SHOP活動舉辦當中!
Versa:革新演算法,做AI時代最好的視覺App
優秀Logo設計中的視覺簡化心理!
細品OLED如何撬動未來視覺經濟
紅藍CP!音樂劇《SHOW BY ROCK!!》視覺圖公開
《BLUE REFLECTION 官方視覺圖收藏》發售 「永久保存少女們的美麗!」
英特爾湯振宇:任何計算設備都可以通過 Realsense 具備人一樣的視覺
STRAND BAY PAVILION餐飲品牌視覺設計
CY 爸爸拿錢砸死我吧,《巴哈姆特之怒VIRGIN SOUL》公開第三彈 PV 與全新視覺圖
偶像JK團!《THE REFLECTION》主視覺及追加聲優
歡迎大家來打CALL!水團2nd LIVE公開主視覺圖