美的美居运营插画体系设计探索与构建

Recommanded by editor
69天前Publish
插画作为设计中最具表现力的元素,始终以一种坚挺的姿态屹立在设计趋势的​前沿。

插画作为设计中最具表现力的元素,始终以一种坚挺的姿态屹立在设计趋势的前沿。一副好的插画本身就是一个故事,而故事是最令人难忘的内容。插画通过线条、色彩和本身独有的情感吸引力,竭尽全力营造氛围,向你阐述故事,撬动你的情绪。

在运营宣传设计中,我们经常会用到插画的形式来表达活动氛围和场景故事等,好的插画表现力可以让视觉作品有强烈的视觉感染力,所以合理的利用插画设计可以很好的提升活动的转化率和提升用户的拉新和活跃,也能增加用户的粘性等。

目前随着业务的增长,团队的扩展,原有插画设计形式很难满足新的业务模式和大量的业务需求,所以通过对之前的业务需求分析以及对后续的业务规划,针对美的美居运营宣传方面,有必要进行运营插画体系的构建来支撑各种线上、线下广泛的运营宣传设计需求。



美的美居运营插画体系是什么?

美的美居运营插画体系,是针对美居APP运营宣传设计工作构建的一套统一的设计资源库,利用这套资源库,塑造统一的运营IP形象,提升用户对美的美居的运营设计品牌感知,同时做为素材资源库也可以直接使用插画库中的素材,提升设计师部分工作效率,另外也是设计团队技能和风格延续的必要工具。目前针对所有对外宣传的物料,包含活动设计、海报设计、BANNER设计、长图条漫等一系列的线上、线下物料都可使用这套体系,覆盖范围广。


为什么要建立运营插画体系?

插画系统是一个建立公司视觉品牌一种有效的方式,一个好的品牌形象不仅能表达公司或产品的信息还能与用户建立联系,如果没有运营插画体系,设计团队必然会存在一些问题,比如运营设计插画人物风格不统一,头身比例不同,插画体系规范有一个优点,它们能使不同的人创作出作品基于规范的每一幅插画都必须与产品风格和品牌调性保持一致。还比如情感化设计较弱,缺少品牌调性,脱离与用户的联系。

我们专注于品牌价值、使命和愿景,我们的每张设计对于用户来讲都是一个和用户形成互动,互知的过程,对于用户而言,如果每次见面都是一个陌生面孔,他的感知是茫然的。


我们结合工作经验总结了3个常见的运营设计方面的问题:


运营设计工作是短、频、快的工作,要消化来自四面八方的设计需求,包括各种线上H5活动、宣传长图、海报、BANNER等,而且是由不同的设计师来完成执行,每次设计创作不同的人物及场景风格会导致活动宣传人物风格的不统一,场景家电不统一,大小比例不统一等,很难形成企业或产品的品牌感。同时也给设计师增加了很多重复的工作量。



拿美的美居APP来讲,我们的用户是不同年龄层,有不同的职业,不同的生活习惯,如何通过设计的手段和用户建立情感连接,与用户产出共鸣,建立美的美居独有的品牌感,希望用户看到我们的活动就有一种找到家的感觉和舒适的体验,正是我们需要寻求的目标。


不同的设计应用不同的需求,很多时候我们的活动或者需求有着相同的点,虽然主题不一样,但表现场景很相似,在这种情况下每次都跟据新的需求进行插画原创,面对大量的设计工作需求,很多都是重复性工作,而且很难保证质量,造成设计资源浪费和不合理利用。经过整合的插画,可形成高效的生产系统;它的原理并不复杂,就好像每个设计师自己积累的素材库一样,相同的画面可以实现元素的共用,最大程度的提升生产效率,避免了设计资源的浪费。


为了解决以上3个问题,我们以风格统一,品牌调性,效率提升为目标,进行美的美居运营插画体系的构建。



运营插画体系构建环节

运营插画体系的构建,分为探索、共创、构建、应用和迭代5个环节,针对每个环节将进行一些设计思路和方法的提炼。


情感关键字


运营插画体系构成


运营插画体系环节-探索

在风格探索过程中,我们分析了其它互联网公司的相关插画案例,如闲鱼、Alipay、KEEP等大家常用的互联网产品插画体系案例。另外还要考虑美的美居本身的产品定位和用户属性,另一方面也要考虑互联网流行的设计风格和趋势。



运营插画体系环节-共创

通过对竞品以及行业趋势的分析和创意,形成一个品牌插画,通俗点就是先去创造业务线固定的人物形象,我们设计了一套互联网行业比较流行的小头大身比例形象做为我们运营插画体系的基本风格。


