有道精品课 X 《经典咏流传》:生成你的专属印章
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分20秒
案例:生成你的专属印章
品牌:有道精品课 X 《经典咏流传》
亮点:
- 创意定位
有道精品课联合CCTV《经典咏流传》节目推出的在线设计专属印章的H5作品,用户在作品中输入自己的名字,选择自己喜欢的印章形状和图案元素后,生成自己的印章海报,最后可点击链接获得《经典咏流传》节目歌单,或者关注有道精品课公众号,参与实体印章的抽奖活动。
- 策划逻辑
加载完毕后,先是一段十秒左右的小视频,一些关于印章起源,发展和意义的古文句子,字幕的渐入渐出伴随着一些关于印章元素的图案出现,此视频也可选择跳过,随后点击触点开始设计自己的印章,步骤如下①点击左边小图列表选择印章形状,不同形状对应播放不同的背景歌曲,同时大图下方会出现歌曲名,演唱者,和两句歌词,其中,圆形对应的是萨顶顶的《春江花月夜》,方形对应的是张杰的《蜀道难》,梅形对应的是谭维维的《墨梅》,葫芦形对应的是毛不易的《月下独酌》,选择好后,点击大图进入下一环节。②元素图案及边框样式选择,边框有四种样式可选,元素有动物,植物,趣味纹三个类型可选,选择好后在大图内进行图案大小和位置的编辑,编辑好后点击“完成”生成海报。此环节可以点击“随机生成”,也可以点击左上角返回上一环节。③海报界面。包括左上角写有“XX(用户名)之印”的印章图,和对于元素的古文解读,用户可保存海报,也可以点击“聆听更多经典”,跳至《经典咏流传》歌曲合集页面,也可以点击“获取实体印章”关注有道精品课微信公众号参加实体印章的抽奖活动。
- 设计上
画面颜色浅淡,在前言视频界面就会出现许多印章元素和正在刻章的手绘图,后期的元素图案和配曲也都是有民族古典韵味的,语言使用简短的的文言句式,让整个作品都古风浓郁。
- 体验上
私人印章是大部分人生活中很少接触到的,此作品以刻印章为主题,在“趣味纹”一栏中加入了一些网络热词,仙女,有钱,手指比心等,在感受古典传承的同时,也为作品增加了趣味。
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号