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

上海/网页设计师/5年前/327浏览
H5案例|分享如何在六一儿童节借势H5营销

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

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

作品一

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

风格:手绘漫画

类型:横屏H5


技术解析:

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

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


相关教程:

《设置元素属性——横、竖长图的自动滚动》


创意策划:

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








作品二


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

风格:手绘漫画

技术解析:

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

相关教程:

《序列帧/ImageSequence》

《动画系列教程》


创意策划:

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

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

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








作品三

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

风格:插画

技术解析:

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


相关教程:

《序列帧/ImageSequence》

《动画系列教程》




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


0
阅读原文
|
Report
|
3
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
快马加鞭系列
Homepage recommendation
相关收藏夹
推文
推文
推文
推文
作品收藏夹
插画
插画
插画
插画
作品收藏夹
电影海报精选
电影海报精选
电影海报精选
电影海报精选
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
茶包装
茶包装
茶包装
茶包装
精选收藏夹
作品收藏夹
:04:火锅类摄影
:04:火锅类摄影
:04:火锅类摄影
:04:火锅类摄影
精选收藏夹
作品收藏夹
大家都在看
Log in