项目负责人：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的配色，同时与开机屏的主色调保持一致。
首页氛围级别规划
其他会场（商家活动、5.4青年节和返场期）采用B级氛围，视觉重点突出大促楼层2的利益点和商品。会根据每天不同的主题更换大促楼层2的配色和商品，同时加入卡片形式进行商品轮播更换。后期数据显示，5月5日轮播商品更换形式对比5月1日大促楼层2静态商品展示，其CTR绝对值提升3%。
视觉元素的联动
规划好视觉数量、配色和首页氛围之后，为了保证视觉的统一性和关联性，视觉元素的规划也是必不可少的一步。视觉的关联性主要规划了字体和装饰元素的统一，『5.1劳动节』和『5.4青年节』采用锦旗、麦穗、花朵的元素进行联动；其他会场用同一套场景，更换颜色、商品和文案，同时加入花朵的元素与爆发期进行联动。
设计执行
视觉规划完成和需求方达成一致后，就需要和设计师分工执行啦。
本次促销活动的亮点是写实风格的绘画，以5月1日爆发期的视觉为例，给大家讲解下从0到1的视觉呈现过程。
确定手绘风格
场景设定
根据主题进行关键词的发散联想，场景设定为农民地；画面构图进行突破创新，利用锦旗和花朵布满整个画面，同时增加麦穗元素丰富画面，寓意向劳动人民致敬！
绘制过程
【草稿】
【区分明暗、完善构图】
确定光源、区分明暗，利用重复对比原理完善构图。（其中色彩定义、光影关系、氛围塑造的原理可参考公众号文章《踏青营销活动视觉总结》）。
【细节刻画】
利用手绘板进行细节刻画，增加笔触，使人物形象更加生动。
【文字设计】
最后刻画文字细节，增加渐变、投影，最后利用橡皮擦工具擦出断层，营造手绘氛围，和画面统一协调。
设计落地
开机屏展示
首页换肤展示
结语：以上是我和YU同学对本次活动的规划与落地。希望自己在设计的路上不断成长，同时也希望这篇文章也能帮助其他设计师，感谢！
上海 | 设计爱好者
