讓作品秒變高大上的LOGO網(wǎng)格全方位科普

2018-01-09 1375 0
許多設(shè)計(jì)都將網(wǎng)格的建立作為設(shè)計(jì)Logo的第一步驟,網(wǎng)格系統(tǒng)可以助你保持視覺(jué)協(xié)調(diào)、美觀、有條理,并明確設(shè)計(jì)的目標(biāo)。那么到底LOGO網(wǎng)格是什么,有哪些常規(guī)樣式,使用網(wǎng)格的好處以及如何使用等問(wèn)題,今天來(lái)一一說(shuō)清楚。 Logo網(wǎng)格為何物? circle-logo Logo網(wǎng)格是在設(shè)計(jì)Logo的過(guò)程中,用以保持幾何圖形和諧度的工具。網(wǎng)格也被稱之為結(jié)構(gòu)輔助線,具體取決于圖形的網(wǎng)格(或輔助)線條的使用方式。 Logo網(wǎng)格源于小方格,類似以前學(xué)校里用的網(wǎng)格紙。然而,其結(jié)構(gòu)的可能性很多,有些設(shè)計(jì)師使用圓形網(wǎng)格,或甚至根據(jù)不同案例創(chuàng)建自定義的網(wǎng)格系統(tǒng),包含定義高度、元素間距以及空白區(qū)域的“隱形”輔助線。 Logo網(wǎng)格通常利用數(shù)學(xué)運(yùn)算得出,用以規(guī)整設(shè)計(jì)過(guò)程元素和間距的關(guān)系。 常規(guī)網(wǎng)格樣式
Logogrid_img-2 網(wǎng)格被廣泛運(yùn)用于各類印刷或電子類設(shè)計(jì)項(xiàng)目。其中,有些網(wǎng)格系統(tǒng)歷史悠久,卻經(jīng)久不衰,更有一些現(xiàn)代或自定義樣式。(童鞋們可以嘗試回憶一下自己的工作流程,是否也會(huì)根據(jù)不同項(xiàng)目創(chuàng)建迷你網(wǎng)格系統(tǒng)呢?那就可稱之為自定義網(wǎng)格。) 有些最常用的網(wǎng)格系統(tǒng)也許是你每天所用,卻從未意識(shí)到的,譬如:三分法則——多被用于照片工具、黃金分割,或只是簡(jiǎn)單的分欄網(wǎng)格系統(tǒng)。 構(gòu)建Logo的網(wǎng)格系統(tǒng)其實(shí)和其它項(xiàng)目中所用的網(wǎng)格相仿,所不同的是Logo圖形有時(shí)并沒(méi)有像長(zhǎng)方形明信片或廣告牌那樣準(zhǔn)確的畫(huà)布尺寸。由于這個(gè)原因,有些Logo設(shè)計(jì)中仍選擇使用符合常規(guī)網(wǎng)格系統(tǒng)的輔助線,但是線條或曲線元素較為靈活,并不要求其精確吻合網(wǎng)格。
Logo網(wǎng)格的使用
koycarraway Logo網(wǎng)格的創(chuàng)建及使用方法有很多,童鞋們應(yīng)根據(jù)自己的項(xiàng)目以及工作習(xí)慣來(lái)適當(dāng)選用。
  1. 你是否有建立網(wǎng)格進(jìn)行工作的習(xí)慣?
  2. 你是否有設(shè)計(jì)過(guò)網(wǎng)格系統(tǒng)?
  3. 對(duì)于“打破”網(wǎng)格這件事,你怎么看?
  4. 你的Logo圖形會(huì)是什么形狀和樣式呢?
一旦你決定使用哪個(gè)等級(jí)的網(wǎng)格后(大部分設(shè)計(jì)師都有各自傾向的網(wǎng)格類別),就該來(lái)看看有哪些選擇了。當(dāng)然,你可以創(chuàng)建自己的網(wǎng)格,文中出現(xiàn)的常用網(wǎng)格案例大家也可參考選用。 使用網(wǎng)格的好處
pool-logo 我知道你在想什么。你肯定覺(jué)得這看起來(lái)那么復(fù)雜,我為什么非得用網(wǎng)格?在你決定閃人自由行事之前,至少應(yīng)該了解一下使用Logo網(wǎng)格或結(jié)構(gòu)輔助線的諸多用處。
  1. 網(wǎng)格有助建立系統(tǒng)性,以抓住重點(diǎn)。
  2. 網(wǎng)格可以幫你找到核心元素,從而建立簡(jiǎn)約、經(jīng)典不過(guò)時(shí)的設(shè)計(jì)。例如:蘋(píng)果和殼牌的Logo,它們都使用了超簡(jiǎn)約的經(jīng)典形式。
  3. 網(wǎng)格可以幫你定義Logo的各種尺寸。譬如像iOS圖標(biāo)設(shè)計(jì),輔助線是必不可少的,這樣你從一開(kāi)始就能更好地考慮到各種情況,是事半功倍的良方。
  4. 雖然有人覺(jué)得網(wǎng)格制造了諸多限制,但其實(shí)它反而提供了更大的靈活性。輔助線展示出繪制元素和移動(dòng)線條的更多可能,并且?guī)椭憧吹礁髟啬苓_(dá)到視覺(jué)平衡和美觀的組合方式。
  5. 網(wǎng)格對(duì)于空間的規(guī)劃很有好處,輕易就能打造元素間的協(xié)調(diào)感。
  6. 網(wǎng)格可以修飾你的設(shè)計(jì),為其加分。
  7. 有些網(wǎng)格,你設(shè)與不設(shè),它都在那里~因?yàn)榇蠹业囊暰€有固定模式。(譬如三分法則就是個(gè)很好的例子,因?yàn)檫@是視線在物體上的移動(dòng)規(guī)則。)因此,即使你未使用網(wǎng)格,有些網(wǎng)格仍然自動(dòng)適用。
