我們經(jīng)常會看到這樣的圖，在一個簡單的標(biāo)志上環(huán)繞著很多的輔助線，看起來很專業(yè)、很厲害的樣子，這些輔助線真的有用嗎？設(shè)計(jì)一個標(biāo)志而已，真的需要搞那么復(fù)雜嗎？不會是用來忽悠客戶的吧？這些輔助線展示的是標(biāo)志的制圖規(guī)范，標(biāo)志規(guī)范是標(biāo)志設(shè)計(jì)中很重要的一個部分。

經(jīng)過嚴(yán)格規(guī)范的標(biāo)志會更美觀、更方便延展和制作，當(dāng)然也確實(shí)是專業(yè)的體現(xiàn)。所以，蔥爺打算在這篇文章中詳細(xì)講解一下，標(biāo)志設(shè)計(jì)的規(guī)范化是怎么操作的？

圓角的地方一定要是正圓

在一些幾何圖形或者字體設(shè)計(jì)中，我們經(jīng)常會用到圓角，而這些圓角一定要是在某個正圓的基礎(chǔ)上畫出來的，所以不可以直接用鋼筆工具去畫圓角。例如在下圖的這組英文字體設(shè)計(jì)中，所有圓角都是以正圓作為基礎(chǔ)。

下圖是陌陌APP的前標(biāo)志，圖形中的每處圓角也都是正圓。

對于這類標(biāo)志的設(shè)計(jì)過程，其實(shí)并不是先畫好曲線再用正圓來規(guī)范，而是在制圖的時候就用正圓來設(shè)計(jì)。舉個例子，如果我們要畫一個圓角的等邊三角形，正確的步驟應(yīng)該是這樣的。

雖然在CC版本的AI中，只需拖動直角的端點(diǎn)就能畫出標(biāo)準(zhǔn)的圓角，但是原理也是如此。

用圓或橢圓規(guī)范弧線

運(yùn)用到弧線的標(biāo)志圖形非常多，而這些弧線同樣不是憑著感覺隨便畫的，為了使其更美觀，我們需要用正圓或者橢圓來進(jìn)行規(guī)范。例如下圖的數(shù)字「2」是沒有經(jīng)過規(guī)范的，我們從圖中可以看出在「2」的輪廓上有4處弧線。

作為一個普通的圖形并沒什么問題，但如果想把這個「2」當(dāng)成標(biāo)志使用，那么就需要規(guī)范一下，比如上圖標(biāo)出的這四條弧線都可以用正圓來進(jìn)行規(guī)范。

對齊

我們都知道對齊是版式設(shè)計(jì)很重要的技巧，其實(shí)在標(biāo)志設(shè)計(jì)中也經(jīng)常要用到對齊，例如下圖的字體設(shè)計(jì)，在沒規(guī)范過的情況下很不嚴(yán)謹(jǐn)，主要是該對齊的地方?jīng)]對齊，例如下方右圖用紅線標(biāo)出的這幾個地方。

當(dāng)把上圖標(biāo)出的這幾處地方都對齊后，整個標(biāo)志就變得嚴(yán)謹(jǐn)了很多。所以在設(shè)計(jì)標(biāo)志的時候要多去觀察哪些細(xì)節(jié)之處是可以對齊的。

統(tǒng)一

統(tǒng)一在標(biāo)志設(shè)計(jì)的很多地方都有體現(xiàn)，比如在標(biāo)志的字體設(shè)計(jì)中，同類型的筆畫，在粗細(xì)和結(jié)構(gòu)上都（如襯線、倒腳等）要統(tǒng)一；圖形中的線條粗細(xì)、線條間斷開的距離也需要統(tǒng)一。

在上圖的標(biāo)志設(shè)計(jì)中，所有線條的寬度都是統(tǒng)一的，弧線與弧線之間的間距也是統(tǒng)一的，所以該圖形看起來很規(guī)整、很嚴(yán)謹(jǐn)。

使用常見的角度數(shù)值

120°、90°、45°、30°、22.5°、20°、15°等，都是比較常見的角度，這些角度值大家更熟悉，也更容易被記住和延展操作。

比如在谷歌的標(biāo)志中，字母「G」被斜切的角度剛好是90度的一半45度，而字母「e」旋轉(zhuǎn)的角度則剛好是45度的一半22.5度。

圓形輪廓與黃金比例

如果圖形外輪廓的端點(diǎn)接近于在同一個圓上，那就讓它們剛好在一個圓上，如果比例大小接近黃金比例，那就讓它真正符合黃金比例。

