主题:五一劳动节营销活动总结Recommanded by editor
1年前Publish
今天给大家分享的是一篇关于主题性质大促活动的设计经验总结,从前期沟通到执行落地逐步解析展现给大家。
今天给大家分享的是一篇关于主题性质大促活动的设计经验总结,从前期沟通到执行落地逐步解析展现给大家。此次活动的最大亮点在于,第一次尝试2名设计师用手绘风格的表现手法协作完成多个会场的制作,其中也总结了写实手绘风格从0到1的制作过程,希望本文对大家在运营视觉设计上能够有所帮助。

项目负责人:Candy

参与设计师:YU


项目背景简述

本次活动是京东到家对『五一劳动节』展开的一次P1级别时长5天的大促活动。区别于其他大促活动,『五一劳动节』活动更具主题性质,契合中国传统节日。

了解到项目背景后,我们可以大致的分析整个活动的基本要点:

01 『五一劳动节』属于中国传统节日,视觉可以结合劳动人民形象,契合主题;

02 视觉风格选用手绘风,更具差异性和表现力;

03 P1级别活动,整体活动需要区分爆发期和商家活动、返场期的视觉节奏。


视觉规划

Q:视觉规划是什么?

A:视觉规划在设计中的作用非常重要,它能为观众传递信息并带来审美愉悦,其目的是在视觉方面解析设计,研究特点以及在设计中的作用,利用视觉思维理论并结合案例进行分析,最终输出针对此次活动的视觉规划方案。


Q:视觉规划的作用?

A:活动开始前做好视觉规划,不仅可以和需求方做好全面沟通;最重要的是做好各个会场的视觉节奏规划,包括但不局限于开机屏和首页换肤,提高设计团队的工作效率。


Q:视觉规划的步骤?

A:视觉规划分为三个步骤,创意爆发、活动规划、设计执行。


下面逐一进行解析:


创意爆发

创意爆发也就是设计师一起来脑爆,由于此次活动时间比较紧张,其他设计师奔赴在其他活动的路上,所以此次活动规划、脑爆由我一人来完成,我会根据各个会场的主题进行关键词的联想:

劳动人民、青年、锦旗、鲜花、农民地、城市、跑道、购物车...


找视觉参考也是非常重要的一环,可以为我们的思维插上翅膀。


活动规划

活动规划主要从视觉数量、配色;表现手法;视觉元素;节奏的区分进行分析统筹,此次活动第一次尝试2人共同协作完成手绘风格大促活动,所以前期统一手绘表现手法是必需的一步。此次活动的表现手法采用写实类,运用画笔笔触增加人物体积感和真实感。 


视觉数量以及配色

在视觉数量和配色上主要规划了开机屏和首页换肤的视觉节奏,根据每天的主题搭配了不同的场景和配色。

首先我们对开机屏进行了视觉规划,活动时常5天(5月1日-5月5日),考虑到『5.1劳动节』和『5.4青年节』2天的活动属性较强,所以规划5月1日和5月4日同一套视觉,构图一致以人物形象为主体,更换配色、文案、商品以及场景;5月2日-5月5日规划一套视觉,更换配色、商品以及文案。

之后是对首页换肤的规划,整体规划2套背景颜色。第1套颜色规划为爆发期(5月1日),需要强烈的氛围和整体感,所以用红色搭配金色向用户传达氛围;

第2套颜色规划为商家活动、5.4青年节和返场期(5月2日-5月5日),整体背景颜色为黄色,其中会根据每天活动的主题和属性更换主会场入口-大促楼层2的配色,同时与开机屏的主色调保持一致。


首页氛围级别规划

对视觉数量和配色规划好后,就有了一个大致的视觉统一性,接下来就要考虑的是首页氛围的级别规划。
爆发期采用A级氛围,视觉重点突出主题、利益点和人物形象;A级氛围需要考虑到首焦1、入口球和大促楼层2的一体性,可以让用户有强烈的视觉代入感,所以这次爆发期主会场的入口放在了首焦1的位置,将人物形象和主题『向劳动人民致敬』相结合作为画面的表现内容,以锦旗的形式呈现出来,同时融合麦穗的元素使用户产生共情。其他资源位大促1行3、1行4、底部导航都需要整体搭配视觉的调性和质感,才能在兼顾视觉氛围的同时达到统一和谐的首页效果。

undefined

其他会场(商家活动、5.4青年节和返场期)采用B级氛围,视觉重点突出大促楼层2的利益点和商品。会根据每天不同的主题更换大促楼层2的配色和商品,同时加入卡片形式进行商品轮播更换。后期数据显示,5月5日轮播商品更换形式对比5月1日大促楼层2静态商品展示,其CTR绝对值提升3%。


视觉元素的联动

规划好视觉数量、配色和首页氛围之后,为了保证视觉的统一性和关联性,视觉元素的规划也是必不可少的一步。视觉的关联性主要规划了字体和装饰元素的统一,『5.1劳动节』和『5.4青年节』采用锦旗、麦穗、花朵的元素进行联动;其他会场用同一套场景,更换颜色、商品和文案,同时加入花朵的元素与爆发期进行联动。


设计执行

视觉规划完成和需求方达成一致后,就需要和设计师分工执行啦。

本次促销活动的亮点是写实风格的绘画,以5月1日爆发期的视觉为例,给大家讲解下从0到1的视觉呈现过程。


确定手绘风格


场景设定

根据主题进行关键词的发散联想,场景设定为农民地;画面构图进行突破创新,利用锦旗和花朵布满整个画面,同时增加麦穗元素丰富画面,寓意向劳动人民致敬!


绘制过程

【草稿】

草图绘画、选用手绘板进行线条勾勒、填充基本色。


【区分明暗、完善构图】

确定光源、区分明暗,利用重复对比原理完善构图。(其中色彩定义、光影关系、氛围塑造的原理可参考公众号文章《踏青营销活动视觉总结》)。


【细节刻画】

利用手绘板进行细节刻画,增加笔触,使人物形象更加生动。


【文字设计】

最后刻画文字细节,增加渐变、投影,最后利用橡皮擦工具擦出断层,营造手绘氛围,和画面统一协调。


设计落地

开机屏展示


首页换肤展示


结语:以上是我和YU同学对本次活动的规划与落地。希望自己在设计的路上不断成长,同时也希望这篇文章也能帮助其他设计师,感谢!

19
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
上海 | 设计爱好者
收录收藏夹
更多收录此文章的收藏夹