品牌插图 101：可视化叙事

插图给你翅膀！

还记得 2000 年代初的那些旧红牛广告吗？ 那些有着大鼻子的松散人物从一个瘦小的罐子里吐出，长出翅膀，快乐地振翅高飞，飞扬而去的动画？ 你当然知道。 风格和幽默是明确无误的，并成为红牛信息的重要组成部分。 在许多方面，这些愚蠢的广告是当今品牌推广实践快速发展的先驱。

什么是品牌插图系统？

品牌是一种承诺。 品牌设计师通过用文字、标志、颜色和排版精心打造这一承诺来帮助企业接触人们。 插图越来越多地被用来表达品牌价值，尤其是在网络上。 需要明确的是，公司正在超越委托一次性插图突出其网站上孤立的谈话要点。 如今，他们将大量时间和资源投入到广泛的品牌插图系统中。

品牌插图系统是一组具有凝聚力和风格的图像，这些图像阐明了品牌的承诺，通常是对人类体验的认可（幽默、希望、讽刺等）。

重要的是要注意，除非有特定的策略另有说明，否则插图应该是品牌整体框架的补充部分。

如果一个品牌的信息和视觉识别是结构化和严肃的，那么松散和俏皮的插图系统可能会导致混乱，特别是如果风格选择背后没有明确的意图。

为什么品牌插图系统有用？

插图能够以一种熟悉但又不常见的方式重新想象现实，这使得它在难以解释的想法时特别有用。 这是一种有效的方式来消除干扰并快速关联复杂的情绪。 但是为什么要设计品牌插图系统呢？ 为什么不根据需要创建单独的图像，每个图像都有自己独特的风格？

第一个答案是语言。 插图系统是一种丰富品牌视觉语言的方式，可以表达更细微的事物，而徽标、配色方案、字体甚至文字无法单独传达。

第二个答案是一致性。 一致的品牌塑造（即做出承诺）会为企业创造满足期望，而人们会以忠诚度来奖励满足的期望。

品牌插图系统使企业能够在多个平台（网络、印刷、社交等）上一致地展示其品牌故事。

领先品牌如何成功实施插图系统？

让我们看看三大品牌如何使用插图系统作为其品牌建设战略的一部分，为有用但主要是实用的产品带来活力、活力和情感。

松弛

Slack 是一个在线“平台，可将团队与完成工作所需的应用程序、服务和资源联系起来”。 最近，Slack 网站进行了重新设计，并重新出现了美丽、色彩鲜艳的插图，描绘了衣着光鲜的千禧一代快乐地执行办公室任务，例如查看消息、共享文件和发送笔记。

Alice Lee 是这些图片背后的天才插画家，她很好地解释了她对她创建的品牌插画系统的愿景，“我喜欢用有限的调色板来展示商业合作等“严肃”概念的俏皮和温暖，整个充满活力的运动，并在构图上打破了网格。”

Shopify

Shopify 是一个电子商务平台，为人们提供一套工具来帮助销售产品和在线开展业务。 该公司的品牌强调其产品的易用性，从建立品牌店面到管理库存和收款。

Shopify 的插画团队采用轻松的人形和松散的线条，成功地开发出一种休闲但视觉上充满活力、简单而精致的风格。 这种平衡很有趣，因为它反映了品牌承诺的关键：“适合初学者和专家”。

投递箱

Dropbox 是一种文件托管服务，用户可以在其中存储和共享信息并就项目进行协作。 在品牌插图方面，Dropbox 团队拥有 10 年的丰富实验历史。 他们探索了广泛的技术，并与一群才华横溢但不断变化的插画家合作。 通过这一切，他们已经设法磨练出什么是有效的，并将他们的创造性努力转化为一种有凝聚力但不断发展的插图风格。

2017 年 10 月，Dropbox 推出了雄心勃勃的品牌重塑计划，其中包括对其品牌插图系统进行改进的方法。 新款式使用手势石墨标记和粗糙的、图案明亮的形状和纹理，努力挖掘创意合作的火花和自发性。

如何创建品牌插图系统？

如果您从未使用过品牌插图系统，或者您有过但对结果不满意，那么这里列出的关键考虑因素将为您的下一个品牌设计项目带来更多的清晰度。

1.了解品牌。

• 这是显而易见的，但不应被忽视。 如果您不了解这个品牌，您制作的插图不太可能引起您想要影响的观众的共鸣。 了解品牌比了解视觉识别更深入。 你必须知道承诺。 品牌想成为谁？ 他们希望如何被感知？ 他们想接触谁？
• 了解品牌并不是很复杂。 如果您知道如何阅读、记笔记、提问和使用搜索引擎，您就会找到所需的一切。

