為您的品牌設計徽標:分步教程

已發表: 2021-03-01

關於作者:Omri Avraham,視覺設計師@Elementor

Omri 是 Elementor 品牌設計團隊的視覺設計師。 他喜歡懷舊相關的內容,喜歡練習刻字和書法。

徽標是您品牌的象徵,雖然它不會佔用太多空間,但卻具有強大的衝擊力。

您的徽標需要在您所到之處都可見——無論是在網絡上還是在現實世界中。 它需要在社交媒體、視頻、電子郵件簽名、實體產品等上可見。

想想像蘋果這樣的品牌。 當然,它的產品非常有辨識度。 但隨著智能手機和電腦的外觀越來越相似,其標誌仍將是該品牌完全獨特且易於識別的標識。

但不要誤會 - 徽標不僅適用於大型匿名公司。 每個想要脫穎而出並提升品牌知名度的企業,甚至個人,都需要一個標誌。

然而,創建徽標並不是一個簡單易行的過程,它依賴於從字體到顏色等許多因素。 讓我們在此分步指南中了解如何創建徽標。

了解如何使用 Elementor 創建動畫徽標徽標

目錄

  • 為什麼您的品牌需要徽標?
  • 幫助您的品牌脫穎而出
  • 提高品牌認知度
  • 為您的品牌定下基調
  • 如何設計徽標:分步指南
  • 第 1 步:定義您的品牌標識
  • 第 2 步:競爭對手研究
  • 第 3 步:頭腦風暴
  • 第 4 步:選擇您的徽標類型
  • 第 5 步:選擇正確的排版
  • 第 6 步:選擇徽標的顏色
  • 第 7 步:創建您的徽標
  • 應避免的常見標誌設計錯誤

為什麼您的品牌需要徽標?

如今開展業務需要品牌超越其四堵牆的邊界,或者在網絡的情況下,超越其網站頁面的邊界。

但是,一旦您離開網站的安全性,您的品牌就有可能被其他人吵著要成為聚光燈的人淹沒。 這就是為什麼您的徽標需要隨時隨地跟隨您 - 無論是在線還是在現實世界中。

  • 社交媒體
  • RSS訂閱
  • 信息圖表
  • 電子書和白皮書
  • 帶水印的自定義圖像
  • 帶有品牌標題卡的視頻
  • 傳單和其他數字或印刷資源
  • 電子郵件簽名
  • 名片和其他抵押品
  • 產品

如果你做對了,你將獲得一些主要的好處:

幫助您的品牌脫穎而出

擁有一個獨特的標誌首先會幫助您的品牌脫穎而出,而不是那些使用無聊的股票標誌,一個難以破譯或根本沒有標誌的品牌。

以下是 Twitter 上獨特的冷凍酸奶標誌的三個很好的例子:

推特蒐索冷凍酸奶

雖然他們玩弄相似的顏色,但他們每個人都有非常獨特和傑出的風格,使每個品牌都容易在包裝中被發現。

提高品牌認知度

請記住,您在網站之外推廣品牌的次數越多,您的知名度就越高。

這是公司網站上 Menchie 的標誌:

menchies-website

這是在Facebook上:

menchies-on-facebook

這是在 DoorDash 上的:

menchies-on-doordash

通過在不同平台之間始終使用相同的引人注目且令人難忘的設計,您可以在此過程中提高品牌知名度

為您的品牌定下基調

一個戰略性設計的標誌可以告訴人們很多關於你的品牌的信息。

  • 你從事什麼行業
  • 您提供什麼類型的解決方案
  • 你的品牌有什麼樣的個性

因此,精心設計的徽標可以為您的品牌設定正確的基調。 小心不要過度使用它。

以 Pinkberry 為例:

網站上的粉紅莓徽標

它的標誌可能是冷凍酸奶或水果澆頭的文字說明。 然而,設計師採用了一個更抽象的概念。

