插画商业思维对设计的推动

2 月 18, 2022 发表于: 视觉设计. 评论

Sponsor

大家好，我是卡昂卡昂，目前在哔哩哔哩电竞担任创意设计师，同时我也是我们部门中品牌组的负责人。很高兴为大家分享我自己个人的一些设计心得与经验，以下的内容源于我在一次设计分享会的文案，解答了在设计工作中我们常遇到的几个问题的一些个人解决经验，希望会为大家带来有益的收获。

一．在一些大型活动中需要多人配合时，该如何建立工作流程

关键词：锁链闭环

一个大型的活动，需要各职能层层的配合，例如在一年一度的 BilibiliWorld 活动中，我们部门负责了电竞展区，其中包括了，节目企划/文案运营/宣传推广/商业化运作/舞美设计/kv 设计/3d 动效/周边制作等等，而我负责了kv 设计这一环，每一环紧紧相扣，就像锁链闭环。

那么在配合的过程中，我首先要了解整体的活动策划和需求，也就是我的上一环 “活动主题策划”和我的下一环“物料制作与落地”的需求。来完成整个锁链闭环。

1.理解和分析活动主题

这次 bw 电竞主题是:高能电子厂画面主题引用电子厂的概念，概念出自电竞梗：找个厂上班吧！该梗在电竞圈火爆至今，起初是观众创造嘲讽主播和选手菜的梗，后多被选手和主播用于自嘲。这个梗容易在营销上增加亮点，由此可以扩展出元素含有电路/风扇/机箱等机械朋克的主题风格。

2.根据主题分析来构思画面内容

优先体现哔哩哔哩电竞品牌属性，在此基础上融合电子厂氛围

1.构图：中心化构图，画面元素走势以品牌形象为聚点，突出公司的品牌符号“小闪电”使画面中心与公司品牌元素关联性更强，并且画面主题突出，在画面的中心就能概括整个 kv 的主要内容，利于后期不同尺寸的裁切延展。

↑在竖屏版中只截取画面中心就能概括整个kv的主要内容

2.元素分析：由电子厂发散出机箱，风扇，电路，机械等画面元素，使风格与电竞和电子厂的主题相关联，并且增加画面亮点。

3.配色：配色以公司品牌色（蓝/粉）为延伸出对比更强的蓝/紫色，在强化海报品牌调性的基础上，更具电竞冲击感。

4.风格：在风格的考虑上，首先要和活动主题相匹配，其次要有很高的易延展性，这样在海报的元素拆分使用后，可以在相同规范下给不同的设计师来使用。

5.商务考虑：产品位置根据画面构图的动势和走向，使产品更好的融入在插图中。为产品绘制相同画风的产品插画，并且采用更夸张的透视和视觉效果，增加产品的电竞感，在 kv 中吸引观众的注意力。在注意力的分配上也会考虑赞助商的权重问题，例如两家赞助商的产品权重相同的情况下，不能在画面中使两家的产品明显一大一小。因此在画面构图上需要平衡美感与产品权重分配，可以通过透视和增加产品的延申内容等在其中找到巧妙的平衡点。

3.配合舞美展台和周边制作的需求。

在 k’v 设计上需要考虑落地后的应用效果，根据活动主题，我需要在配色和元素上与线下的舞美设计相契合。例如在 kv 的中心，我设计了一个巨大机械小电视的形象，这个形象被应用到了舞台主屏幕的外形设计上，并且在场馆的灯光效果上要与我画面中的主题色契合，在线下的一些印刷物料上也要考虑到印刷与周边制作效果的限制性，因此在画面中元素和配色设计会与不同的负责人沟通，在前期我们做了充分的草图构思，以便于各个环节的项目可以更快推进。

4.落地效果的反馈与思考

在每次完整的商业落地创作后，我都会对自己的设计结果进行一次自我总结和落地效果反馈的思考。在有些时候的设计落地后会有一个明确的数据支撑，例如为 bilibili 会员购的一些产品去设计包装，在产品上线后可以看到明确的售卖和热度数据，这样就能通过数据反馈对产品迭代效果和用户喜好有一个分析判断。但是也会有一些情况无法获得明确的数据反馈，例如 bw 的 kv 与物料延展就无法通过现场观众的情绪来判断这次的设计是否符合活动效果。

那么我觉得就可以以另外几种形式来进行自查：

