為何google的新LOGO 不契合輔助線反而更漂亮?這就觸及到LOGO 規(guī)劃中的一個(gè)高階竅門(mén)了 —— 視覺(jué)糾正，今日這篇好文用一些簡(jiǎn)略易懂的實(shí)例，海淘科技幫你搞懂這個(gè)進(jìn)階竅門(mén)。
最早從事的規(guī)劃領(lǐng)域是印刷規(guī)劃(手冊(cè)及單頁(yè)等)，會(huì)許多用到網(wǎng)格體系，它是著作專業(yè)度的要害。當(dāng)初步從事 Logo 規(guī)劃時(shí)，也隨之將一樣的規(guī)矩運(yùn)用其間，抵達(dá)規(guī)劃的不合性。
可是，有些中央好像不太對(duì)勁兒……有時(shí)分，logo 規(guī)劃看起來(lái)并沒(méi)有那么專業(yè)。總歸又不知是哪里出了錯(cuò)…在規(guī)劃履行中卻總有點(diǎn)疑問(wèn)。
就在這個(gè)時(shí)分，我遇見(jiàn)了一位Logo 規(guī)劃界的大師級(jí)人物，其作質(zhì)量量都是杠杠的。他指出了我著作中有關(guān)字體的疑問(wèn)，并建議我應(yīng)當(dāng)在規(guī)劃中運(yùn)用“視覺(jué)糾正”規(guī)矩。起先，我并不知其意，但現(xiàn)在回想起來(lái)，那些過(guò)錯(cuò)真是清楚明了，而現(xiàn)在，我也常看見(jiàn)別的規(guī)劃師犯著與我最初一樣的過(guò)錯(cuò)。
輔助線、規(guī)矩和網(wǎng)格都是極好的，但一起，咱們也需要恰當(dāng)運(yùn)用“視覺(jué)糾正”來(lái)打破規(guī)矩。是的，有時(shí)分，你的確需要無(wú)視參閱線，用雙眼來(lái)區(qū)分規(guī)劃能否“看起來(lái)”遵照了網(wǎng)格體系(或許聽(tīng)起來(lái)很怪，以致反直覺(jué)，但且聽(tīng)我說(shuō)完，你就會(huì)覺(jué)得本來(lái)它很合理)。
有了這個(gè)啟示，我隨即發(fā)現(xiàn)了 logo 規(guī)劃中有許多值得留意的視錯(cuò)覺(jué)景象。本來(lái)，許多大型品牌公司在規(guī)劃象征時(shí)，都從前這些細(xì)節(jié)思索進(jìn)去了。了解到這點(diǎn)，協(xié)助我的 Logo 著作上升了一個(gè)層次，以下我就來(lái)把所學(xué)所知與咱們共享。
上一年，google發(fā)布了新品牌標(biāo)識(shí)。其間，圖標(biāo) G 被用于各大社交媒體。
我很喜歡google的新版規(guī)劃。可是，有規(guī)劃師卻不那么認(rèn)為。這位規(guī)劃師將“滿意”的輔助線置于規(guī)劃上，指出了一些顯著的“疑問(wèn)”，并將其更正(見(jiàn)下圖)，可改后的成果卻略有些失衡。的確，新規(guī)劃的物理方位無(wú)缺精確，卻總覺(jué)得哪里錯(cuò)了，而“非滿意”的原版規(guī)劃卻有更滿意的視覺(jué)效果。
google的 G 圖標(biāo)是個(gè)極好的比如，咱們看到了規(guī)劃師是以終究視覺(jué)效果為基準(zhǔn)，而非機(jī)械地遵照精確的網(wǎng)格與輔助線體系。有時(shí)分，你也需要這么做，作質(zhì)量量或許就會(huì)有打破。
簡(jiǎn)而言之，網(wǎng)格體系是參閱，而非規(guī)矩。記得用雙眼來(lái)區(qū)分。
字體規(guī)劃師 Tobias Frere Jones 有一個(gè)很贊的博客，里面解說(shuō)了許多字體竅門(mén)。假設(shè)咱們想要多多了解字體規(guī)劃方面的細(xì)節(jié)疑問(wèn)，我力薦這個(gè)博客。今日，要共享的是其間有關(guān)字體“上凸和下沉 (overshoot)”的內(nèi)容。
咱們一起來(lái)看下面這張圖像，方形和圓形并排放置，當(dāng)圓形與方形在數(shù)值上是無(wú)缺等高時(shí)，圓形就會(huì)顯得略小……為避免這樣的狀況，咱們需要略為添加圓形的高度，使它在視覺(jué)上看起來(lái)和方形是同等巨細(xì)。這個(gè)高度的添加就被稱為“字體的上凸和下沉(overshoot)”
花一些時(shí)刻，好好學(xué)習(xí)附近的字體……從現(xiàn)在初步，你就會(huì)初步看見(jiàn)上文所述的狀況，無(wú)缺停不下來(lái)……
人類的大腦有一些奇特的功用。由于國(guó)際是如此雜亂，所以咱們的大腦會(huì)聰明地測(cè)驗(yàn)安排各類視覺(jué)元素，將他們構(gòu)成“無(wú)缺個(gè)別”。在心理學(xué)中，有一個(gè)術(shù)語(yǔ)用來(lái)描述這個(gè)景象的，叫作格局塔。
咱們可以將許多格局塔原理運(yùn)用到 logo 規(guī)劃中，例如：相似性、連續(xù)性、封閉、接近、圖形與布景關(guān)系繩尺。
我獨(dú)愛(ài)的格局塔理論事例即是 WWF 的 logo 中那個(gè)熊貓圖標(biāo)，它應(yīng)用了格局塔“封閉繩尺”來(lái)完結(jié)熊貓圖形，事實(shí)上，那只是一些分散的元素。
格局塔理論提示著咱們，不但要思索畫(huà)面中有啥，更要思索畫(huà)面中沒(méi)有出現(xiàn)的又有啥……(是不是很簡(jiǎn)略呢?)
假設(shè)規(guī)劃一款白底上的深色 logo，那么，必然也需要制出深底上的反白版別。
大局部人認(rèn)為只需要將 logo 的色彩改為白色就功德圓滿了，可是，工作卻并沒(méi)有那么簡(jiǎn)略。你會(huì)發(fā)現(xiàn)一些很奇妙的狀況……反白的 logo 看起來(lái)好像更“肥”一些，色彩的對(duì)比讓同一個(gè) logo 看起來(lái)像增了肥一般!是不是很奇特?這個(gè)錯(cuò)覺(jué)就叫作放射景象。
僥幸的是，有一個(gè)很簡(jiǎn)略的處理方法。在規(guī)劃 logo 的反白版別時(shí)，可以加上細(xì)細(xì)的描邊，將其拓展成圖形，再用 Illustrator 的途徑尋找器來(lái)把它刪去。那么，具體要去除幾“分量”，就要由你的雙眼來(lái)抉擇了。咱們的終極意圖是讓反白版別的設(shè)計(jì)規(guī)劃在視覺(jué)上看起來(lái)和黑色版別精確一樣。
