V兽 ISSUE13|发财中国年·家和万事兴

今天是正月十五元宵佳节,今日头条UED团队在这里祝大家元宵喜乐~

本期Vision Show带大家回顾头条春节项目—“发财中国年”活动的设计过程。


项目背景

头条在飞速成长的同时,不仅见证了每一个砥砺前行的中国人的成长,也见证了中国互联网的成长,并在其中享受到了时代带来的红利。而在春节这个特别的时期,今日头条要把这个时代的红利,与头条的用户分享。2018年是今日头条发财中国年春节活动的第一年,今年在去年“发财中国年”的基础上,更增添了“家和万事兴”的美好寓意。


 - 活动主视觉 -


V兽 ISSUE13|发财中国年·家和万事兴


设计元素提取

活动主视觉是用户对活动的第一印象,我们期望有一个清晰简练、活波有趣且年味十足的主视觉来引领用户参与我们的活动。在设计上突出“发财中国年”活动主题,元素上提取了极具中国传统特色的舞狮、卷轴为主要设计元素,辅以元宝、红包等小元素烘托活动气氛。“狮”作为中华传统文化中的瑞兽,有着吉祥如意,招财纳福的美好寓意,可爱的小狮子摆头眨眼也充满了朝气与活力,富有趣味。


V兽 ISSUE13|发财中国年·家和万事兴



色彩搭配

提到农历春节,人们的第一色彩印象就是喜庆的中国红了。考虑到既要渲染春节气氛,又避免大面积红色给人造成视觉刺激和疲劳,主题字采用白色协调画面,背景主色调选择了带有微渐变感的红为底色,相比于传统正红色更加活泼、年轻化,并以少量的金色、黄色、玫红色作为辅助。


V兽 ISSUE13|发财中国年·家和万事兴


 - 活动流程 -


预热引导

更新头条App最新的发财中国年版本后,活动入口在Tabbar中间展示,并有活动引导。


V兽 ISSUE13|发财中国年·家和万事兴



预热界面

通过入口进入主会场后,在活动正式开始前会进入预热阶段,让用户提前熟悉活动内容及玩法(集卡活动、红包雨活动、拉好友、幸运转盘等)其中拉好友与下载在预热阶段即可进行。

V兽 ISSUE13|发财中国年·家和万事兴

金卡阶段

集齐金卡即可瓜分3亿现金红包。集齐后可开启神秘任务。前188名、第288、388、488至1888名集齐金卡用户可获得10g实体金卡一张。

V兽 ISSUE13|发财中国年·家和万事兴

▲集金卡主页


金卡设计以“发财中国年”五个字为主体,让可爱的小财神贯穿其中,与字的笔画相结合互动,在抽卡的过程中增添趣味。


V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴


▲金卡设计▲



钻石卡阶段

金卡阶段的“神秘任务”即是集钻石卡。集齐五张金卡首次合成钻石卡的效果预示了整个活动正式进入了第二阶段,同时这个过程也让整个活动变得更加好玩。合成的效果引用了“融合”与“冶炼”的概念,画面突出了钻石卡的地位,配合着光效与粒子的渲染,整体沉浸的氛围极大的强调了钻石卡的价值。钻石卡阶段设计结构上与金卡阶段结构有明显区分且保证标准屏幕(逻辑尺寸375*667)的首屏浏览效率,不做“无谓”的视觉留白。


V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴▲合成钻卡动效▲


V兽 ISSUE13|发财中国年·家和万事兴

 ▲钻卡抽卡动效▲


 - 红包雨 - 

春节活动期间,红包雨每天准时等候。在开始之前,红包雨预热版块会移动到活动页面上方,引导用户参与活动。今年的红包雨分为传统戳福袋和小游戏接财宝两种形式。


V兽 ISSUE13|发财中国年·家和万事兴

 ▲红包雨预热


“福袋”就像是一个能量袋,与飘动着的大红包的能量光圈相互吸引。用户猛戳福袋加强能量就有机会得到现金红包哦~连击数到达不同的数值时,能量光环也有所不同,加强反馈效果,提升互动性。


V兽 ISSUE13|发财中国年·家和万事兴红包雨小游戏-接财宝,用户进入游戏,只需移动头部用头顶的财神帽去接财宝积累分数,注意要躲开炸弹哦~~游戏结束后有机会得到现金红包。


V兽 ISSUE13|发财中国年·家和万事兴

 ▲红包雨小游戏-接财宝▲



 - 精美拜年卡片 -


拜年卡片设计整体采用了传统年画的表现形式,同时加入少许超现实主义元素和色彩,为传统年画注入现代活力和新潮气息。

整体创意选用了九只祥瑞之兽,将瑞兽的名称与祝福成语关联,以此寄予春节祝福。


V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴

V兽 ISSUE13|发财中国年·家和万事兴



Designed by   QingZ、JACKW、巴斯光年、 大非猫、鱼尾、Kim、Hann、OceanG、英贺酱 

V兽 ISSUE13|发财中国年·家和万事兴

设计师是充满想象力的群体,强大的视觉动物,

我们希望成为不断挑战未知领域、发现崭新地平线的怪兽。


~~~~   ~~~~

V 兽 

V兽 ISSUE13|发财中国年·家和万事兴




本篇文章来源于微信公众号: 今日头条UED

UI/UX

2019,元宵快乐

2019-2-19 17:14:43

UI/UX

设计沉思录|互联网设计师图鉴之创新项目中的设计TIPS

2019-2-20 9:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索