品牌插图系统：绘制强大的视觉识别

在网络内容的洪流中，公司的生死取决于其品牌形象。 品牌形象必须表达公司的信息并与用户建立联系，用户应该立即通过不同的媒体识别它，甚至远离公司的网站和营销内容。 强大的品牌形象就像一个锚，有助于确保用户依恋并固定价值联想。

品牌形象通常由不同的视觉元素组成——标志、调色板、特定字体。 除此之外，插图是另一种强大的视觉交流方式，对在线 UI 的需求越来越大。

为什么？ 因为插图将叙事元素引入视觉内容，并允许表达更微妙的情感或更复杂的情况。 包括人物形象使想法变得活跃和易于理解，通常以轻松或异想天开的方式。 插图远离现实主义，让您按照品牌的眼光构建世界。

这是在线活动的更大难题中的重要组成部分。 使用矢量的数字设计偏爱干净、大胆的图像，这些图像可以很好地转化为独特的品牌插图。 这些在线插图不是一次性设计，而是被用作综合视觉系统的一部分。 插图系统中的图像具有统一的情绪或风格，这使得它们可以与品牌更广泛的形象和信息相识别，即使它们代表了产品或服务的不同方面。

插图系统增加了公司在视觉上传达的信息的范围和深度，从使命陈述到实用的产品支持，同时加强品牌形象。

设计过程

那么你应该如何设计一个有效的品牌插图系统呢？ 我将带您完成我的设计过程，并以我们最近在 Spacebase 进行的大修为例。

研究品牌

第一件事是第一件事——知道你要设计的品牌。 这听起来很明显，但不要低估所涉及的工作。 即使您认为自己已经掌握了实用知识，也值得花时间刷新或加深您对品牌的理解。

深入了解公司及其产品或服务背后的文化。 他们的主要信息是什么，他们现有的视觉形象采用什么形式，公司想要发展的方向是什么？

一开始就彻底调查这一点，以后会避免头疼和死胡同。

了解利益相关者的需求

除了进行自己的研究外，您还需要与利益相关者交谈。 这种联系对于您的设计成功至关重要——因此请尽早让他们参与进来，并让他们了解流程的最新情况。

获取有关设计的关键问题的答案：插图将出现在哪里以及它们需要表达什么？ 他们可能会在什么样的情况和情绪上发挥作用？ 您需要在哪些技术参数范围内工作？

在这个阶段，利益相关者可能不太清楚他们想要什么。 尽管如此，您应该仔细倾听他们的意见，并考虑他们对业务目标和更广泛的品牌形象的期望。

Spacebase 的目标是让在线预订平台更加平易近人、更加人性化。 我深入思考了会议室和使用它们的人之间的关系。 我们希望以流畅、方便、支持的方式捕捉打破常规工作空间的品牌信息，进入新的和令人兴奋的工作空间。 这些设计必须给人以友好、现代和简单的印象。

组织灵感

情绪板对于掌握您收到的输入和组织您的想法至关重要。 从该领域的竞争对手或公司收集与您的预期目标具有相似品质的图像，然后将它们编译成资源。 看看是什么激发了你的灵感，可以作为你想要达到的整体基调的指南，并为第一次迭代提出建议。 这也是向利益相关者展示的有用材料，因为它让他们在创建概念的工作开始之前了解插图将采取的方向。

对于 Spacebase 设计，我特别受到 Airbnb、IBM 和 Shopify 插图的启发。 人和空间的简单设计对我来说真的很突出，我对柔和的调色板如何保持插图的重点感兴趣，而不会压倒图像元素。 它们给人一种平静、温暖和包容的印象。

概念创作

在研究和情绪板之后，我开始在 Adob​​e Illustrator 上素描。 有时我会使用 Wacom 数位板，但我主要使用钢笔工具来固定鼠标。 我使用形状创建基本结构，并使用钢笔工具添加细节并增强基本轮廓。

