恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
同程旅游APP首页入口翻转动效
0.0°
2017-05-03 原创作品 动效 举报 2541 13 4 0

产品需求大致如下:在首页的一些项目入口位置,用同尺寸的营销Banner图(位置和图由后台系统配置)直接进行替换,以增加营销事件的曝光量。

曝光的条件限制:用户打开同程旅游APP进入首页时,每次来到大首页只会触发一次动画,每次曝光维持3秒。

考虑到营销Banner的曝光在产品方案中已经有了一些条件限制,所以处理这个动画需求时,更多地是考虑如何不影响其他首页入口的条件下,能够让用户明确地注意到营销Banner,给其带来更多的曝光。所以初步的设计方案定为翻转的方式,然后出了两版方案。


方案一:
灵感来自于小时候经常玩的折纸游戏——"东南西北"。
这个方案的好处是整个翻转动效涉及到的页面高度,都可以更严格地进行控制,不会挤压到其他入口的空间。


方案二:
方案二采用是一个立交面翻转的方式,翻转结束时加了一点overshoot弹性,整个动画干脆利索,但由于翻转时入口的高度会大于平面的高度,会占用一点其他入口的高度。

最终综合了一些内部意见之后,采用了方案二的方式,整体动效是AE提供效果之后Native开发用代码实现,开发出来的效果也花了比较多的时间去进行调试,目前同程旅游APP线上的首页正常配置的话是可以看到这个功能的。

更新:2017-05-03

收藏

13人已收藏

水暮迟

你问我要去向何方,我指着大海的方向,你的惊奇像是给我 ,赞扬~

  • 2

    作品

  • 1

    粉丝

  • 3

    关注

  • 同程旅游首页弹屏动效

    猜你喜欢

      2017-05-03 原创作品 动效 举报 2541 13 4 0

      同程旅游APP首页入口翻转动效

      0.0°

      你确定要举报同程旅游APP首页入口翻转动效

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年05月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      13
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录