运营插画体系环节-构建

选定风格后完成整合,实现系统的高效性,意思就是将各组件分门别类进行拆分,最终实现组件可以重复利用的一个过程;我们将在以下几个维度上进行了整体的运营插画体系构建:

1、基础人物形体构建,包含三视图、基本比例设计,细节特写等

2、风格拓展,包括平面、线稿、3D风格的拓展

3、组合场景和场景素材的延展


基础人物形体构建

头身比例的设计:古希腊雕像中大量表现出的8头身比例, 是公认的身体最美比例, 女性与男性有一定的身高差, 故人物保持8~9头身的身高比例。



骨骼定位设计:

男女形体的骨骼比例是不同的,男生黄金比例为倒三角,女生胯骨较大,曲线美由此产生,通过骨骼和关节定位,让形体更加规范,在设计应用中的时候不容易走形。


基础人物形体构建

骨骼延展设计:通过正面,半侧面,侧面等不同方位和动作来定位骨骼关节位置,进一步来规范人物不同动作下的形体规范和比例。


三视图设计:通过男女不同方位的三视图来加固形体的比例,规范,为后续3D形象延展奠定基础。

人物动作延展构建

动作延展设计:为了方便设计师灵活编辑与扩展, 绘制多视角人物动态,对常用人物动态进行预设, 提高角色在各业务场景的利用率以及部分动作规范的参考。


人物服饰延展设计

默认服饰设计:以白色上衣和美的蓝裤子为基础服饰搭配,默认服饰分为夏秋两季,夏天为T恤,秋季为卫衣。


延展服饰设计:同时为了方便设计师灵活编辑与扩展, 绘制常用服装展示,对常用人物动态进行预设,节省设计师更多绘制时间。



延展更多服饰设计:分别针对不同的活动氛围进行多服饰延展,为后续设计应用提供更多的参考和帮助。



人物发型延展

人物发型延展设计:为了适应更多的活动氛围,适应不同的场景,进行了发型延展设计,扩展插画的多元化组件库。



人物表情延展设计

人物表情延展设计:

同样为了适应更多的活动氛围,适应不同的场景进行了表情延展设计,使得这一设定在生动视觉表现的同时扩展插画的多样化组件库。

目前在角色情绪表情库上,我们取角色的“自信”状态为标准表情,同时在“喜悦”方向做了大部分的延展,少量的“生气”表情,毕竟在应用的时候很少能用到“生气”这样的表情,传达给用户的感受也不是太好。



场景延展设计

场景延展设计:场景的延展是为了让设计师在应用中更好的找准人物使用的定位,扩展插画的多样化组件库。同时,场景中的各样素材都是分层文件,在设计师实际工作中如需使用可以直接拿来用,可以提升设计师的工作效率。


运营插画体系环节-应用

应用范围有哪些?如何通过实际应用来验证运营插画体系的价值?

包含运营活动应用效果/ 运营海报实际案例 /Banner应用参考,设计师在各种物料设计中的应用,通过元素之间自由组合合理搭配,配以运营文案及可设计出一张具有符合美的美居品牌调性的设计图,也可以让设计效率更高。


运营插画体系应用案例

运营活动设计


海报、BANNER、条漫等物料设计


运营插画体系环节-迭代


运营插画体系如何迭代?

通过实际应用后的反馈来进行2期迭代更新优化工作,在迭代过程中,延展出3D形象来扩展整体插画体系,为的是应用场景更多,更好的适应各种运营宣传类的设计需求。后期将对这套运营插画体系延展出角色动态库、肢体库、五官库、服饰库进行统一整合包装,形成必要的生产资料。

同时,在应用过程中跟据使用效果及反馈不定时的进行扩展及更新升级,最终将我们的运营插画体系做到更合适、更完美、更具品牌调性、更符合用户特征的插画体系规范库。


运营插画体系迭代之3D形象


结语

美的美居运营插画体系的建立对于我们来讲是一次新的挑战,在前期我们进行了多次的探索,以确保风格符合用户对美居的品牌认知和目前互联网设计流行趋势,同时运营插画规范用户识别的一部分,设计师可以参考插画体系里的场景延展,也可以直接使用,但不限制,希望在此基础上做更多的思考和发挥,不限制其它创意形式的表达,给用户更好的品牌感和更吸引的视觉。

29
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
深圳 | 设计爱好者
Article information
文章标签
收录收藏夹
更多收录此文章的收藏夹