提高檔次！8個必學Logo設計準則

如下內容由Mockplus團隊翻譯整理，僅供學習交流，Mockplus是更快更簡單的原型設計工具。

Logo設計的優劣直接影響整個品牌的美學和價值感。若是想要讓logo正確、符合預期地發揮價值，這須要必定的準則來進行規範。這就是咱們所說的logo使用準則(guideline)，是全部品牌策略和樣式設計的重要組成要素之一。

那麼，logo使用準則是指什麼呢？Logo使用準則應成爲全部公司品牌準則的一部分, 規定其logo在不一樣背景下的外觀、不一樣頁面上的方向，及logo的形狀、比例等。

這些準則有助於避免logo被以任何方式修改、拉伸或以其餘與品牌定位不符的方式呈現，而失去完整性。

每一個品牌都應爲本身的logo使用設置準則。 如下是一些基本的logo使用準則：

• Logo四周留白
• 調色板
• 版式和字體
• 尺寸
• 描述
• 色彩
• 版本
• 錯誤的logo用法

接下來，跟隨摹客的小夥伴一塊兒來探索每一個準則的含義及其緣由吧~

1. Logo四周留白

「Logo四周至少應提供與咱們在下面顯示的內容相同的填充，使其整潔美觀。」 --《 Squarespace logo準則》。

Logo周圍應保持足夠的留白空間，提升logo辨識度和視覺衝擊力。這聽起來很簡單，但並不是全部人都知道。沒準就有人把你的logo用到很是狹窄的頁面上，沒有足夠的留白，讓人以爲壓迫和窒息。

示例：99designs的間距準則

99分隔符開創了logo間距的先例。

「99designs的logo使用「開放式白色畫布」做爲隱喻，支撐了品牌的視覺語言-大量的空白。logo兩邊的「99」分隔符不是留白間距的指望值，而是絕對最小值。」

經過以上兩個案例，你大概能夠了解logo四周留白的必要性和重要性。

2. 調色板

設計師巧妙地展現了該品牌的調色板。

你的品牌色是什麼呢？ 慶祝地球日的時候，你的logo是否也會隨主流，使用經典的綠色？或者是堅持本身的品牌色調，不同凡響？

體驗摹客在線原型設計

品牌的調色板一般由四種或五種顏色組成，與其logo顏色互相包含或互補。

經驗總結：

• 淺色背景
• 深色文本
• 中性陰影
• 一個突出色彩

紐約州的品牌概述中使用的調色板.

根據logo使用指南，你的調色板應顯示你使用的顏色及其準確的信息，包括：Pantone顏色名稱和編號，CMYK（打印顏色）以及RGB和十六進制代碼（數字顏色）。

3. 版式和字體

版式和字體規定了哪些字體與你的logo和品牌相匹配。若是你認爲在具備現代感的迷你logo下搭配的腳本字體不利於你的設計，那麼最好經過設計準則進行說明。如下是一些可幫助你在logo使用準則中設置優秀版式的規則。

easyGroup的品牌手冊規定了每種字體的使用場景。

• 你的品牌字體是什麼？
• 
  

這是你須要肯定的版式指南的第一個步驟。

• 爲何選擇該字體？
• 
  

描述選用該字體表明你的品牌的緣由。

• 你其餘通信方式中使用的字體是什麼？
• 
  

你是否容許品牌周圍的字體出現任何陰影或字體效果。

如下是來自Open Source Initiative的logo使用指南示例：「咱們建議使用Open Sans Ultra-Bold字體對應「開放」，使用Open Sans Semi-Bold字體對應「源計劃」做爲OSI logo的補充字體。」

簡單、簡潔，不會混淆。

4. Logo尺寸

Medium的最小數字尺寸強調了其對品牌標識的重要性。

這是logo使用指南中最簡單的一點：設置最小尺寸。最小尺寸通常使用像素做單位，須要印刷的使用英寸或毫米做單位。與最小尺寸同等重要的是設置logo的比例值，用於保證你的logo不論是在信頭、產品，或數字應用與打印中都能保證一樣的比例和大小。

最小尺寸和比例值準則也很簡單：

• Logo在任何尺寸下都應該清晰易讀。除非有足夠的空間，不然請勿使用完整的Medium logo。
• 請勿拉伸或變形。

或者：

• 網站圖標必須保證爲16 x 16像素。
• 字標和徽標的最小尺寸均爲20像素。
• 全部的數字簽名最小尺寸爲35像素。

5. Logo描述

用清晰明瞭的文字描述你的logo的正確拼寫方式，以防有人誤讀。人們只是知道這個品牌而不知道它的logo的正確拼寫的話，還不足以造成強烈的品牌認同感。

Logo本質上是品牌名稱，但並不是全部logo都必須包含名稱,例如Apple。你們都知道它的logo是一隻被咬了一口的蘋果。Logo與品牌名同義。

Logo描述是其外觀以及品牌理念的簡要說明。例以下面這個設計：

「缺乏單詞的logo設計，創意十足。」

6. 色彩

Logo設計最主要的原則之一就是以最簡單的黑白色彩呈現，不加任何其餘效果。是否還有其餘的顏色搭配方案呢？這是你在logo使用指南中必須明確的內容。如下是logo顏色使用注意事項：

• 白色背景上的logo顏色
• 深色背景上的logo顏色
• 黑白色搭配的logo效果
• 灰度logo vs 彩色logo
• 反差色logo

你的準則裏應明確包含logo的全部在接受範圍內的顏色變化。

Google的logo和商標頁面上有關於其logo顏色使用的明確規定。

7.Logo變體及其使用環境

根據不一樣使用場景，公司通常會準備幾套logo及商標的設計方案，例如一個完整版本的logo有文字標記、字母標記，一個簡化版的logo，avicon和avatar。全部變體版本都須要互相映託，並保持統一的風格。

Logo 變體示例。

例如，文字標記是一種基於字體的logo，它能使公司的名字朗朗上口、記憶深入。一般，文字標記類型的logo會被賦予簡潔的視覺效果包裝在一個正方形框內。簡化版的設計與複雜、視覺繁忙的背景搭配更有利於視覺協調。

Logo使用準則應該包括各類變體及給出具體的使用建議。例如：規定標準logo的樣式，並應該在全部商品上出現。標準文字標記，以及須要簽署的文件有哪些。

8.Logo錯誤使用示例

學習錯誤的logo用法也能幫助你進步和提高。由此，你能夠總結出一些常見的logo使用上容易出現的問題，例如變形、顏色搭配錯誤，比例不協調等。

常見Logo錯誤使用示例：

• 視覺實際呈現與預想不一樣
• 
  
• 低分辨率降、模糊、方向混亂
• 
  

經過優劣對比的方式在使用準則中明確出哪種展現方式更好。

Wordpress logo變體示例。

Facebook的品牌資源中心清楚地展現了其Logo的正確和錯誤的用法。

總結：優秀的使用準則會讓你的logo看起來更協調

設置logo使用準則最重要的意義是明確它全部可能會被用到的地方和經過錯誤的使用示例向用戶展現什麼纔是正確的使用方式。構建準則是一個創造性的過程，充滿可能性和靈活性。設置準則能夠確保logo在實際使用環境中不會出錯，而且能正確的展現你的品牌。

學習工具，但不受限於某種工具。摹客iDoc，高效協做，從產品到開發，只要一個文檔，讓你的團隊高效協做！