提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
产品需求大致如下:在首页的一些项目入口位置,用同尺寸的营销Banner图(位置和图由后台系统配置)直接进行替换,以增加营销事件的曝光量。
曝光的条件限制:用户打开同程旅游APP进入首页时,每次来到大首页只会触发一次动画,每次曝光维持3秒。
考虑到营销Banner的曝光在产品方案中已经有了一些条件限制,所以处理这个动画需求时,更多地是考虑如何不影响其他首页入口的条件下,能够让用户明确地注意到营销Banner,给其带来更多的曝光。所以初步的设计方案定为翻转的方式,然后出了两版方案。
方案一:
灵感来自于小时候经常玩的折纸游戏——"东南西北"。
这个方案的好处是整个翻转动效涉及到的页面高度,都可以更严格地进行控制,不会挤压到其他入口的空间。
方案二:
方案二采用是一个立交面翻转的方式,翻转结束时加了一点overshoot弹性,整个动画干脆利索,但由于翻转时入口的高度会大于平面的高度,会占用一点其他入口的高度。
最终综合了一些内部意见之后,采用了方案二的方式,整体动效是AE提供效果之后Native开发用代码实现,开发出来的效果也花了比较多的时间去进行调试,目前同程旅游APP线上的首页正常配置的话是可以看到这个功能的。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册