詳解logo設計的規範化是怎麼操作的!

2021-01-07 logo設計網

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

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

1.圓角的地方一定要是正圓

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

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

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

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

2.用圓或橢圓規範弧線

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

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

3.對齊

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

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

4.統一

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

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

5.使用常見的角度數值

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

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

6.圓形輪廓與黃金比例

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

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

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

7.圖形與文字的大小、距離最好成某種比例關係。

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

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

綜合實例

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

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

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

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

當圖形畫好後,接下來就是處理字體,字體的設計我在這裡不多說,我們主要來看看它的規範,1.筆畫粗細與圖形統一;2.筆畫的端點都是正圓角;3,交叉連接的筆畫處也要用同樣大小的圓來規範。

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

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

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

如何判斷你設計的標誌好不好?

相關焦點

  • 企業商標logo怎麼規範化設計及使用?
    商標logo是企業的象徵,影響大眾對企業的第一印象和直觀感受。品牌logo代表著企業文化,而logo的使用場所卻十分複雜多變,這種情況下,如何規範化設計和使用logo,便成了一個微妙的問題。一、品牌Logo的世界觀定位Logo規範,不僅僅針對設計,同時也包括對品牌世界觀的定位,這個定位的目的,是為了在傳播時,把品牌內涵、視覺形象等內容融合在一起。
  • 公司前臺logo牆怎麼裝修設計?前臺logo牆設計要點(圖)
    進入企業的第一印象往往是企業logo牆,直接給客戶以視覺衝擊,也是體現公司實力與形象的最重要的標準之一,所以企業logo牆不同於普通的隔斷牆,在進行企業logo牆裝修設計時,要充分考慮到她的重要性,施工中要兼顧美觀、穩定、安全。那麼,公司前臺logo牆怎麼裝修設計?
  • 如何設計抖音LOGO頭像 抖音logo怎麼設計好看
    首頁 > 問答 > 關鍵詞 > 抖音最新資訊 > 正文 如何設計抖音LOGO頭像 抖音logo怎麼設計好看
  • 字體LOGO設計詳解
    logofree君分享過設計Logo的常規思路與流程,其實理論聯繫實際才可以理解得更加透徹,今天logofree君就以實木家具定製品牌字體LOGO設計作為例子來解析,讓朋友們更加深入理解。提案十分順暢,委託人認為這款Logo設計方案完整的表達了非左即右品牌希望傳達的「高質量質樸木作」這一產品特性。這個設計項目就這麼愉快的結束了。插曲:字體再設計但是半年之後委託人又找到了我,這個Logo因為與另一個品牌「左右家私」含義雷同所以被駁回了。
  • 如何用AI設計logo?扁平化圖標logo設計案例詳解
    手機應用等扁平化的logo圖標非常漂亮,如何設計呢?非常簡單,今天萬逢春給大家做一遍演示,教大家如何輕鬆搞定扁平化圖標logo設計。第一步,新建文檔,選擇鉛筆工具,繪製圖形,使用平滑 工具拖動滑鼠,使得路徑變得平滑。
  • 沒有經驗,不會用ps,怎麼設計logo圖案?t恤在線設計工具
    Photoshop等圖形編輯軟體的技術門檻限制了部分創意的實現,沒有設計經驗,不會使用Photoshop,要怎麼設計logo圖案呢?推薦一些方便快捷的設計工具給大家。Logo神器基於數據分析和設計原理,人工智慧在線生成多款AI原創方案,版權可商務。
  • 公眾號圖片怎麼排版操作詳解
    公眾號圖片怎麼排版操作詳解本文主要介紹公眾號文章的內文圖片排版方法,主要介紹的部分是哪裡找,怎麼排、怎麼修等方法。話不多說。公眾號圖片怎麼排版操作詳解值得注意的是,上傳完圖片之後,可以自己調整圖片的大小,點擊圖片,在彈出的工具欄裡面點擊那三個點,可以通過輸入百分比數字,調整圖片的大小,這樣能夠適配素材,達到更好的效果。
  • CAD外部參照怎麼炸開的操作方法詳解
    CAD外部參照怎麼炸開?在使用CAD軟體進行平面圖操作的時候,我們往往會引入外部參照來做我們設計的標準。如果我們需要編輯外部參照的時候,就需要將CAD外部參照炸開。本期,就來和模型雲一起看看炸開CAD外部參照的操作方法吧!
  • Arcaea遊戲怎麼玩新手操作技巧詳解
    導 讀 Arcaea遊戲怎麼玩?Arcaea遊戲新手怎麼操作?
  • LOGO設計公司:好LOGO的七大標準
    LOGO設計要有關聯性設計的logo應當符合客戶的業務屬性,如果為一名律師設計logo,那就應當摒棄任何不嚴肅的元素。如果為一個視頻網站設計logo,那就要體現視頻的屬性;對於一個白血病組織來說,設計一個笑臉可不是什麼好主意。設計的logo應該跟客戶的行業、面向的群體相關,要了解這些方面需要花時間深入調查。
  • logo免費在線製作,這樣的logo設計真的很簡單
    logo免費在線製作,這樣的logo設計真的很簡單 logo免費在線製作,這樣的logo設計真的很簡單。
  • 新手怎樣設計logo
    現在很多年輕人想要在網上兼職,工作之餘賺一點外快,而網絡兼職的一個重大領域就是創意設計類,其中logo設計尤為火爆,接下來就為大家講一下怎麼設計一個logo。在設計一個logo之前,你首先要學習並熟練掌握photoshop,illustrator,這是最正規的logo設計軟體。
  • LOGO設計的創意方法超級教程!
    你在別人家基本看不到這些logo是怎麼誕生的,而今天給各位爺(還有各位格格、公公、嬤嬤)開開眼,下面開始揭秘以上三個logo的設計過程,先看再嘮嗑!其實並不一定是這樣的,這個要看我們怎麼界定「創意」二字,在開篇三個案例中,你會看到從設計結果層面看,logo設計有時候真的不需要「創意」,甚至都不需要好看(那個麼牛暑)!
  • logo在線製作生成_企幫手_免費logo圖標設計工具
    ​商標logo作為公司企業或產品的標識類設計,對其品牌產品進行專業化的品牌LOGO設計是非常重要的。特別是對於不同企業的品牌產品來說,可以有效的為廣大的用戶和消費者提供最佳的辨識性。企幫手是一款操作靈活簡單,功能強大的自助免費logo在線設計工具,擁有多樣化的設計元素,只需簡單幾步,即可在線智能生成logo圖標,提供一站式在線設計服務,海量高端設計任你選擇。行業類別選擇——無論您在哪個行業領域,在這裡都能找到令人滿意的設計。
  • LOGO設計中那些圈圈叉叉有什麼用?評論區又被攻佔了
    ,截止目前參與評論數已達到1418,可見該話題的熱議程度~相信剛開始學習設計、或者以後可能是甲方的同學,都會有這樣一個疑問,那些LOGO中的網格和圈圈,是什麼意思、有什麼用、是怎麼做出來的,困惑了很多設計新人。
  • 《密不可分》怎麼戰鬥?Indivisible戰鬥操作技巧詳解
    密不可分怎麼戰鬥?有什麼技巧講究?如果大家能掌握一些技巧,在參與戰鬥時會方便不少,這裡大家帶來了Indivisible戰鬥操作技巧詳解,詳情一起來看下具體玩法吧。 密不可分怎麼戰鬥?有什麼技巧講究?
  • 戰雙帕彌什亂數怎麼操作 技能操作詳解
    首先亂數的群攻輸出是物理角色的天花板,戰區中的王者角色。 亂數的紅藍黃三色球該怎麼消除呢?亂數的常用連招是任意三消加上紅球釋放強化紅球就可以打出高額傷害。在消除屬性球是要想打出最高的傷害就需要先消除黃球再消除藍球最後在消除紅球,在黃藍紅消除順序下就可以打出一套輸出循環。 武器推薦:零度定標。技能空間領主造成的傷害增加10%,三消後物理增加15%,持續5秒。
  • 平面設計——logo設計
    Logo,是品牌的靈魂,一個logo的好與壞,影響品牌的市場佔有率。Logo設計的風格很多樣化,有強烈風格的logo更能讓人記住,一些知名品牌的logo看起來簡潔易記,在消費者心中留下不可磨滅的印象。今天竹上貓小編就來分享一些不同風格的logo,視覺上簡潔大氣,彰顯品牌的蘊意。
  • 廣告設計之logo提案
    廣告設計之logo提案hello,大家好,這裡是貓小哥聊設計,每天我會持續更新關於廣告設計的內容,與各位分享廣告設計技巧,讓我們一起學習加油把。今天我們來聊聊logo的提案部分。什麼是logo提案簡單來說,就是logo的解釋說明,我們設計出來的logo是我們對這個logo主觀的表現,所以我們需要對這個logo進行解釋,這樣會讓甲方知道我們logo的理念等信息,更容易地達成合作。logo提案是對logo的解釋說明,但不一定時在logo做出來之後再做,也有可能是為了競標而先於logo做出來。
  • 烘焙店Logo應該怎麼設計,能夠讓人一眼記住?
    那麼應該怎樣設計品牌logo呢? LOGO設計:簡潔直白有特點 店名起好後,logo就可以圍繞著名字進行設計。