如何用立方体和象形图组装插图

在成功找到一个病毒现场案例之后,找到了一位曾获得数个著名创意奖 的UX设计师 ,我们很高兴Veeam Software创意部门的另一项工作被专业界注意到: 公司插图的指南已包含在Behance上的Adobe Illustrator官方画廊中。

图片

像任何大型组织一样,我们公司会产生大量信息。 这对创意部门是一个严峻的挑战,因为必须由设计师起草并说明营销和其他交流的无止境流程。 我们的同事想说的越多,他们就越需要说明这一点,因为他们自己感觉到的大量文本太差或太慢。

让设计师扮演构造函数!


当有过多的插图要求时,我们意识到,将来自照片库的相同类型的存根一遍又一遍地放在文本中是没有意义的。 我们曾考虑过更换插图中的照片,但可以将其生产投入生产。 此外,有必要创建一个相当简单和灵活的系统,以使不同设计者的工作看起来统一,并且图形语言甚至可以可视化诸如云备份对恶意软件的抵抗之类的抽象概念。

为了批量生产任何东西,您需要一条传送带,包括插图。 它们也可以从预先准备好的组件中分阶段组装。 有很多这样的技术,例如,拼贴,图案或生成图形。 我们决定像儿童设计师一样,从小模块组装而成,以等轴测图(即在没有透视图的空间中)进行体积图示。 缺少透视图,使您可以收集任何大小和深度的图片,而不必使绘图细节变形,这取决于它们是距查看者还是与合成中心更近或更远。 顺便说一下,使用Adobe Illustrator插件可以轻松地将任何平面矢量图形转换为等轴测

图片

在基本样式元素(颜色,渐变,圆角)上达成共识后,我们能够将创建未来设计师组件的工作分配给多个设计师。 所有新细节都添加到共享库中,因此根据原子设计原则,在简单模块的基础上构建了更复杂的内容。

为什么需要古埃及人


与设计人员合作的下一步是将其转换为消息语言。 在这里,我们采用了接口设计人员现在使用的相同技术,并且在他们之前采用了使用象形图传输消息的古老文明。 在这种语言中,每个单独的符号都包含一个特定的概念,以及符号的组合-几个相互关联的概念。 这从根本上解决了插图选择的问题。 如果在资料中早先有关5种云服务的内容中,您不得不在接收器中查找有关云的5张不同图片,或者放一张通用图片,那么现在您可以说明每种服务。 此外,完全没有必要发明抽象概念的隐喻-只需结合一组与服务描述相对应的象形图就足够了,插图也已准备就绪。

图片

确切地说,我们的语言不是基于象形文字,而是基于表意文字 -与古埃及一样。 表意符号的不同之处在于,符号并不能真正传达一个词,但可以允许相关的概念:云存储,云服务,向云的传输-以上所有插图均以云图标开头。

下一级


我们学习了如何可视化将数据传输到云的安全过程以及类似过程,但是我们能否在与HP Enterprise成功合作方面使用相同的语言? 这是一个全新的抽象水平;其中没有一个可以用象形图说明的特定对象。 您不会开始与两个老板握手吗? 我们决定使用其他可识别的象形图-合作伙伴的徽标。 我们将它们与数据流结合在一起,暗示我们的软件可在附属硬件上运行。 当然,这不是那么清晰,而是美丽,但是整个消息的抽象性允许这样的自由。 最主要的是,图片对于我们的交流是独一无二的。

方便地离开


重做整个公司的插图风格还不够,它必须得到管理层的批准。 这得益于我们的竞争对手和一名戴头盔的人。 长期以来,视觉内容唯一性的问题一直困扰着设计师以外的任何人。 直到一天晴朗,事实证明,在我们的网站上以及竞争对手的网站上,用于采掘业的服务部分中,照片库中的图片都是相同的,唯一的区别是竞争对手的头盔是蓝色的(制造商使用的)企业头盔,并且我们有绿色(我们的企业颜色)。 对竞争对手的嫉妒是按时出现的,顺便说一句,毫无疑问,为什么我们需要独特的视觉内容。

图片

但是,公司花了一年时间适应了新的视觉风格。 发生这种情况时,出现了一个新问题-一致性。 等轴测图“传给人们”时,旨在传达某些概念的插图开始随机出现,并与不同的文字结合出现。 具有讽刺意味的是,我们想摆脱照片库,但是需要使用高级标签搜索系统创建自己的图像库。

最主要的是,我们以前不喜欢插图的市场营销副总裁要求在产品线的沟通中采用新的风格。 尽管有一点值得注意,但是随着VAS V10发布,这种情况将会改变。 在此过程中准备新页面。 我们将逐步更新公司整个产品组合的视觉传达。

Source: https://habr.com/ru/post/zh-CN480780/


All Articles