有道精品课 X 《经典咏流传》:生成你的专属印章

2019-05-14 H5案例分享 H5案例分享
有道精品课 X 《经典咏流传》:生成你的专属印章


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

生成你的专属印章-查阅二维码

完整欣赏此案例大约需要2分20秒


案例:生成你的专属印章

品牌:有道精品课 X 《经典咏流传》

亮点:

  1. 创意定位

有道精品课联合CCTV《经典咏流传》节目推出的在线设计专属印章的H5作品,用户在作品中输入自己的名字,选择自己喜欢的印章形状和图案元素后,生成自己的印章海报,最后可点击链接获得《经典咏流传》节目歌单,或者关注有道精品课公众号,参与实体印章的抽奖活动。

 

  1. 策划逻辑

加载完毕后,先是一段十秒左右的小视频,一些关于印章起源,发展和意义的古文句子,字幕的渐入渐出伴随着一些关于印章元素的图案出现,此视频也可选择跳过,随后点击触点开始设计自己的印章,步骤如下①点击左边小图列表选择印章形状,不同形状对应播放不同的背景歌曲,同时大图下方会出现歌曲名,演唱者,和两句歌词,其中,圆形对应的是萨顶顶的《春江花月夜》,方形对应的是张杰的《蜀道难》,梅形对应的是谭维维的《墨梅》,葫芦形对应的是毛不易的《月下独酌》,选择好后,点击大图进入下一环节。②元素图案及边框样式选择,边框有四种样式可选,元素有动物,植物,趣味纹三个类型可选,选择好后在大图内进行图案大小和位置的编辑,编辑好后点击“完成”生成海报。此环节可以点击“随机生成”,也可以点击左上角返回上一环节。③海报界面。包括左上角写有“XX(用户名)之印”的印章图,和对于元素的古文解读,用户可保存海报,也可以点击“聆听更多经典”,跳至《经典咏流传》歌曲合集页面,也可以点击“获取实体印章”关注有道精品课微信公众号参加实体印章的抽奖活动。

 

  1. 设计上

画面颜色浅淡,在前言视频界面就会出现许多印章元素和正在刻章的手绘图,后期的元素图案和配曲也都是有民族古典韵味的,语言使用简短的的文言句式,让整个作品都古风浓郁。

 

  1. 体验上

私人印章是大部分人生活中很少接触到的,此作品以刻印章为主题,在“趣味纹”一栏中加入了一些网络热词,仙女,有钱,手指比心等,在感受古典传承的同时,也为作品增加了趣味。



技术实现: html5



以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

CCTV:撒贝宁陪你回家过年

有道精品课:我有一家书店

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~