旋轉的符號讓人聯想到旋轉的 froyo。 從頂部伸出的綠葉不僅僅是說,“嘿,我們是冰淇淋的健康替代品!” 再加上紅粉色的漩渦,它看起來像一個蘋果。

如何設計徽標:分步指南

在為品牌設計徽標時,您需要完成許多事情。 你希望它是:

  • 獨一無二,尤其是與競爭對手的徽標相比時。
  • 精心設計,具有良好的平衡、佈局和和諧。
  • 易於理解,即使是快速瀏覽。
  • 可識別任何尺寸。
  • 清楚你是誰,你在做什麼。

以下是您的操作方法:

第 1 步:定義您的品牌標識

徽標只是您品牌形象的一部分 - 共同傳達品牌風格和個性的視覺效果。

以史蒂夫·喬布斯為例。 這是他在 2007 年發布 iPhone 時的樣子:

史蒂夫喬布斯蘋果演示文稿

喬布斯想為自己打造一套制服——或者說是視覺形象。 因此,他委託時裝設計師 Issey Miyake 為他設計造型。

十多年來,黑色高領毛衣、藍色牛仔褲和白色大衣一直是他的標誌性造型。

他的衣櫥告訴了我們什麼? 它告訴我們,這個人痴迷於簡單、乾淨的設計和對細節的關注。 它還暗示希望創造面向未來的東西,並且不會在下週、明年甚至 10 年後過時。

這些是標誌、品牌形象和包羅萬象的品牌標識應該能夠告訴我們關於公司或個人的事情。

為了設計一個能讓觀眾以正確方式感知的標誌,您首先需要弄清楚您的品牌標識。 首先問自己以下問題:

  • 您如何總結您的品牌所做的工作?
  • 你為什麼選擇你的利基市場?
  • 您品牌的核心價值是什麼?
  • 描述您品牌個性的 3 個形容詞是什麼?
  • 您的品牌提供哪些競爭對手沒有或不能提供的服務?
  • 誰是你的目標受眾? 為什麼?
  • 您的理想客戶或用戶會選擇您的品牌而不是其他品牌的 3 個原因是什麼?
  • 在與您合作或向您購買產品後,您希望客戶的主要情緒反應是什麼?

寫下你的回答。 您使用的關鍵字中是否有任何模式? 這裡有一個關於你是誰、你為什麼做你所做的事情以及你為誰服務的清晰故事嗎?

一旦你理解了這個更大的身份和你的品牌故事,你就會更容易設計一個包含這一切的標誌。

第 2 步:競爭對手研究

雖然您想設計一個獨一無二的標誌,但您仍然應該熟悉競爭對手使用的標誌。

特別注意那些在你的觀眾中表現良好的競爭對手的標識,以及那些正在掙扎的競爭對手的標識。 雖然徽標不足以說服某人進行轉換,但它可能會對其產生某種影響,例如,如果設計機構的徽標看起來像是在 Microsoft Paint 中創建的。

看看 5 到 10 個競爭對手的標誌,問問自己:

  • 你喜歡每個人的哪一點? 為什麼?
  • 你不喜歡什麼? 為什麼?
  • 你會怎麼做來改進他們的設計?
  • 他們的標誌在其他平台上是什麼樣子的——尤其是當它們以較小的尺寸出現時?

這裡有一些非常好的課程可以學習。 在查看比賽的徽標後,您可能還會發現自己受到啟發。

第 3 步:頭腦風暴

以下是您可以做的一些事情,以使您的徽標頭腦風暴會議朝著正確的方向發展:

  • 去 Dribbble 或 Behance 看看。
  • 在 Pinterest 上搜索“標誌靈感”。
  • 訪問一些您最喜歡的網站和應用程序並查看它們的徽標。
  • 去附近或市中心散步,看看標牌。
  • 查看您家或辦公室周圍最常使用的產品。

將您真正喜歡的徽標保存到情緒板。

Pinterest 是執行此操作的好地方,因為它允許您將在 Pinterest 上找到的圖像以及從網絡上找到的圖像固定到您的圖板上。 您也可以上傳自己的照片。

