講解logo設(shè)計(jì)中輔助線的使用(4)

去年我收到很多設(shè)計(jì)師發(fā)來的郵件，問我logo設(shè)計(jì)過程中使用輔助線、 網(wǎng)格、圓切等是否是十分重要的？

我非常能明白當(dāng)你看到別人的logo設(shè)計(jì)中加的那些看起來非常系統(tǒng)且科學(xué)的輔助線，心里感到的那些焦慮及不確定。（大家都在想這些牛人都怎么畫出這些輔助線的啊？這些是他們做logo設(shè)計(jì)前就畫好，然后開始設(shè)計(jì)logo的嗎？）

這里我給大家舉個(gè)我自己做過的案例，關(guān)于Wavepulse Acoustics的logo設(shè)計(jì)。（見下圖）

這張圖看起來比較牛的就是頭頂?shù)哪莻�(gè)部分，粉色的線，藍(lán)色的線，圓形互切，弧形，再加一些數(shù)字符號(hào)，x，y之類的，還有箭頭。這些都是讓我的logo設(shè)計(jì)看起來完美無缺的小技巧。

問題來啦，我們是否真需要這些看起來像激光手術(shù)一樣精確的輔助線呢？

答案是，我們真不需要，但是不同情況下也真是會(huì)用到。

如果我告訴你們這些輔助線啊，數(shù)字，箭頭等都是我設(shè)計(jì)完logo后再加上去的，你會(huì)驚訝嗎？

我加這些輔助的東西并不簡單是為了好看，這個(gè)案例中的這些輔助線提供了這個(gè)logo設(shè)計(jì)中的元素對(duì)齊的一些重要信息。

如頁面排版中我們用到的基本水平對(duì)齊原則，我設(shè)計(jì)這個(gè)logo的時(shí)候也做了基本的水平對(duì)齊。但是logo設(shè)計(jì)過程中我并沒有考慮到x，y的間距，也沒有那個(gè)左邊的半圓弧線 及各種箭頭標(biāo)明2倍的x距離等。

在我做完總體設(shè)計(jì)后，選擇好字體，然后開始加這些準(zhǔn)確的參考線，網(wǎng)格及圓切與弧線來對(duì)logo進(jìn)一步的完善。Wavepulse Acoustics的logo設(shè)計(jì)事實(shí)上是我非常想要icon與字體水平對(duì)齊做的非常精確的一個(gè)設(shè)計(jì)。

這里需要注意的最終的一點(diǎn)是，這些輔助圖形的使用是用于最終完善這個(gè)logo設(shè)計(jì)的，而不是在做logo設(shè)計(jì)一開始就用到的基礎(chǔ)構(gòu)型手段。

這里想說的另一點(diǎn)是這些輔助線不是完全就是用來裝高大上的。

讓我來進(jìn)一步解釋下這個(gè)事情。

【關(guān)于 形態(tài)與視覺美感】

每個(gè)設(shè)計(jì)師都有自己對(duì)形態(tài)及視覺美感的理解。設(shè)計(jì)師至少需要有對(duì)自己審美觀的自信。因?yàn)閷?duì)于很多用數(shù)學(xué)輔助線設(shè)計(jì)出來的東西，有時(shí)候需要手動(dòng)進(jìn)行調(diào)整使其視覺上更具美感，即使這個(gè)改進(jìn)需要完全打破預(yù)定好的輔助線，設(shè)計(jì)師也要自信自己的判斷。

也許你會(huì)經(jīng)常聽到一些人有些調(diào)整英文的字母及字母間距完全就是根據(jù)眼睛來判斷的而不用尺子或者其他數(shù)學(xué)工具來調(diào)整。不是所有的用數(shù)學(xué)輔助線設(shè)計(jì)出來的東西都是“完美的”。

logo設(shè)計(jì)亦是如此。適時(shí)適度的手動(dòng)調(diào)整有時(shí)候比用數(shù)學(xué)輔助線畫出來的東西更能創(chuàng)造一個(gè)好的logo。

當(dāng)然在設(shè)計(jì)過程中，如果你的腦子里已經(jīng)有這些輔助線的概念，應(yīng)該對(duì)你的設(shè)計(jì)是很有幫助的。它讓你在做logo的過程中懂得如何如調(diào)整間距，讓其在視覺上看起來更舒服。你可以在logo做完后再添加這些輔助線，前提是這些輔助線真能幫助提高你的logo視覺美感，否則的話寧可讓logo更自然，而不是應(yīng)塞到輔助線里去。