请记住，您设计的图像应该连贯起来形成一个统一的系统，而不是形成独立的场景。 因此，即使这是第一次迭代 - 旨在为插图赋予独特的风格，您将来可以在不同的设计中复制。 这可能一开始不会出现，但您会觉得自己的方式朝着品牌插图的内部逻辑发展，并旨在在您的决策中与此保持一致。

通过 Spacebase 插图，我们专注于人物角色和配色方案，以使图像与其他视觉品牌元素保持一致。

我开始用基本轮廓绘制人物角色，以了解他们所代表的情感以及他们将如何居住在室内空间中。 我希望流畅的线条赋予它们动态的轮廓并暗示运动。 我还想避免任何看起来太重的东西——轻量级和友好是关键词。 多样性对我来说也很重要，因为 Spacebase 是一家国际公司，我总是希望插图的观众看到自己。

除了人物，我希望物体和环境具有独特的风格——抽象、未来主义和设计前卫。 我们希望展示明亮、美丽的室内设计，让用户参与到空间动态中，并使用暗示理想化专业工作环境的物品。 同时，这些也不是为了分散注意力。 Spacebase 是关于鼓舞人心的会议室，但他们的品牌更多的是关于使用这些空间的人。 这需要多次迭代才能正确。

草图完善后，我想到了一个配色方案。 颜色很强大，能引起即时反应——所以对我来说不要压倒插图很重要。 我想要微妙的色调来增强和补充场景。 配色方案还应反映品牌的个性并与其他视觉元素相匹配。 对于 Spacebase 配色方案，打破单色并远离通常与会议室相关的单调色彩非常重要。 他们的主要品牌颜色是橙色，所以我用更冷的柔和色调来平衡它：紫色、天蓝色、灰色和芥末黄。

回馈

第一次迭代后，尽可能获得所有反馈。

显然，您需要与主要利益相关者交谈，了解他们对您的设计的看法。 但也要尝试征求用户或同事的意见，如果有的话——尤其是那些不从事设计工作的人。 他们的回答可以指导您采取下一步措施来改进插图。 为真正的目标用户设计，而不是想象的需求。

总的来说，我更喜欢听到人们无意中听到他们的赞美时的挫败感。 荣誉很好，但不是非常有用。 了解用户的痛点（或视觉上对他们没有意义的东西），表明你应该把注意力集中在哪里。 即使他们不同意你自己的想法，利益相关者和他们的用户也必须喜欢这个设计。 好的设计在用户眼中。

我在 Spacebase 最苦恼的插图之一是取消电子邮件的横幅。 客户在取消自己的预订或 Spacebase 不得不取消预订时收到这些。

没有人喜欢坏消息，所以我希望设计能够分享他们的失望，并表达同情和理解。 不过，早期版本太重了。 同事们说，感觉就像世界末日一样，已经通过了一些激烈的判断。 朝着不同的方向发展需要很长时间（和多次迭代）。

最后，我们完全删除了人物。 这是一种避免插图变得过于情绪化并赋予它更中性的感觉的方法。 最新的迭代最大限度地减少了戏剧性——它通过屏幕的半抽象表示承认了一个问题，但也指出了取消之后的未来。

参考图书馆

在创建插图时，建立一个包含已使用的不同元素的库会很有用。 这意味着您将来可以参考它们，并确保您在不同的插图中保持风格和感觉一致。 从长远来看，保持插图的连贯性是系统整体有效性的关键。

重复

准备好多次经历这个过程。

不断迭代是产生成功视觉识别的最重要部分。 不断创建新版本、获取反馈并起草新的迭代。 一切都是原型，您必须对调整保持开放态度，以使您的品牌尽可能与用户相关。 让利益相关者保持更新和参与，并为意想不到的转变做好准备——设计也是一段旅程，每一步都能让您更接近非凡的结果。

只要您沉浸在研究和反馈中，您就会朝着正确的方向前进。 这就是我觉得设计最有价值的地方——我被正在进行的过程所激励，当我觉得我在不断地改进事物时，我很高兴能做我正在做的事情。