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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
H5案例|分享如何在六一儿童节借势H5营销
0.0°
2020-05-26 原创文章 设计趋势 举报 636 1 1 0

六一儿童节又快到了,不知道各位小伙伴们准备好如何借势营销了嘛?



在准备制作之前,可以看看意派Epub360H5平台上这些H5案例,希望可以给你带来一些灵感和启发~


作品一:欢庆六一|我和祖国一起成长

风格:手绘漫画

类型:横屏H5


技术解析:


实现方式一:长按控制画面移动。主要技术使用了一个触发行为“设置元素属性的位置移动”,可移动的画面是一个layer容器,layer容器内放多个不同的元素,长按按钮,控制layer容器整体移动。

实现方式二:长按控制画面的直线运动。仍是借助盛放多个元素的layer容器,给layer容器加直线运动,长按按钮,控制layer容器的直线运动播放、暂停、继续播放。



创意策划:

通过中国女排夺冠,香港回归,08年奥运会等几个场景,儿童在各个场景间玩乐、参观场馆、学习、演出等,体现了不同国家时代背景下,儿童们拥有的成长环境。穿越式场景呈现不同的时代标志性事件,并可选择在任意时代事件下生成海报,整个场景凸显了我和祖国一起成长的主题,结构清晰,主题明确。












作品二:《公益儿童节丨给孩子最好的礼物》

风格:手绘漫画

技术解析:

序列帧。开头几个效果需要在AE等视频软件中完成,如开头的人物线条绘制效果,蛋糕蜡烛燃烧效果等,制作好动画后导出序列帧,并处理好文件较大的图片,上传到意派编辑器进行设置。

相关教程:

《序列帧/ImageSequence》

《动画系列教程》


创意策划:

据统计,中国目前有超过1亿的留守儿童,大部分的儿童因长期缺乏父母关爱及陪伴而造成一些心理缺陷,比如自卑、叛逆、极度缺乏安全感、早熟以及感情淡漠等心理问题,严重的还有自杀和走上犯罪道路。

许多父母为了生活不得不离开自己的孩子,一年中与孩子团聚的时间屈指可数,父母长期不在孩子身边,个别受他人欺负的孩子,造成的心灵创伤我们是无法估计的,我们不应该让留守儿童成为这个时代的牺牲者,他们是祖国的花朵,都应无忧无虑健康成长,希望通过本次公益儿童节H5让社会各界人士关爱留守儿童,能够给予他们的一定帮助。

芷言文化传媒每年会出品一些公益性质H5,像《我的爸爸是个骗子》还有本次《公益儿童节丨给孩子最好的礼物》,用作品去宣扬公益精神,为社会公益慈善出一份力量。









作品三:《愿今后的你,都能比今天的糖果更甜》

风格:插画

技术解析:

大部分页面元素的动态效果是由动画完成的,节奏比较轻快。个别效果如彩虹出现的效果,需要在AE等视频制作软件中完成,导出序列帧图片,用意派的序列帧组件上传并设置。


相关教程:

《序列帧/ImageSequence》

《动画系列教程》








本期儿童节H5案例就介绍到这里,其他更多案例可以到 意派Epub360 H5平台上寻找哦~


Powered by Froala Editor

更新:2020-05-26

收藏

1人已收藏

JUSTIN_BAI

努力,认真,尽情

  • 23

    作品

  • 19

    粉丝

  • 7

    关注

  • 政务新媒体运营与策划制作H5必学(附案例)
  • 新媒体运营只需3步,制作国庆周年庆换新颜头像H5
  • 新媒体运营零基础如何制作抽奖H5活动页面
  • 做h5像搭积木一样简单!3分钟“搭”一个邀请函H5页面

    猜你喜欢

      2020-05-26 原创文章 设计趋势 举报 636 1 1 0

      H5案例|分享如何在六一儿童节借势H5营销

      0.0°

      你确定要举报H5案例|分享如何在六一儿童节借势H5营销

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年05月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录