例如下圖的眼睛圖形，眼珠和眼珠的高光該放在什么位置最合適呢？如果放在圖形的正中心，那會顯得很呆板、不自然，所以設(shè)計(jì)師把它的位置設(shè)定在一個黃金分割的位置，效果不錯。

再比如下面這個圖形是由兩個圓角的等邊三角形交差形成的，那么這兩個圖形交差到什么位置比較合適呢？從下圖中可以看出，使圖形最外側(cè)的幾個點(diǎn)都位于一個正圓上效果是最好的。

圖形與文字的大小、距離最好成某種比例關(guān)系

標(biāo)志的圖形和文字的大小也不是隨便拉的，包括他們之間的距離也有講究，一般的做法是以圖形幾分之一為一個單位X，然后字體的高度、字體與圖形間的距離設(shè)置為Y個X值。或者以文字的橫向（豎向）筆畫厚度作為一個單位X，然后把圖形的高度（寬度）、圖形與文字間的距離設(shè)置成Y個X值。

例如上圖的抖音標(biāo)志，就是以文字的橫向筆畫高度定位一個單位：X。圖形的邊寬為 3.5X，文字離圖形的距離正好是 2.5X，圖形的高度則正好是 18.5X。

綜合實(shí)例

逐個聊完標(biāo)志規(guī)范的各種操作后，我們再來綜合的看一看，如何完整的規(guī)范一個標(biāo)志。以一個名為「冰蝶谷」的品牌 Logo 設(shè)計(jì)為例，下圖是草圖構(gòu)想，在上機(jī)操作的過程中就需要用到 logo 的規(guī)范技巧了。

首先是蝴蝶的翅膀，其實(shí)可以用兩個正圓來設(shè)計(jì)，而這兩個圓的大小是相等的，包括翅膀的長寬比也可以設(shè)置為黃金比，兩個圓的交接處也要在圓的基礎(chǔ)上畫弧線。輪廓畫好后，再選擇一個粗細(xì)適中的描邊。

把圖形畫好后，再把它順時針旋轉(zhuǎn)45度度，這就是蝴蝶右邊的翅膀，接下來就需要把這個圖形復(fù)制一層然后做一個垂直翻轉(zhuǎn)，把復(fù)制出來圖形移到左邊，這個時候一對蝴蝶翅膀就都出來了，而這兩個圖形該交叉到什么位置才最合適呢？這里再一次用到了黃金比，即整個圖形的長與寬的比也是1.618:1。需要注意的是，并不是所有比例都得符合黃金比，主要以視覺效果作為標(biāo)準(zhǔn)。

接下來是畫蝴蝶的頭和觸角部分，我這里選擇了使用等邊三角形來做，頭部同樣用圓進(jìn)行規(guī)范，且此處的圓與翅膀處的小圓是同樣大小的。觸角的長度與頭部線條的長度又是成黃金比，而頭部與翅膀之間的距離則是與圖形的線條寬度統(tǒng)一的。

當(dāng)圖形畫好后，接下來就是處理字體，字體的設(shè)計(jì)我在這里不多說，我們主要來看看它的規(guī)范：

• 筆畫粗細(xì)與圖形統(tǒng)一；
• 筆畫的端點(diǎn)都是正圓角；
• 交叉連接的筆畫處也要用同樣大小的圓來規(guī)范。

再接下來是排版，首先是圖形與文字的大小比例，沒錯，還是黃金比，包括中文與英文也是成黃金比；其次是間距，我們以文字筆畫的厚度作為一個單位X，圖形與文字的距離可以設(shè)置為2X，而中文與英文的間隔則為1X，這樣整個標(biāo)志的規(guī)范就做完了。

把以上在設(shè)計(jì)和規(guī)范過程中用到的輔助線都還原出來，就得到了如下這個圖，看起來是不是也有一種很專業(yè)、很牛逼的感覺啊？

結(jié)語

關(guān)于標(biāo)志的規(guī)范化到這里終于分享完了，是不是完全沒有想象的復(fù)雜。當(dāng)然，并不是經(jīng)過了規(guī)范的標(biāo)志就是優(yōu)秀、好看的標(biāo)志，就好像不是運(yùn)用了網(wǎng)格系統(tǒng)就能排出好看的版式一樣，規(guī)范只是能使你的標(biāo)志看起來更嚴(yán)謹(jǐn)、更專業(yè)，切勿舍本逐末。

歡迎關(guān)注作者的微信公眾號：「蔥爺」