當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

LOGO設(shè)計中的視覺矯正法

2018-01-03 2648 0
為什么谷歌的新LOGO 不符合輔助線反而更好看?這就涉及到LOGO設(shè)計中的一個高階技巧了 —— 視覺矯正,今天這篇好文用一些簡單易懂的實例,幫你搞懂這個進階技巧。 我最早從事的設(shè)計領(lǐng)域是印刷設(shè)計(手冊及單頁等),會大量用到網(wǎng)格系統(tǒng),它是作品專業(yè)度的關(guān)鍵。當(dāng)我開始從事 Logo 設(shè)計時,我也隨之將相同的規(guī)則運用其中,達(dá)到設(shè)計的一致性。 然而,有些地方似乎不太對勁兒……有時候,我的 logo 設(shè)計看起來并沒有那么專業(yè)??傊业淖髌窙]有達(dá)到應(yīng)有的標(biāo)準(zhǔn),可卻又不知是哪里出了錯……我的想法應(yīng)該挺不賴的,但在設(shè)計執(zhí)行中卻總有點問題。 就在這個時候,我遇見了一位Logo設(shè)計界的大師級人物,其作品質(zhì)量都是杠杠的。他指出了我作品中有關(guān)字體的問題,并建議我應(yīng)當(dāng)在設(shè)計中運用“視覺矯正”法則。起初,我并不知其意,但現(xiàn)在回想起來,那些錯誤真是顯而易見,而現(xiàn)在,我也??匆娖渌O(shè)計師犯著與我當(dāng)初相同的錯誤。 輔助線、規(guī)則和網(wǎng)格都是極好的,但同時,我們也需要適當(dāng)運用“視覺矯正”來打破規(guī)則。是的,有時候,你的確需要忽視參考線,用眼睛來判斷設(shè)計是否“看起來”遵循了網(wǎng)格系統(tǒng)(也許聽起來很怪,甚至反直覺,但且聽我說完,你就會覺得其實它很合理)。 有了這個啟發(fā),我隨即發(fā)現(xiàn)了logo設(shè)計中有許多值得注意的視錯覺現(xiàn)象。其實,很多大型品牌公司在設(shè)計標(biāo)志時,都已經(jīng)這些細(xì)節(jié)考慮進去了。理解到這點,幫助我的 Logo 作品上升了一個層次,以下我就來把所學(xué)所知與大家分享。 完美也許看起來并不完美(反之亦然)
去年,谷歌發(fā)布了新品牌標(biāo)識。其中,圖標(biāo) G 被用于各大社交媒體。
LOGO 設(shè)計中的視覺矯正法是什么 我很喜歡谷歌的新版設(shè)計。然而,有設(shè)計師卻不那么認(rèn)為。這位設(shè)計師將“完美”的輔助線置于設(shè)計上,指出了一些明顯的“問題”,并將其更正(見下圖),可改后的結(jié)果卻略有些失衡。的確,新設(shè)計的物理位置完全準(zhǔn)確,卻總感覺哪里錯了,而“非完美”的原版設(shè)計卻有更完美的視覺效果。 谷歌的 G 圖標(biāo)是個很好的例子,我們看到了設(shè)計師是以最終視覺效果為基準(zhǔn),而非機械地遵照精確的網(wǎng)格與輔助線系統(tǒng)。有時候,你也需要這么做,作品質(zhì)量也許就會有突破。 簡而言之,網(wǎng)格系統(tǒng)是參考,而非規(guī)則。記得用眼睛來判斷。
字體設(shè)計中的“上凸和下沉” 字體設(shè)計師 Tobias Frere Jones 有一個很贊的博客,里面解釋了很多字體技巧。如果大家想要多多理解字體設(shè)計方面的細(xì)節(jié)問題,我力薦這個博客。今天,要分享的是其中有關(guān)字體“上凸和下沉 (overshoot)”的內(nèi)容。 大家一起來看下面這張圖片,方形和圓形并排放置,當(dāng)圓形與方形在數(shù)值上是完全等高時,圓形就會顯得略小……為避免這樣的狀況,我們需要略為增加圓形的高度,使它在視覺上看起來和方形是同等大小。這個高度的增加就被稱為“字體的上凸和下沉(overshoot)” 花一些時間,好好學(xué)習(xí)周圍的字體……從現(xiàn)在開始,你就會開始看見上文所述的情況,完全停不下來……
格式塔理論 人類的大腦有一些神奇的功能。因為世界是如此復(fù)雜,所以我們的大腦會聰明地嘗試組織各類視覺元素,將他們組成“完整個體”。在心理學(xué)中,有一個術(shù)語用來形容這個現(xiàn)象的,叫作格式塔。

我們可以將很多格式塔原理運用到 logo設(shè)計中,例如:相似性、連續(xù)性、封閉、鄰近、圖形與背景關(guān)系原則。 我最愛的格式塔理論案例就是 WWF 的 logo 中那個熊貓圖標(biāo),它利用了格式塔“封閉原則”來完成熊貓圖形,事實上,那只是一些分散的元素。

格式塔理論提醒著我們,不但要考慮畫面中有什么,更要考慮畫面中沒有出現(xiàn)的又有什么……(是不是很容易呢?)
放射現(xiàn)象 如果設(shè)計一款白底上的深色 logo,那么,勢必也需要制出深底上的反白版本。 大部分人認(rèn)為只需要將 logo 的顏色改為白色就大功告成了,然而,事情卻并沒有那么簡單。你會發(fā)現(xiàn)一些很奇妙的狀況……反白的 logo 看起來似乎更“肥”一些,顏色的對比讓同一個 logo 看起來像增了肥一般!是不是很奇怪?這個錯覺就叫作放射現(xiàn)象。 幸運的是,有一個很簡單的解決方法。在設(shè)計 logo 的反白版本時,可以加上細(xì)細(xì)的描邊,將其擴展成圖形,再用 Illustrator 的路徑尋找器來把它刪除。那么,具體要去除多少“重量”,就要由你的雙眼來決定了。我們的終極目標(biāo)是讓反白版本的設(shè)計在視覺上看起來和黑色版本精確相同。
8
評論區(qū)(0)
正在加載評論...