【案列分析】

我做過的一些logo中創(chuàng)作過程中運(yùn)用到視覺準(zhǔn)確及基礎(chǔ)水平輔助線以幫助各元素對(duì)齊的包括：Tom & Teddy, Safer, Feedly and Tamara Kauffman.

我做過的一些logo中在做完之后添加輔助線以完善設(shè)計(jì)的包括Frictn, Panelit, Skiplex, Foehn & Hirsch and Keyboard Kahuna.

有時(shí)候，在icon與第一個(gè)單詞，第一個(gè)單詞與第二個(gè)單詞之間的垂直間距需要相等，以達(dá)到視覺平衡。

在 Keyboard Kahuna 的案例中我同時(shí)保證了icon中小人對(duì)右邊黑色邊框的距離與外部的icon與單詞之間的距離相等。

但是有時(shí)候這些輔助線在視覺完善上卻毫無幫助。

Foehn & Hirsch案例中略有不同，我當(dāng)時(shí)非常糾結(jié)于方框內(nèi)的文字位置，我加了不同的x，y的位置來定位了這兒位置。

這兩個(gè)案例中，輔助線并不是為了裝B，而是真的給logo設(shè)計(jì)的準(zhǔn)確性及完整性提供了很大的幫助。

Skiplex 的logo設(shè)計(jì)中比較注重的是角度輔助線的問題了。我對(duì)字母k，字母i的頂部，及字母e的收筆處都做了相同角度的處理。粉色圓圈部分只是我增加后給客戶展示我是如何整體性考慮這個(gè)logo設(shè)計(jì)的水平與垂直線相交的角度一致的。這里的每一條線與圓圈的使用都是為了讓客戶更深入的了解這個(gè)logo的結(jié)構(gòu)。

【另一面】

有些case我看到非�？鋸埖妮o助線圖，恨不得每個(gè)角度，線條，間距都由圓形，弧線等切畫出來。我都懷疑他們用在畫這些輔助線的時(shí)間比他們用于設(shè)計(jì)logo的時(shí)間更多

一個(gè)比較合理的視覺輔助線應(yīng)用應(yīng)該是像apple 的logo輔助線圖。在apple的這個(gè)案列中，輔助線很好的幫助準(zhǔn)確定位了圖形線條。另一種受益于用圓及弧線切的是字體設(shè)計(jì)及基于字體的logo設(shè)計(jì)。

在第一次看到這些用圓及弧線切出來的很多l(xiāng)ogo的時(shí)候都會(huì)讓人印象深刻，但是請(qǐng)您千萬不要迷信這個(gè)就是好logo被設(shè)計(jì)出來的唯一方法。

好的logo通常都是來自于好的創(chuàng)意或者鉛筆畫出來的靈感，而不是來自一堆的輔助線，網(wǎng)格，圓弧。

【結(jié)論】

所以下次你做logo的時(shí)候，你開始懷疑你是否真不會(huì)用這些輔助線，網(wǎng)格，圓弧的時(shí)候，或者你看到別人的logo設(shè)計(jì)有很多這些輔助線的時(shí)候，請(qǐng)不要驚慌。有些時(shí)候這些看起來非常漂亮的輔助線，都只是設(shè)計(jì)師咖啡喝多了，然后覺得非得用100萬個(gè)圓來切出一個(gè)完美的圓形。

當(dāng)然從另一面看也有很多非常好的案例讓你理解通過這些logo的輔助線分析，你可以看到一個(gè)logo是怎么設(shè)計(jì)出來的，通過輔助線讓你看到一個(gè)圖形背后的數(shù)學(xué)原理。

需要記住的一點(diǎn)就是，輔助線可以幫助logo設(shè)計(jì)過程中需要的的對(duì)齊，等距等問題，讓你的logo設(shè)計(jì)更為完善，在Skiplex的logo案例中，輔助線也能幫助你的客戶更深入了解你設(shè)計(jì)的logo的結(jié)構(gòu)等。這些都是輔助線的優(yōu)點(diǎn)。