「設(shè)計資訊分享」LOGO設(shè)計中的視覺矯正法

2022-06-30    分類: 網(wǎng)站建設(shè)

為何google的新LOGO 不契合輔助線反而更漂亮?這就觸及到LOGO 規(guī)劃中的一個高階竅門了 —— 視覺糾正,今日這篇好文用一些簡略易懂的實例,創(chuàng)新互聯(lián)幫你搞懂這個進階竅門。

最早從事的規(guī)劃領(lǐng)域是印刷規(guī)劃(手冊及單頁等),會許多用到網(wǎng)格體系,它是著作專業(yè)度的要害。當(dāng)初步從事 Logo 規(guī)劃時,也隨之將一樣的規(guī)矩運用其間,抵達規(guī)劃的不合性。

可是,有些中央好像不太對勁兒……有時分,logo 規(guī)劃看起來并沒有那么專業(yè)??倸w又不知是哪里出了錯…在規(guī)劃履行中卻總有點疑問。

就在這個時分,我遇見了一位Logo 規(guī)劃界的大師級人物,其作質(zhì)量量都是杠杠的。他指出了我著作中有關(guān)字體的疑問,并建議我應(yīng)當(dāng)在規(guī)劃中運用“視覺糾正”規(guī)矩。起先,我并不知其意,但現(xiàn)在回想起來,那些過錯真是清楚明了,而現(xiàn)在,我也??匆妱e的規(guī)劃師犯著與我最初一樣的過錯。

輔助線、規(guī)矩和網(wǎng)格都是極好的,但一起,咱們也需要恰當(dāng)運用“視覺糾正”來打破規(guī)矩。是的,有時分,你的確需要無視參閱線,用雙眼來區(qū)分規(guī)劃能否“看起來”遵照了網(wǎng)格體系(或許聽起來很怪,以致反直覺,但且聽我說完,你就會覺得本來它很合理)。

有了這個啟示,我隨即發(fā)現(xiàn)了 logo 規(guī)劃中有許多值得留意的視錯覺景象。本來,許多大型品牌公司在規(guī)劃象征時,都從前這些細(xì)節(jié)思索進去了。了解到這點,協(xié)助我的 Logo 著作上升了一個層次,以下我就來把所學(xué)所知與咱們共享。

滿意或許看起來并不滿意(反之亦然)

上一年,google發(fā)布了新品牌標(biāo)識。其間,圖標(biāo) G 被用于各大社交媒體。

我很喜歡google的新版規(guī)劃??墒?,有規(guī)劃師卻不那么認(rèn)為。這位規(guī)劃師將“滿意”的輔助線置于規(guī)劃上,指出了一些顯著的“疑問”,并將其更正(見下圖),可改后的成果卻略有些失衡。的確,新規(guī)劃的物理方位無缺精確,卻總覺得哪里錯了,而“非滿意”的原版規(guī)劃卻有更滿意的視覺效果。

google的 G 圖標(biāo)是個極好的比如,咱們看到了規(guī)劃師是以終究視覺效果為基準(zhǔn),而非機械地遵照精確的網(wǎng)格與輔助線體系。有時分,你也需要這么做,作質(zhì)量量或許就會有打破。

簡而言之,網(wǎng)格體系是參閱,而非規(guī)矩。記得用雙眼來區(qū)分。

字體規(guī)劃中的“上凸和下沉”

字體規(guī)劃師 Tobias Frere Jones 有一個很贊的博客,里面解說了許多字體竅門。假設(shè)咱們想要多多了解字體規(guī)劃方面的細(xì)節(jié)疑問,我力薦這個博客。今日,要共享的是其間有關(guān)字體“上凸和下沉 (overshoot)”的內(nèi)容。

咱們一起來看下面這張圖像,方形和圓形并排放置,當(dāng)圓形與方形在數(shù)值上是無缺等高時,圓形就會顯得略小……為避免這樣的狀況,咱們需要略為添加圓形的高度,使它在視覺上看起來和方形是同等巨細(xì)。這個高度的添加就被稱為“字體的上凸和下沉(overshoot)”

花一些時刻,好好學(xué)習(xí)附近的字體……從現(xiàn)在初步,你就會初步看見上文所述的狀況,無缺停不下來……

格局塔理論

人類的大腦有一些奇特的功用。由于國際是如此雜亂,所以咱們的大腦會聰明地測驗安排各類視覺元素,將他們構(gòu)成“無缺個別”。在心理學(xué)中,有一個術(shù)語用來描述這個景象的,叫作格局塔。

咱們可以將許多格局塔原理運用到 logo 規(guī)劃中,例如:相似性、連續(xù)性、封閉、接近、圖形與布景關(guān)系繩尺。

我獨愛的格局塔理論事例即是 WWF 的 logo 中那個熊貓圖標(biāo),它應(yīng)用了格局塔“封閉繩尺”來完結(jié)熊貓圖形,事實上,那只是一些分散的元素。

格局塔理論提示著咱們,不但要思索畫面中有啥,更要思索畫面中沒有出現(xiàn)的又有啥……(是不是很簡略呢?)

放射景象

假設(shè)規(guī)劃一款白底上的深色 logo,那么,必然也需要制出深底上的反白版別。

大局部人認(rèn)為只需要將 logo 的色彩改為白色就功德圓滿了,可是,工作卻并沒有那么簡略。你會發(fā)現(xiàn)一些很奇妙的狀況……反白的 logo 看起來好像更“肥”一些,色彩的對比讓同一個 logo 看起來像增了肥一般!是不是很奇特?這個錯覺就叫作放射景象。

僥幸的是,有一個很簡略的處理方法。在規(guī)劃 logo 的反白版別時,可以加上細(xì)細(xì)的描邊,將其拓展成圖形,再用 Illustrator 的途徑尋找器來把它刪去。那么,具體要去除幾“分量”,就要由你的雙眼來抉擇了。咱們的終極意圖是讓反白版別的設(shè)計規(guī)劃在視覺上看起來和黑色版別精確一樣。

當(dāng)前標(biāo)題:「設(shè)計資訊分享」LOGO設(shè)計中的視覺矯正法
本文路徑:http://www.bm7419.com/news37/173337.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計公司、標(biāo)簽優(yōu)化、面包屑導(dǎo)航、網(wǎng)站策劃、品牌網(wǎng)站建設(shè)、用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化