品牌插图系统：具有强大的视觉识别力

纯干货分享，字数：3020，阅读：4分钟

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

品牌形象通常是由不同的视觉元素（徽标，调色板，特定字体）建立的。除了这些，插图是视觉交流的另一种强大手段，对在线UI的需求越来越大。

为什么？因为插图将叙事元素引入视觉内容，并允许微妙的情绪或更复杂的情况得以表达。包括人物在内，通常会以轻松愉快或异想天开的方式使思想活跃且易于获取。插图摆脱了现实主义，让您建立了品牌所见的世界。

这是更大范围的在线广告系列中的重要部分。使用矢量的数字设计偏向于干净，大胆的图像，这些图像可以很好地转化为独特的品牌插图。这些在线插图不是一次性使用的设计，而是被用作综合视觉系统的一部分。插图系统中的图像具有统一的心情或风格，即使它们代表产品或服务的不同方面，也可以通过品牌的更广泛的图像和信息来识别。

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

设计过程

-

那么，您应该如何设计有效的品牌插图系统？我将指导您完成我的设计过程，并结合我们最近对Spacebase进行的大修得到的例子。

研究品牌

-

首先是第一件事–了解您要设计的品牌。这听起来似乎很明显，但是请不要低估所涉及的工作。即使您认为自己已经掌握了工作知识，也值得花费时间来刷新或加深对品牌的了解。挖掘公司及其产品或服务背后的文化。他们的主要信息是什么，他们现有的视觉标识采用什么形式，公司想要发展的方向是什么？从一开始就对此进行彻底研究，将可以省去以后的头痛和死胡同。

了解利益相关者的需求

-

除了进行自己的研究之外，您还需要与利益相关者对话。这种连接对于您的设计成功与否至关重要-因此请尽早让他们参与进来，并随着过程不断更新。获得有关设计的关键问题的答案：插图将出现在哪里，它们需要表达什么？他们可能会玩什么样的情况和情感？您需要使用哪些技术参数？在此阶段，利益相关者可能不清楚他们想要什么。但是，您应该仔细听取他们的意见，并考虑他们对业务目标和更广泛的品牌形象的期望。在Spacebase，其目的是使在线预订平台更加平易近人。我对会议室与使用会议室的人之间的关系进行了深思。我们希望以一种平稳，方便，支持的方式来捕捉打破常规工作空间，转变为令人兴奋的新工作的品牌信息。设计必须以友好，现代和简单的方式出现。

整理灵感

-

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

对于Spacebase设计，我特别受到Airbnb，IBM和Shopify插图的启发。简单的人和空间设计对我来说确实很突出，我对柔和的调色板如何使插图保持聚焦而又不压倒图片元素很感兴趣。他们给人以平静，温暖和包容的印象。

概念创造

-

经过研究和情绪板之后，我开始在Adobe Illustrator上进行草图绘制。有时，我使用Wacom数位板，但主要是使用Pen工具来粘住鼠标。我使用形状创建基本结构，并使用钢笔工具添加细节并增强基本轮廓。

请记住，您设计的图像应结合在一起形成一个统一的系统，而不是形成独立的场景。因此，即使这是第一次迭代，也要使插图具有独特的风格，您将来可以在不同的设计中复制它们。乍一看可能不是这样，但是您会感觉自己走向品牌插图的内部逻辑，并在决策中力求与此保持一致。 借助Spacebase插图，我们将重点放在人的性格和配色方案上，以使图像与其他视觉品牌元素保持一致。 我开始用基本轮廓绘制人物角色，以感受它们所代表的情感以及它们如何居住在室内空间中。我希望线条流畅以给他们动态轮廓并建议运动。我还想避免任何看起来过于沉重的内容-轻量级和友好的关键字。多样化对我也很重要，因为Spacebase是一家国际公司，所以我一直希望插图的观看者能够看到自己。 除了人物之外，我还希望对象和环境具有鲜明的风格-抽象，未来派和前卫设计。我们想要展示明亮，美丽的室内空间，让用户参与到空间动态中，并提出可以理想化的专业工作环境的物体。同时，这些也不是为了分散注意力。Spacebase旨在激发灵感的会议室，但其品牌更多地与使用这些空间的人有关。这花费了很多次迭代才变得正确。

草图经过细化之后，我想到了一种配色方案。色彩非常有力，可以引起即时反应-因此对我来说重要的是不要让插图不知所措。我想要细微的阴影来增强和补充场景。配色方案还应反映品牌的个性并与其他视觉元素相匹配。对于Spacebase配色方案，重要的是要打破单色并远离通常与会议室相关的单调的颜色。它们的主要品牌颜色是橙色，因此我将其与柔和的柔和色调加以平衡：紫色，天蓝色，灰色和芥末黄。

反馈

-

第一次迭代后，获取所有反馈。显然，您需要与主要利益相关者谈谈他们对设计的看法。但也要尝试征询用户或同事的意见（如果有的话），尤其是那些不在设计领域工作的人。他们的回答可以指导您进行下一步以改善插图。为真正的目标用户设计，而不是想象中的需求。 总的来说，我更喜欢听到人们无意中听到人们的挫败感。赞美是很好的，但不是很有用。了解用户的痛点（或在视觉上对他们没有意义的点）表明您应将注意力集中在哪里。即使他们不同意您的想法，利益相关者及其用户也必须喜欢设计。良好的设计在用户眼中。 我在Spacebase上最苦恼的插图之一是取消电子邮件的标语。当他们取消自己的预订或Spacebase必须取消预订时，客户会收到这些信息。 没有人喜欢坏消息，因此我希望设计分享他们的失望并提出同情和理解。不过，早期版本太重了。同事们说，感觉像世界末日一样，通过了一些激烈的判断。向不同的方向移动花费了很长时间（多次迭代）。

最后，我们完全删除了人物。这是一种避免插图变得过于情绪化并给人以更中性的感觉的方法。最新的迭代将戏剧性减至最小-它通过半抽象的屏幕表示承认了一个问题，但也指出了取消之前的未来。 参考图书馆 -

创建插图时，建立一个已经使用过的不同元素的库很有用。这意味着您将来可以再次参考它们，并确保保持风格并在不同插图之间保持一致。长期保持插图的连贯性是系统整体有效性的关键。

重复

-

准备好多次通过此过程。

不断迭代是产生成功的视觉形象的最重要部分。继续创建新版本，获取反馈并起草新的迭代。一切都是原型，您必须保持调整的步调，以使您的品牌尽可能与用户相关。让利益相关者保持最新状态并参与其中，并为意外的变化做好准备—设计也是一段旅程，每一步都使您更接近非凡的结果。  只要您专注于研究和反馈，您就会朝着正确的方向前进。这就是我从设计中获得的最大收获-我对正在进行的过程充满了动力，当我感觉自己在不断改进事物时，很高兴能做自己想做的事情。

  你怎么看？ 欢迎加入设计师交流群

# 近期推荐

- 感谢阅读 -

你的“在看” 

我都认真当成了喜欢

 ↓↓