你的门店为什么需要矢量插画

在浩如烟海的互联网词语里，你会发现新零售这几年出现的频率是很高的。特别是当你走在大街小巷，或者待在写字楼中，或多或少都置身在一些新零售的服务，可能是一个无人售货商店，可能是下班前先在 app 上点好新鲜蔬菜送到家。如果你细心观察这些新零售你会发现，插画作为画面出现的几率是比较高的

可能你会说，这些新零售企业大部分背后是互联网大厂，他们的设计师就喜欢用 3d 或者插画，肯定也会把风格延续到线下啊。虽然有些道理，但我作为一个服务线下的设计师想要告诉你，其实是很多深层次的原因决定了3d 出场比例和插画的比例。新零售主要的一个特点就是线上线下拉通，为什么互联网公司入场那么多？就 是因为线上问题他们已经解决了，再去解决线下基本上都属于降维打击。所以线上有优势，线下有蛋糕，凭什么拱手让人呢？

即使是互联网公司做新零售，也要先把零售基础做好。传统零售的设计部，一般会分为三大业务板块：空间设计，陈列设计和平面设计。平面设计师作为其中一个重要的环节，需要做很多种类的工作，其中就有灯箱海报、玻璃贴、水牌、立牌、X展架、门型展架、道具、跳跳卡、价格签、屏幕、贴纸、DM等等不同的设计物料，新品上市、节日氛围、大促、常规促销、售后、门店活动、众筹等不同的内容，可以说是五花八门。如果说一个店开业之后空间设计就完成任务了，那之后的运营就要靠平面和陈列一起去运营维护了

之前小米之家的新零售设计也经历过几次变革，18年末是市场组负责设计，更多的偏向于营销活动；后来改为了视觉管理组，这个时期空间、陈列和平面三个设计团队合一，更加注重门店本身的设计；之后有变为线下市场部的设计组，重点就转移到了新品和新店。总之不管部门如何变化，唯一不变的是平面设计能够随时紧跟公司战略的调整而调整，对于新零售的重要性不言而喻

既然这么重要，那为什么很多平面设计师都不喜欢做新零售的东西呢？对比线上，你要做的很多设计都是为了销售服务，而为了销售就意味着你要兼顾到重要的三商：代理商、经销商、开发商（物业）。

品牌方出了一个白色高级的手机画面到了线下，经销商说我们前线销售想要更红火，开发商说我们商场开业都是红色不要不合群，代理商说我们才是这个区域的品牌方我们就需要红色，于是乎你的画面就要脱离品牌变成红色了，因为这三商才是线下最大的甲方，很多时候他们的需求是必须满足的。因为设计是服务销售的，在他们的认知体系中，设计师中流行的风格和手法都可能不卖货，但他们又说不好什么叫卖货。讨论了这么多年所谓的商业设计是什么，在三商这里其实有个答案：那就是「热闹」

所以说之前我们在互联网公司中的那一套设计方法不一定能够在三商这里奏效，于是就需要从门店购买的环节中找到合适的地方去改造和使用，这样才能让门店脱离于传统零售的守旧模式，更加贴合新零售消费升级的理念，还要兼顾「热闹」

这里我们使用「观看」与「购买」模型进行分析，就会发现和线上有着非常不同的一点：「观看」的第一条是「意识到卖场」，也就是说，你一定要在一个场景中利用五感吸引消费者的注意力。所以说三商天天念在嘴边的「热闹」也就容易理解了，一切都是为了先吸引消费者「意识到卖场」。带入到我们之前经常使用的设计手法中，有没有既能保证出品和线上一致，又能满足线下需求的手法呢？于是矢量插画这个形式就出现在了选项中

单论设计，互联网公司或者是电商经常使用插画或者 3d 的原因我总结有四个：一，时间紧，二，费用低，三，更新频率高，四，更吸引人。而线下的设计虽然也和线上一样有销售的职能，但却有三点限制：一，印刷不可控，二，图像精度要求高，三，品质难统一

这三点是线下比较特有的情况，线上就几乎不存在这些问题，所以基本上3d就不适合线下大范围的使用，而用手绘板绘制的画面因为精度问题是很难满足线下的大面积印刷的。于是排除法后，矢量插画应该是最适合新零售使用的手法。首先它有线上设计的各种优势，便于在设计层面拉齐线上线下；又适合印刷，精度不用说；颜色也有纯色的部分，适合校色。特别是三商经常要求的「热闹」问题，也能够用修改底色或者填加元素等非常简单的手法进行实现

梳理了这些原则后，小米之家设计了很多适合线下使用的矢量插画，得到了整个新零售链路中的诸多好评，并不停的吸收经验，将这种创作手法加以改进。这里我们选取西安旗舰店开业的项目进行分析，如何用矢量插画去创作开业视觉

作为一个S级旗舰店开业的视觉，我们先列出来需要呈现的内容：一，西安元素，二，小米元素，三，门店元素，四，热闹元素