這是 Fivestar Branding Agency 製作的徽標靈感情緒板:

Fivestarbranding-pinterest-moodboard

通過將所有徽標保存在一處,可以更輕鬆地發現其中的趨勢:

  • 有你喜歡的字體類型嗎?
  • 什麼風格的標誌最常見?
  • 有沒有一種顏色真的能引起你的共鳴?

退後一步,認真思考您在看什麼以及這組徽標告訴您什麼。

開始勾勒出你認為對你有用的幾個想法(不超過 3 個)。 你不需要做任何正式的事情。 現在只是粗略的黑白草圖。

第 4 步:選擇您的徽標類型

這是設計練習的一部分,您可以在其中確定徽標應該具有什麼樣的結構。

目標是選擇一種您不僅喜歡外觀,而且對您經營的公司類型及其價值觀有意義的結構。

以下是可供選擇的最常見的徽標類型:

會標

這是美國教育服務的會標標誌:

aes-monogram-logo

會標徽標僅包含品牌名稱的首字母或首字母。

這對於名稱非常長的品牌很有用,否則很難適應徽標的小空間。 如果您的首字母縮寫詞比全名更廣為人知(例如 ASPCA 而不是美國防止虐待動物協會),您也可以使用字母組合。

字標

這是 Friendly's 的字標標誌:

友好字標標誌

字標徽標包含完整的品牌名稱,僅此而已。

這對於想要使用獨特的排版來告訴人們有關公司及其業務的公司很有用。

在 Friendly's 的案例中,復古的草書風格讓人們知道兩件事之一——要么這是一個老品牌,要么是一家冰淇淋店,想讓顧客感覺他們已經回到了過去。 在這種情況下,這是因為 Friendly's 自 1935 年以來一直存在。

畫報

這是 Lululemon 的圖案標記:

lululemon-圖片-標誌

圖片徽標僅包含符號或圖標。

這對於銷售產品的公司非常有用,這些產品的符號可以緊貼設計而不會分散用戶的注意力。 您還可以在網站和社交媒體上使用它來添加小的品牌風格。

組合

這是最近為漢堡王重新設計的組合標誌:

漢堡包組合標誌

組合標誌包含文字標記(或字母組合)和符號。

您可以通過多種方式來解決這個問題,但您所做的選擇應該再次反映您品牌的整體風格和產品。

您放置符號的位置和放置所有內容的方向可以發送不同的信號。 例如,與水平對齊的組合徽標相比,更高的組合徽標可能會讓人感覺更強大、更有氣勢。 並且符號的大小與文本相比也會發送不同的信息。

吉祥物

這是 Mailchimp 的吉祥物標誌:

mailchimp-吉祥物-標誌

吉祥物標誌可以是圖形標誌或組合標誌。 這一切都取決於您的品牌吉祥物的可識別性或它在整個營銷過程中的普遍性。

這種類型的徽標類似於圖形標記,您可以使用該符號來跟隨用戶。 不過,吉祥物和圖片之間的主要區別在於,吉祥物旨在營造更輕鬆有趣的氛圍。

抽象的

這是阿迪達斯的抽象標誌:

阿迪達斯抽象標誌

抽象標誌可能只包含一個幾何符號或單詞和符號的組合。 但是,徽標中的圖形元素不能是某物的真實寫照(例如 Mailchimp 的猴子)。

它必須是與品牌相關的抽象概念,或者是他們或他們的產品所熟知的特定元素(如阿迪達斯的條紋)。

這對於製造尖端產品或提供改變遊戲規則的服務的公司非常有用。 如果很難用圖形標記來總結您所做的事情,但又不想僅僅依賴於公司名稱,那麼這是一個不錯的選擇。

這是 MINI USA 的會徽標誌:

miniusa-emblem-logo

徽章標誌看起來像一個真正的徽章、盾牌、徽章或標籤。

