让页面潮起来 – 从视觉五维度提升春运感

项目前期阶段，先从2020年春运活动的项目优势点及薄弱点中，寻找2021年的设计发力点，进而确定本次活动的设计方向：

潮流感: 项目整体视觉风格潮流化，营造活动的潮流感；

统一且差异: 整体统一，但各系列会场色相拉开对比，具备差异。

确定设计方向后，从三个部分对春运活动进行设计推导：活动拆解、prd梳理、设计指引-关键词、目标、风格。

1. 活动拆解

3.设计指引

a.关键词推导

由关键词梳理得到本次活动的设计目标和活动的统一基调：即通过营造符合智行视觉感知的新潮春节氛围，突出回家智在必行的促销感知，体现火机酒汽的业务属性，明确系列活动的统一性和差异性，从而促进用户流量的转化，助力活动目标的达成。

c.风格探索

带着设计目标、活动基调关键词，进行风格参考的探索，找到了三种符合本次活动调性和关键词的参考：线描古风/轻量伪3D风格/C4D风格。

1. 草图

确定参考风格之后，开始进行创意草图输出，共出了3个方向的创意草图，综合考虑业务元素的突出强度，文案信息的清晰传达，前中后景的空间层次等维度，确定了本次春运抢票日历的草图。

2.视觉五维度

a.颜色

活动配色上采用了符合春运传统认知的红，结合了潮流趋势的选择，色相上往紫色靠拢了些，更符合活动的轻量感受。然后再用品牌蓝做点缀，突出智行的品牌色，最后根据我们风格参考方向和活动的促销属性，定下了高明度的颜色选择。

b.形状

根据我们本次活动的slogan“回家智在必行”，再结合我们抢票的的活动属性，提取了一个“回”字作为智行特有的视觉符号。又基于春节活动的特有元素，考虑到我们的出行属性，选取了符合春运团圆寓意的灯笼作为辅助元素。

c.字体

沿用智行品牌设计字体，加深用户对智行视觉的感知。同时在设计表达形式上采用了厚度纵深的字体效果来突出文案信息，使文案信息传达的更清晰。

d.质感

质感上主要考量的是轻量感伪3d风格，质感光影感受强，兼和软硬光的混合使用塑造活动的品质感受。

e.构图

基于背景“回”的视觉符号，整体采用居中构图使视觉更为聚焦，可以更加突出的展示业务主体元素，底座的“回”形也对视觉符号进行了强化，周围飘散的灯笼和祥云进一步烘托了活动的春运氛围。

1.视觉输出及“回”字符号应用

-春节抢票日历输出-

“回”字视觉符号应用

整体春运活动围绕 “回家智在必行” 的slogan展开，所以在视觉呈现的多层面，都将从slogan中提取的 “回” 字的视觉符号融合贯穿其中，不仅仅是在活动的头图视觉，也包含在分割组建/页面元素/吸底按钮等都有体现。

头图 ：背景和底座大面积强调本次活动提取 的“回” 形状视觉符号；

分割组建 ：以活动业务主体的火车和回家智在必行提取的“回”组成分割组建，在分割页面传达业务的同时，也对我们智行视觉符号“回“进行了强化；

吸底按钮 ：吸附于页面底部，视觉形式上强化了“回”的视觉符号；

页面元素：采用了“回”字的形状，对智行视觉符号“回”进一步强化，与主页面保持统一。

2.视觉规范及其他视觉输出

a.视觉规范制定

春运活动是各业务线联动活动，在拉开视觉差异性的同时，也要确保整体活动视觉的统一性，因此制定活动设计规范，确保各业务线视觉的稳定输出。

1 : logo+slogan——位置、大小、样式固定不可修改；

2 : 主副文案区域——不可修改字体及效果样式，可更换颜色；

3 : 主体——可根据业务线替换，不可更换逆光光源方向；

4 : 氛围元素——可根据视觉舒适度更换与活动属性相关元素；

5 : 分割组建——固定元素，非必要不可修改；

6 : 楼层条——位置、样式、大小固定不可修改，可根据业务线配色调整颜色；

7 : 卡片——位置、样式、大小固定不可修改，可根据业务线配色调整颜色；

8 : 吸底按钮——样式固定不可修改，可根据业务线配色调整颜色或大小；

b.其他业务线视觉输出

至此，基于打造 “回家智在必行” 用户心智的2021年智行春运活动顺利进行，采用了轻量感伪3D的视觉风格，融合了智行特有的“回”字视觉符号和春运期间促销活动优惠感知整体输出。后续我们还会继续跟进项目数据的回收情况，复盘总结。致力将设计赋能产品，深度思考如何更好地了解用户，贴近产品，传达我们的设计理念。

最后 ，祝大家在2022年，和智行一起，不断超越自己，越来越好！