这四点需要呈现的内容其实在日常设计中也经常遇到，但要融合在一个画面中的情况比较少见，其中一个不确定性的因素就在于小米品牌。小米一直是以理工科的形象出现在消费者眼中的，消费者随口能说出来的就有：手机、雷总、口号和米兔几个代表性元素。但每个时间段企业的形象都有所变化，当时正是强化手机+ AIoT 的时期，口号随时都在变化，于是我们就想到，能不能就用米兔的形象进行设计呢？毕竟米兔的形象比较有亲和力，加上米兔作为人物形象有天然的优势，可以把几个元素都联系起来，矢量插画的表现形式也刚好发挥作用。米兔在其他项目中可能不是最优解，但矢量化的米兔却是线下的最优解之一

接下来要做的就是确定米兔在画面中需要什么样的元素，哪些更适合我们的方案，哪些能够组合，哪些能够忽略。而在前期分析中其实我们忽略了一个问题，那就是如果缺乏主元素的话，我们的画面就真的变成了背景板，和活动不够紧扣，设计就变成了纯辅助流水线作业。于是我们把选出来的词云拿去和活动组的同事进行沟通，最后发现活动中有个领导开门的环节是可以进行重点包装的，于是我们根据西安十三朝古都的文化优势，把普通的开门设定为了一个特定的主题：「推开历史，遇见科技」

有了主题一切就好办了，我们的画面可以设计为米兔推开城门看见旗舰店的形象，而活动形式也变成了推开电子屏的样式，现场的物料增加了开启式的邀请函，一切都围绕着活动主题开始进行创作

进行到执行环节，第一个要解决的是什么叫做「推开历史」

首先我们比较快速的整理一些有关西安的独特元素：城门、兵马俑、大雁塔、秦腔、羊肉泡馍，城门正好切合这次开业主题的元素，我们就直接拿来当做主体使用。虽然单纯的让米兔打开城门，是有推开历史的意思，但总觉得差了点意思，所以联想到能不能让「科技」来推开历史，这样就变成了前后含义都照顾到的形式

于是我们在 AIoT 中找到了两个有趣的产品，一是无人机，二是平衡车，试想如果让米兔驾着平衡车和无人机左右一起推开城门，不就达到我们想要的效果了么？而且这种主体比较集中的构图，也便于延展成各种尺寸，方便整个会场的设计统一

第二个要解决的是什么叫做「遇见科技」

其实开门后直接看到旗舰店是最基础的一个想法，但考虑到是在西安开业，还是希望能够保留一些历史元素，所以在最初的设计稿中，有一个摆着剪刀手造型的兵马俑趴在了建筑上面，之后虽然因为不够正经的原因去掉了，还是保留了大雁塔和旗舰店组合在一起的画面。这时候就又回到之前提到的问题，为了满足三商对于「热闹」氛围的需求，加入了不少类似烟气、礼物盒等等元素帮助画面看起来更有商业感，也为延展提供了更多可用的元素

之后根据开业的流程，首先印制了多张开业邀请函，邀请函的设计也遵循了前面的设计理念做成了开门折的折页形式，封面是完整的城门的形象，在打开后能看到手写的文字信息和米兔开门的画面，用小巧思表达了活动的主题；在开门环节也将两块电子屏的画面替换为了触摸开城门的动态视频，也是根据「推开历史」这一系列设计元素进行的延展，将设计和活动更紧密的结合在了一起

其实前期有个小插曲，就是整个现场的物料都不是当地制作公司制作的，是从外地制作好直接运送过去的。不过因为设计方式选用了矢量插画，追色和对质量的控制是有保证的，比如说我们可以先选择色彩较准的数码样，寄给喷绘写真的线下制作公司追色即可。相信有些小伙伴已经看出来了，插画手法使用了中国日报海外版的风格，这种方法在当时已经比较流行，手段成熟，可以让画面中增加更多细节，即使放大喷绘也不会显得简单，所以配合西安开业的文化主题更显合适

在旗舰店开业之后，我们又用矢量插画的手法更新了小米之家整体的开业视觉，相比老画面更加的细致，更加易于延展，也充分的满足了三商让画面更加「热闹」的需求。同样的大家可以发现设计手法是从 David Sossella 处得到了灵感，长久以来米兔的设计形式没有进行过更新，略有不符合小米现在的发展要求，他的手法比较适合的地方就是对于米兔可以有更深入的刻画，比如说毛发和眼睛部分，对于产品也一样，也为 MiLook 这种设计风格怎么转换为矢量插画提供了解决手段。这个画面主要为了佐证矢量插画依然可以应用于更多地方，因为不是这次要探讨的话题所以就不过多解释了

其实不管哪种插画风格，最后只要能够用矢量插画的形式执行，我们都能根据不同的内容去创作适合线下的平面设计，而不断积累经验的过程，让我们更加肯定了它在新零售设计中的重要作用

其他的设计手段我们也都有尝试，只不过在线下这个复杂场景中，矢量插画的优势更能够得到发挥。使用矢量插画后，设计师向品牌方和三商汇报方案，再不用担心无法兼顾各利益方的需求了，是新零售的设计解药