奥利奥,创意,帧动画;划出你的想象

?文章来源:www.qhlsm.com ?作者:拉伸膜???|???? ?2019-12-20 22:04

  请长按/扫描下方

  咱们走着瞧

  完整欣赏此案例大约需要1分10秒

  案例:划出你的想象

  出品:奥利奥

  技术实现:Zepto + Video(视频) + 序列帧动画

  亮点:

  ①策划上,视频+帧动画H5,奥利奥新升级产品包装的宣传。H5将“划”作为贯穿整体的动作元素,开头让用户“划”开月球,缠绕膜分析之后再引出“划云彩”、“划彩虹”等动作,每次“划”都会有更清新更好玩的内容展现。结尾处点击按钮可以跳转新品活动页面。

  ② 设计上,淡蓝作为背景色,整体画面清新可爱。“划开月亮”、“划开彩虹”等动画,将设计者丰富的想象力很浙江11选5开奖走势图好地融进H5中,背景音乐和音效也完美地渲染了H5轻松愉快的气氛。

  ③ 体验上,小五体验案例时,只有“划月亮”是交互部分,划开后就开始播放视频,然而视频中间依旧有划开的动画,小五感觉其实这些动作也可以结合用户的交互,而不是划浙江11选五走势图手机版了一下便一播到底。几次交互能让用户更好地记住“划”,并且操作门槛也不会高多浙江11选五开奖结果图少。鸡蛋里跳完骨头,小五还是很喜欢这种清新可爱风格的H5。好,下午的零食就决定是你啦,奥利奥!

  案例快速赏析

  案例截屏

  请长按/扫描下方

  咱们走着瞧

  完整欣赏此案例大约需要1分10秒

  学H5,来H5课堂

  以上为【H5案例分享】团队原创文章!

  转载请务必注明出处!

  【奥利奥】相关H5案例:

  【视频】相关H5课程推荐:

  给“H5案例分享”回复“Video”、“视频”,

  或点击菜单下的“学H5”,即可获取学习视频

  新增H5案例代码包下载功能。

  找创意H5,用