Mar. 4, 2019

PUBLICITY PROGRAM  |支付宝集五福 |  

 

 

产品名称 | product name

支付宝——集五福 

 

产品介绍 | Productintroduction

 

 

一年一度的集五福,从不缺席,含金量更是年年攀升,今年的春节,支付宝五福团队,为全国人民送上了“有你就是福”的祝福,真一字亿金,价值5亿元。没有人可以瘦着过完春节,更没有人可以不集五福地过完春节;虽然大家心知肚明,结局可能只是 “一顿操作666,红包不过1.86”,依然戒不掉集五福的热枕,毕竟,万一好运降临,损失的可是好几个亿。

 

今年的春节,HOTSAR荣幸当选支付宝设计团队的一员,分担其中的部分作业。(据悉,bojun小哥哥自立项之后,就被关进“小黑屋”,十恶不赦地丢下猫主子,打了一段时间的黑工。)

 

制作 | Product

 

支付宝集五福,在最近几年已经成为过年的新年俗活动。集合中国年俗、国际化和公益活动的五福,今年也需要一个更加简洁而有质感的视觉改观。

 

 

而HOTSAR这次的主要任务,就是将团队设计的主KV视觉海报,延展成为具有质感的3D展示。简而言之就是“化繁为简”。

 

(实际应用效果)

 

此次场景元素三维化,我们遵循一直以来的整体流程,线稿三视图设定,白模,灯光材质,渲染加后期调整。

 

 

 

在蚂蚁森林产品的三维设计上,我们制作出蚂蚁森林类似的树木,并辅以其他小型植被(梭梭树,仙人掌,石块)。同时,为了突出用户在不断种植中对自然环境的影响,我们在场景中添加了沙漠与绿地,以体现植被绿化这一过程。

 

 

在过年元素的选择上,我们增加了祥云,红灯笼,小对联及风筝来更好的契合该场景。

 

Ant Forest | 3D display

 

(实际应用效果)

 

 

 

 

在答答星球的三维化上,我们则是基于先前产品的已有的二维插画风格,对场景内的元素进行了相应的突出与简化。例如弱化了草皮植被的呈现,以绿色光滑面为主。在水面的处理上,则增强了波纹的起伏与光的反射,从而体现出海的质感。

 

 

Dada Planet | 3D display

 

(实际应用效果)

 

 

在蚂蚁庄园中,我们相对弱化了场景,将设计的重点放在小鸡本体以及服饰装饰。 对财神帽,红包,元宝以及金币等传统中国元素进行了材质区分。

为了更好地将呈现手持红包的动作,我们在三维中将小鸡的翅膀连接处进行处理,以避免与身体曲面连接而产生较大的凹痕。

 

Ant Manor - Chicken | 3D Display

 

(实际应用效果)

 

 

 

我们将不同福卡的二维设计元素(例如蜜蜂,饺子,花朵,高铁)转化为三维设计,实现更加具像化的表达。

 

 

而交互方面,我们大量运用卡片的翻转,以及辅助元素(烟花)的大小变化来营造氛围和情绪,在用户扫“福”字,集五福,开奖时,为用户打造仪式感,在交互过程中,点燃用户的情绪,产生期待感、兴奋感、惊喜感。

 

动效展示 | Dynamic display

 

 

为了保持统一的插画故事体系,支付宝团队设计师创造了“福气一家人”的故事概念,将温馨、欢乐的团聚时光凝聚其中,带来浓浓的人情味儿。在参考支付宝五福团队设计师的人物体系之后,HOTSAR出品了异常状态插画系列。

 

 

在产品错误和异常提示时,通过插画,给用户暖心的操作提示。我们在遵循原设计师的人物设定基础上,用色更厚重,笔画更简洁。不变的是,依然是那么接地气,依然是那么的正能量。试问,看到页面上的小朋友天生长着一张让人忍不住伸手掐一把的包子脸,你还顶得住吗?