2. 了解需要什么类型的插图以及如何使用它们。

• 您的客户需要现场插图吗？ 图标插图？ 全画幅插图？
• 插图是网站的吗？ 对于应用程序？ 两个都？
• 插图会用于印刷吗？ 为了包装？ 大格式呢？
• 插图是否应符合理想的尺寸或比例？ 它们在超小尺寸下是否仍然清晰可辨？

3. 预算充足的视觉研究时间。

• 不要在项目开始时做空自己。 您需要花时间在视觉上研究大量图像。 看看其他插画家的作品，新老照片，艺术作品，童书，杂志，现实生活。
• 在研究时，请保留草图记录。 这些是粗略的、未经编辑的草图。 让他们快点，让他们丰富。

4. 追求独特而灵活的风格。

• 您创建的插图系统应该具有使其与众不同的风格。 它应该唤起令人难忘的情感。 但理想情况下，您创建的图像将无缝地与文本、摄影和其他图形元素一起存在，而不会压倒或混淆所呈现的信息。

5. 考虑创建所有插图必须满足的标准/规则列表。

• 如果您在创建统一的插图集合时遇到问题，请为自己制定一些简单的规则。 这些可以是任意的或唯一地与品牌的视觉识别相关联。 以下是帮助您入门的示例快速列表：

  • 我只会使用孔蒂蜡笔。
  • 每个插图都必须包含一个圆形、一个正方形和一个三角形。
  • 我只会从侧面绘制面孔。
  • 任何插图都不能有两种以上的颜色。

6.不要低估颜色的重要性。

• 品牌插图系统中的色彩策略需要从视觉研究的最早阶段开始考虑。
• 这是一项名为“记忆中的品牌”的迷人新研究的链接，该研究要求人们根据记忆重新创建十个标志性标志。 研究发现，80% 的人能够回忆起正确的品牌配色方案，而事实证明形状和其他视觉元素更难记住。

其他有用的提示

1.为插画系统创建一个地方或一个世界。

• 有时，一个项目来了，但简介含糊不清，或者公司的品牌标识有点稀疏，或者它的网站文案令人困惑。 当这些事情发生时，很难想象您将如何创建一个有意义且完全开发的品牌插图系统。
• 在将铅笔与纸接触之前，大胆地询问有关该项目的更多问题。 您不是在向您的客户询问想法，而是在要求他们帮助您更好地了解他们的工作以及为什么重要。
• 把你最清楚理解的想法、单词和短语想象成一个快乐的小地方，也许是一个小镇，你的客户的品牌在这里拥有、经营和监督一切。 想象一下该品牌如何与生活的方方面面相结合，让事情变得更好，然后用缩略图捕捉心理小插曲。
• 创建一个地方或一个世界是确保对大量插图的一致感觉并将积极的人类体验与人们可能会感到冷漠的产品和服务联系起来的好方法。

2. 如果可能，以矢量格式工作。

• 不要在任何项目上强制这样做，但如果它符合愿景并且光栅图形不会增加显着影响，请使用矢量。
• 为什么要这样做？ 编辑速度更快。 调整大小更容易（无像素化）。 颜色更灵活。 文件大小通常较小。 此外，缺乏手绘技能的设计师可以随着系统的发展更轻松地添加新的和一致的资产。

3. 小心不要创造一个无意中变成吉祥物的角色。

• 吉祥物还不错，但是一个强烈掩盖品牌情绪和信息的其他部分的角色会适得其反且令人困惑。
• 不要回避带有“字符”的字符。 只需确保您的所有品牌插图都具有一定的平衡和统一性，使它们相互补充并与整个品牌相辅相成。

是什么让品牌插图系统有意义？

最后一句鼓励的话：快乐和直觉是品牌插画师最好的朋友。 品牌推广是人们有时非常重视自己并说“我们所有的设计决策都必须基于数据”或“这不是艺术”之类的领域之一。 我们正在努力解决问题。” 不要让那刺耳的声音变得圆润。

对于专业设计师和插画师来说，为项目制作的每个元素都必须与品牌产生共鸣。 但是，品牌插图系统的核心是一系列图纸，所以玩得开心！ 搞笑。 要有创意。 做人。

呈现给客户的插图的外观和感觉背后是否应该有理由和理由？ 是的。 但不要过度考虑每一个小小的创造性决定。 经验、直觉、对品牌的扎实把握以及良好的老式辛勤工作为通向既有意义又经久不衰的品牌插图系统铺平了道路。

• • •

进一步阅读 Toptal 设计博客：

• 电子商务用户体验——最佳实践概述（附信息图）
• 以人为本的设计在产品设计中的重要性
• 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
• 移动界面的启发式原则
• 预期设计：如何创造神奇的用户体验