這對於擁有強大的傳統價值觀或擁有悠久而知名歷史的公司非常有用。 會徽標誌通常被教育機構和政府機構使用。 其他類型的公司可以使用它——請注意您選擇的標誌形狀,因為每個標誌形狀都傳達了不同的含義。

第 5 步:選擇正確的排版

一旦您選擇了徽標樣式,您就已經完成了確定應該使用哪種字體的大部分工作。

襯線字體

現代標誌與傳統的襯線字體配合得很好。 當字體看起來好像可以出現在印刷報紙或書籍的頁面上時,它會賦予它一種權威感和成熟感。 anatome 的標誌以現代風格完成:

解剖現代標誌

襯線字體與現代標誌相得益彰,現代標誌的設計往往很少,更傳統,更獨特。 這些對於具有老派價值觀和傳統的品牌來說非常有用。

上面的藥劑師就是一個很好的例子。 藥劑師這個詞今天很少使用,最重要的是,它說倫敦藥劑師這一事實清楚地表明這個品牌試圖通過在現代推廣傳統和老派價值觀來脫穎而出,這種特殊的字體有很長的路要走有助於促進這種權威感。

無襯線字體

經典徽標適用於非常簡單的無襯線字體。 基本上,您想要一種沒有附加時間或地點的字體,並且可以實際使用數十年。 美國銀行的標誌採用經典風格:

bankofamerica-classic-logo

這個 Sans Sarif 標誌適用於任何時代,無論是 50 年代、80 年代還是現在。 它創造了一種連續性、穩定性和安全感,並喚起了信任。

等寬字體

等寬字體在相同寬度內顯示字符,旨在使它們更易於閱讀,並且更易於識別。

處理空間的 ISSS 2019 加入了 Roboto Mono 字體,使字母在其圓形標誌中脫穎而出。

isss2019

使用等寬字體具有易於對齊和可讀性的優點,如果徽標本身很小,這尤其有用。 最重要的是,由於它已被用於編程以更輕鬆地識別長代碼行中的字符,因此它可能與處理計算機或技術的公司的徽標特別相關。

手寫字體

手寫或手繪徽標顯然需要使用草書或捲曲字體。 您選擇哪一個取決於您希望品牌出現的正式程度。 更傳統的草書會給您的品牌帶來扣人心弦的外觀,而寬鬆的手寫風格會讓人感覺更輕鬆和開放。

悉尼酒店的標誌是手繪風格的:

悉尼草書標誌

這些對於想要傳達溫暖和友好感的品牌來說非常有用——比如上面的熱情好客的例子。 手繪徽標也適用於希望使徽標感覺像手寫簽名的個體企業家和企業家,只是看起來比我們在現實世界中看到的典型亂七八糟的塗鴉更好看。

顯示字體

顯示字體是一個相當廣泛的類別,它包含使用大字體大小打印和顯示的各種字體。 這些可以合併到徽標中,以創建突出的獨特徽標。

SpaceX 的標誌是帶有未來主義元素的顯示字體的一個很好的例子。 這個特殊的標誌使用幾何形狀和非常規字母:

spacex-contemporary-logo

也許,在這種情況下,術語顯示字體是輕描淡寫的。 SpaceX 的標誌清晰而自豪地展示在他們的火箭上,讓所有人從遠處都能看到。

對於隨處可見其徽標的科技公司(NASA、波音等)而言,顯示字體尤其具有吸引力。

第 6 步:選擇徽標的顏色

現在,顏色是一個人品牌形象和身份的關鍵部分之一。 因此,您可能已經為您的品牌選擇了調色板。

但是,如果有的話,您如何決定在徽標中包含哪些顏色?

色彩心理學告訴我們,色彩會影響人們看待事物或對事物做出反應的方式。 以亮綠色為例。 在 Home Chef 標誌中使用時,它表明他們的膳食準備產品是健康的:

主廚綠色標誌

領先的公司早就知道這一點,這就是為什麼他們的大多數徽標都設計有以下原色之一:

  • 綠色(健康、環保)
  • 藍色(穩定、安全)
  • 紫色(質量,真實性)
  • 紅色(活動、興奮)
  • 橙色(能量、外向)
  • 黃色(樂觀、友善)

