为您的品牌设计徽标:分步教程

已发表: 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 个步骤,缓慢但肯定地制定徽标的每个部分应该是什么样子的策略,并确切地知道您做出这些设计选择的原因。

创建徽标并使您的品牌更容易识别

虽然您可能认为创建徽标是一个相当简单的过程,但事实并非如此。 有这么多标志,需要一些想法来创建一个真正独特并符合您品牌愿景的标志。

在开始制作徽标之前,您应该考虑一些与徽标类型、适当颜色和赞美字体相关的选择。

毕竟,您的徽标随处可见——从电子邮件签名、文具、产品、电子书、视频,甚至火箭!

所以不要刻意磨练,并确保您开始创建一个持久、难忘和独特的标志的旅程。