1.与去年同代活动的设计进行对比，从全局观上考量品牌属性是否迭代连贯。在每一年我们的企业文化和品牌属性会随着时代潮流更新新的内容，这些内容有没有体现在最新的这次 kv 设计中。在品牌推广上是否有更好的画面形式来代入我们的产品。

2.在“锁链闭环”中，是否与自己的上下环衔接牢固。就是可以和与自己配合的人交流落地效果的意见，在一些设计之外的体现中，画面应用有没有出错或者有更好的解决形式。

3.去观察落地效果，自我反思，例如在大屏展示时，kv 过度复杂且琐碎的细节会影响画面识别度的效果，并且影响到对画面主题的判断，那么在后面的 kv 设计中就可以尝试更扁平的风格或者在保留画面细节的同时通过对元素的整合和颜色搭配的统一，使画面在大屏显示中能更好的注重到画面侧重点。减少非必要元素的使用，使得画面更整体和统一。

二：遇到很强势的客户，明明觉得很多地方很不合理，最终还是按客户的要求去改，要怎么处理？

1.从客户思维去理解问题

首先我认为设计师和客户并不是处在对立面，我们经常会抱怨客户不懂设计，但是我们自己也未必比客户更懂产品。在有些情况，我们的目的是为了让设计更好看，而且这种好往往是艺术性的而非商业推广效果。首先我会反思，我与客户之间的“不合理冲突”是否是因为我不了解产品所导致的。并且应用我的以往案例与经验，去找到是否有同类产品的例子，如果有，我会以之前的落地效果与数据来说服客户，如果之前没有做过同类产品，我会找一些客户产品的竞品分析，阐述我这样设计的的优势在哪，并且与客户讲解竞品在落地中出现的问题，用实际的案例去证明某些不合理的设计所造成的不良影响。

2. 商业插画的目的是解决问题

我一直认为商业设计中，插画师应该明确自己的两个身份，第一个是推销员，第二个是艺术家。首先运用自己的美学修养为客户打造更好的视觉输出，然后就是分析产品并且帮客户把产品卖的更好。设计师用精美画面制造情绪，打动观众，但是更重要的还是为客户解决问题。那么修改的结果替客户更好的解决了问题吗？一张海报有没有达到更好的推广效果，一款包装有没有符合产品的卖点等等，从这些方面去与客户沟通，而不是仅仅是“审美冲突”上。

3.审美是主观的，商业是客观的，并且是有逻辑的。

我们与客户可以从以下几个逻辑层面上来沟通，客观和理性的去分析是否改稿是否合理。

1.产品卖点：在原有的设计上，创意是否准确的表达了产品的卖点，客户的改稿是增加还是削弱了产品卖点。

2.营销主题：在画面中有一个明确的活动主题来使画面传达的信息更明确和具有传播性，如果改动之后是会使画面主题更统一吗，又或是破坏了画面的统一性，对产品的信息传达造成了不利的影响。

3.制作工艺：如果是涉及到设计内容需要线下实现的场景，那么客户的改动是否不利于产品的工艺实现，产生工艺制作无法实现的问题，并且可以拿出工艺样本来与客户说明。

4.品牌属性：在品牌层面上去分析设计是否符合品牌调性，在整个品牌的文化和记忆点有没有得到延续与扩展。

从商业层面找到问题的逻辑才能解决问题。

三．做品牌相关的项目时，遇到一些 IP 延展设计时，如何处理品牌形象统一性的问题

1.一个优秀的IP从一开始便会对这个IP在各种情况下的展示效果进行充分的计划

IP 识别度元素定位准确

在 IP 的识别度定位上，其识别点的定位越明确，在 IP 延展时就越能够保持统一性。例如 b 站的小电视形象就直接以电视机为原型，品牌元素的关联性很高。

2. 在 IP 品牌系统中设定完善的规范体系

在 IP 使用上，对其表情状态，造型结构，配色方案，关键识别点提炼，组合形式，品牌联名形式，服装与画风延展，性格人设设定等等都会有明确的规范，这些规范能解决大部分延展所遇到的问题，而在一些规范不明的地方，会有品牌部门单独的审核与兼修。

3. 打造 IP 独有的品牌符号与人设背景

逐步的在 IP 的延展和产出中推出带有故事和记忆点的设计。并且做出一个长期的策划，把有关 IP 的产出都能在一个设定和故事背景上整合起来，由此在观众被某个 IP 相关的设计产出吸引后能够有意愿的去翻找关于这个 IP 之前和之后的内容。并且能够通过相同的故事和人设增加 IP 延展的统一性。