網(wǎng)格使用須知 當(dāng)然,對(duì)于Logo設(shè)計(jì)中使用網(wǎng)格系統(tǒng)也有反對(duì)的聲音。對(duì)于此點(diǎn),設(shè)計(jì)師們的立場(chǎng)通常分為兩極,或者非常贊同,或者完全嗤之以鼻。
  1. 網(wǎng)格可能對(duì)創(chuàng)意產(chǎn)生限制,設(shè)計(jì)師們會(huì)有被固定圖形或圖案“鎖住”的感覺(jué)。因此,這可能導(dǎo)致最終Logo們都長(zhǎng)得很像。
  2. 自定義網(wǎng)格的流程是艱辛的。對(duì)于不熟悉網(wǎng)格的童鞋們,可能需要花一定的學(xué)習(xí)時(shí)間。
  3. 有可能會(huì)過(guò)分受制于網(wǎng)格的數(shù)學(xué)原理,致使網(wǎng)格呈非常規(guī)整的幾何形,不再是個(gè)真正的Logo設(shè)計(jì)。
  4. 設(shè)計(jì)師們也很可能受困于網(wǎng)格,不知何時(shí)該打破。
是否該使用Logo網(wǎng)格?
Logogrid_img-5 現(xiàn)在我們又回到了標(biāo)題中的問(wèn)題:你到底要不要用Logo網(wǎng)格呢? 答案是……看情況。 每個(gè)設(shè)計(jì)師的情況都不同。我的工作方式是,先天馬行空的畫(huà)草圖,而后勾畫(huà)輪廓,最后再用網(wǎng)格進(jìn)行梳理。這個(gè)流程可以幫助我檢測(cè)Logo的整體結(jié)構(gòu)是否“合理”,并發(fā)掘可以改進(jìn)的潛在可能性。 從網(wǎng)格開(kāi)始,或者只是簡(jiǎn)單對(duì)大小和圖形稍作界定,都是極好的~從零開(kāi)始設(shè)計(jì)Logo其實(shí)和造房子很像,有一個(gè)牢固的地基是長(zhǎng)久效用的保障。如果你是在做企業(yè)品牌或品牌形象的一部分,那么至少在Logo設(shè)計(jì)的結(jié)構(gòu)部分運(yùn)用網(wǎng)格,以確保元素的整體性。 這并不意味著你非得刻板地遵從所有隱形輔助線和曲線,它只是幫助你明確Logo的設(shè)計(jì)流程。在過(guò)程中,你興許會(huì)發(fā)現(xiàn)設(shè)計(jì)中的某些元素正是由網(wǎng)格系統(tǒng)而得來(lái)的。
結(jié)論 Logo網(wǎng)格對(duì)于設(shè)計(jì)師們來(lái)說(shuō)是個(gè)敏感的話題,但是各方的論點(diǎn)都十分有趣。只需在谷歌上搜索“Logo網(wǎng)格”,你一定能找到成百上千篇分析解構(gòu)Logo的文章,無(wú)論這些設(shè)計(jì)是運(yùn)用了網(wǎng)格,還是隨手畫(huà)得。譬如標(biāo)志性的蘋(píng)果Logo,就長(zhǎng)久以來(lái)被受爭(zhēng)議。 和其它設(shè)計(jì)技巧一樣,有些設(shè)計(jì)師大愛(ài)Logo網(wǎng)格,而有些卻對(duì)其頭痛不已。無(wú)論你屬于哪方陣營(yíng),相信大家都能認(rèn)同 Graham Smith 的觀點(diǎn):“Logo的想法最初總是出自于我們的大腦或手中的筆桿,而非大量的輔助線、網(wǎng)格或各種圓形曲線。” 
22
評(píng)論區(qū)(0)
正在加載評(píng)論...