「UI设计」来看看京东618如何玩转视觉与动效设计

618大促是京东延续多年与用户的大型互动仪式。

在这场巨大流量的角逐中，如何结合时下流行创意趋势、更精准有序地向用户透传品牌与优惠信息是设计师要着重关注的点。

基于各个角度的诉求, 我们尝试通过理性分析到设计落地, 实现从视觉创意到商业价值的转化。

故事设定围绕 “ 周年庆party ” 展开，结合party主线对应不同的活动时期，氛围感逐渐递进。

根据色彩的情绪效果和感染力，利用色彩来调度活动氛围和节奏，比如：“ 专场期 ” 会场以 “ 冷色 ” 为主，高潮“红色”为主，拉大 “ 专场期 ” 到 “ 高潮期 ” 的情绪落差，更符合 “ 高潮期 ” 的 “ 高情绪期待值 ” 需求。

随着 “ 发券飞船 ” 随着欢呼迎面而来，618 “ 高潮期 ” 正式开启。除了静态展示外，还通过动效表达让画面更形象、生动。

强化金融618品牌符号，logo贯穿整个金融618活动，包括不限于主会场、分会场、流量入口、线下物料。使京东金融618品牌传播具有独特的记忆性与关联性。

分会场规范既要保证各个业务分会场风格统一，又要做到内容区分。提高多业务并行时设计的一致性以及合作效率。

各级流量入口保持跟主会场视觉前后一致。