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

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

圓角的地方一定要是正圓

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

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

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

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

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

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

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

對(duì)齊

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

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

統(tǒng)一

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

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

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

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

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

圓形輪廓與黃金比例

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

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

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

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

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

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

綜合實(shí)例

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

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

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

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

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

? 筆畫(huà)粗細(xì)與圖形統(tǒng)一；

? 筆畫(huà)的端點(diǎn)都是正圓角；

? 交叉連接的筆畫(huà)處也要用同樣大小的圓來(lái)規(guī)范。

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

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

結(jié)語(yǔ)

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