只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

我們經常會看到這樣的圖,在一個簡單的標志上環繞著很多的輔助線,看起來很專業、很厲害的樣子,這些輔助線真的有用嗎?設計一個標志而已,真的需要搞那么復雜嗎?不會是用來忽悠客戶的吧?這些輔助線展示的是標志的制圖規范,標志規范是標志設計中很重要的一個部分。

經過嚴格規范的標志會更美觀、更方便延展和制作,當然也確實是專業的體現。所以,蔥爺打算在這篇文章中詳細講解一下,標志設計的規范化是怎么操作的?

圓角的地方一定要是正圓

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

下圖是陌陌APP的前標志,圖形中的每處圓角也都是正圓。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

對于這類標志的設計過程,其實并不是先畫好曲線再用正圓來規范,而是在制圖的時候就用正圓來設計。舉個例子,如果我們要畫一個圓角的等邊三角形,正確的步驟應該是這樣的。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

雖然在CC版本的AI中,只需拖動直角的端點就能畫出標準的圓角,但是原理也是如此。

用圓或橢圓規范弧線

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

作為一個普通的圖形并沒什么問題,但如果想把這個「2」當成標志使用,那么就需要規范一下,比如上圖標出的這四條弧線都可以用正圓來進行規范。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

對齊

我們都知道對齊是版式設計很重要的技巧,其實在標志設計中也經常要用到對齊,例如下圖的字體設計,在沒規范過的情況下很不嚴謹,主要是該對齊的地方沒對齊,例如下方右圖用紅線標出的這幾個地方。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

當把上圖標出的這幾處地方都對齊后,整個標志就變得嚴謹了很多。所以在設計標志的時候要多去觀察哪些細節之處是可以對齊的。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

統一

統一在標志設計的很多地方都有體現,比如在標志的字體設計中,同類型的筆畫,在粗細和結構上都(如襯線、倒腳等)要統一;圖形中的線條粗細、線條間斷開的距離也需要統一。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

在上圖的標志設計中,所有線條的寬度都是統一的,弧線與弧線之間的間距也是統一的,所以該圖形看起來很規整、很嚴謹。

使用常見的角度數值

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

比如在谷歌的標志中,字母「G」被斜切的角度剛好是90度的一半45度,而字母「e」旋轉的角度則剛好是45度的一半22.5度。

圓形輪廓與黃金比例

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

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

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

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

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

綜合實例

逐個聊完標志規范的各種操作后,我們再來綜合的看一看,如何完整的規范一個標志。以一個名為「冰蝶谷」的品牌 Logo 設計為例,下圖是草圖構想,在上機操作的過程中就需要用到 logo 的規范技巧了。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

當圖形畫好后,接下來就是處理字體,字體的設計我在這里不多說,我們主要來看看它的規范:

  • 筆畫粗細與圖形統一;
  • 筆畫的端點都是正圓角;
  • 交叉連接的筆畫處也要用同樣大小的圓來規范。

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

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

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

把以上在設計和規范過程中用到的輔助線都還原出來,就得到了如下這個圖,看起來是不是也有一種很專業、很牛逼的感覺啊?

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

結語

關于標志的規范化到這里終于分享完了,是不是完全沒有想象的復雜。當然,并不是經過了規范的標志就是優秀、好看的標志,就好像不是運用了網格系統就能排出好看的版式一樣,規范只是能使你的標志看起來更嚴謹、更專業,切勿舍本逐末。

歡迎關注作者的微信公眾號:「蔥爺」

只會畫LOGO的設計師月薪3K,會加輔助線的設計師月薪3W......

收藏 665
點贊 31

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。