不相信我? Canva 收集了來自世界各地一些頂級公司的徽標。 以下是他們的徽標在顏色範圍內的位置:

所以,簡單地開始。 您希望人們感受到的第一情感或您希望他們與您的品牌相關聯的形容詞歸零。 然後,一目了然地確定講述該故事的顏色。

第 7 步:創建您的徽標

在這個階段,所有的研究和計劃都完成了。 現在,您需要實際設計徽標。

您有幾個選擇:

  1. 使用 Illustrator 從頭開始設計。
  2. 使用像 Designhill 這樣的徽標製作工具,找到合適的模板,然後自定義設計。
  3. 使用徽標製作器並按原樣使用建議的選項之一。

不管你怎麼做,你接下來的步驟都是一樣的:

第 1 步:導出徽標

您永遠不知道您的網站將顯示在哪種設備或多大的屏幕上,因此您的徽標應該採用可擴展的格式。 EPS、AI 和 SVG 是用於徽標的最佳矢量文件格式。

通常,WordPress 不允許您將這些格式中的任何一種上傳到您的網站。 但是,您可以安裝 SVG Support 插件,這將允許您使用 SVG 徽標。

第 2 步:為 WordPress 調整大小

這是 WordPress 想要的:

  • 高達 256 MB
  • 180 x 60 像素

雖然 WordPress 的定制器設置在向您的站點添加徽標時非常有限,但 Elementor Pro 用戶可以使用站點徽標小部件進行更多調整。

使用此功能,您可以調整徽標的:

  • 寬度
  • 最大寬度
  • 不透明度
  • CSS 過濾器
  • 邊框類型
  • 邊界半徑
  • 過渡持續時間
  • 懸停動畫

哦,如果您想從徽標中獲得一點樂趣,您也可以使用 Elementor 使其動畫化。

第 3 步:將其保存到您的風格指南

一旦您的標誌設計、導出並上傳到您的網站,它就正式成為您品牌形象的一部分。 因此,它也需要添加到您的網頁設計風格指南中。

除了包含您為網站設計的徽標外,不要忘記包含替代版本。 您可以看到其他公司的風格指南如何處理它的一些示例。

本質上,您希望為不同的顏色背景、反轉的配色方案以及不同的徽標方向創建選項。

應避免的常見標誌設計錯誤

徽標是您品牌推廣的重要組成部分。 所以,你需要把它做好。

為了幫助您避免一些陷阱,以下是我們在徽標設計中看到的最常見錯誤:

  • 該徽標過於通用,看起來像是隨處可見的股票圖標或圖形的仿製品。
  • 它看起來太像另一家公司的標誌,導致混淆。
  • 它過於字面化(就像建築用的錘子),看起來很業餘。
  • 這太簡單和無聊了。
  • 它太複雜或太忙,所以很難說它應該是什麼。
  • 它不可擴展,有時看起來顆粒狀且製作精良。
  • 它不講述故事或傳達任何個性。
  • 它講述了錯誤的故事,並為品牌定下了錯誤的基調。

在為您的品牌設計徽標時,有很多事情要做。 所以,要小心。 使用上面概述的 7 個步驟,緩慢但肯定地制定徽標的每個部分應該是什麼樣子的策略,並確切地知道您做出這些設計選擇的原因。

創建徽標並使您的品牌更容易識別

雖然您可能認為創建徽標是一個相當簡單的過程,但事實並非如此。 有這麼多標誌,需要一些想法來創建一個真正獨特並符合您品牌願景的標誌。

在開始製作徽標之前,您應該考慮一些與徽標類型、適當顏色和讚美字體相關的選擇。

畢竟,您的徽標隨處可見——從電子郵件簽名、文具、產品、電子書、視頻,甚至火箭!

所以不要刻意磨練,並確保您開始創建一個持久、難忘和獨特的標誌的旅程。