4.做好品牌 IP 系统的维护与升级

在 IP 的品牌系统打造的过程中，不能一劳永逸，随着不同应用情况的磨练与时代潮流与审美的变更，我们的品牌 IP 也要进行升级迭代和增加新的内容规范，这个也需要品牌部门与制作部门根据 IP 的应用问题进行不断的打磨。

四、在商业插画里，如何平衡绘画内容复杂精美的同时，又能很好的突显出主体的产品

1.整体统一性

画面构图应该有明显的聚点，并且在元素上要互相与画面主题相关联，形成一个“整体”。

2.优先级关系

分清画面的优先级关系，在前期策划的过程中，就应当对画面的层级关系进行一个梳理，比如在画面中什么是第一优先级什么是副优先级，什么是辅助元素，缕清这些关系之后再去进行画面的细化。举个例子:在一次在绘制一张政府主办的体育类电竞赛事Kv时，我像往常一样把kv构图元素刻画的很“电竞”，拿给设计总监（灰哥）看时，他告诉我，我们这次是体育赛事里的电竞游戏，不是电竞赛事里的体育游戏，画面应该偏体育/奥运的风格。这就是比较典型的优先级搞错了。

3.别堆元素

有些设计师会为了增加画面的丰富度，去添加很多和主题无关与产品也不相干的元素来营造细节。并且这些元素的位置与比重都抢占了产品主题的视觉落点，而造成画面很杂乱琐碎的问题。无法快速的理解插画中所传达的商业内容。所以并不是无意义的堆砌元素就能达到更好的效果，如果想增加画面的细节但是又不知道加什么的时候，不妨去加一些辅助图形。

4.辅助图形

如何去设计和理解辅助图形呢，就是在画面中不会抢占主题视觉又能增加画面的细节和视觉引导作用的辅助元素。例如在一些国潮插画中云雾，水纹的设计，和一些潮流插画中闪电，光效，爆炸烟雾等等。有些时候通过辅助图形的引导，我们的视觉落点会更加的集中，使观众能够快速的看到我们想让他注意到的产品元素。同时在辅助图形的设计上也可围绕着构图和产品识别点进行演化，使画面更加的整体与统一。

五、画面如何结合产品去想创意，创意的寓意一般从哪些方面考虑

1.创意是为了产品服务，了解你的产品才能做好创意

电影，书籍资料，纪录片和对生活的思考等都是我的画面灵感来源，但我觉得设计中的灵感是一个有规可循的过程，要保证稳定的高质量作品输出，就不能把合适的创意寄托于灵光一现。你要做好一个产品就要了解这个产品，分析它的品牌。就像你在进行历史辩论赛时，你需要举证大量的相关史料，饱读各种相关书籍，唐宋元明清不同的朝代，你需要查阅的资料也不同，这也可以理解为我们设计里说的“大方向”。

在接到一个项目时，首先把它的脉络先缕清，分好优先级关系，用大-中-小的关系递进的去剖析它，先探索大方向，然后再从确认的范围内去挖掘小的创意。在很多时候，没有方向的创意也会带来歧义，所以了解产品信息范围就更加重要。举一个例子：我之前为美一款去脂锅创作上市海报时，在草图时提供了两个方案，其中一款画面效果非常酷，把一个鸡腿放在锅里，它的肉和油脂围着骨头旋转被层层剥离，然后就只剩下去油去骨的鲜美汤汁。从宣传功能上来说这个草图的创意确吸人眼球，但是客户却选择了另外一款方案，原因是他们锅的去骨去脂并不是这种旋转层层剥离的运作方式，这可能会造成消费者投诉。所以在商业项目中， 你的创意是为了产品服务，了解你的产品才能做好创意。

2.从产品独有的品牌识别点中去发散创意

在画面的设计中我们可以去融入和发散我们的品牌与产品独有的视觉符号，例如产品的外观，产品的颜色，产品的卖点等等，从中去提炼出图形和故事来作为创意的发散点。例如一款电子产品，他在开关按钮有别与大众产品中的方形，而是一种细长的椭圆形，那么这个椭圆就可以作为我们画面组成的视觉符号，我们的海报标题字也可以采用这种独有的椭圆笔画结构。又例如一个品牌的 logo 他的图形是有很多的尖角组成，那么我们在设计海报的时候就可以把画风的笔触表现的尖锐一些。