案例:嗨,一起设计一张属于你的海报吧
品牌:网易云音乐
玩法:diy
整理:蓝橙H5开发团队
1.详情内容上:
网易云音乐出品的diyH5,通过趣味的diy设计海报,来宣传自身品牌。以“一起设计一张属于你的海报”为出发点,如何设计海报呢?通过4次选择。第一个选择是4个图形,你觉得现在的自己更像哪个图形,选择了图形后,后面三个选择和最后海报都是你选择的图形;第二个选择是选择你最喜欢的旋律,一共四个选项,可以点击播放按钮试听,但是每次进入,这四个选项不同,会有变化;第三个选择是滑动选择现在的心情;第四个选择是3秒内随意敲击屏幕,确实不同的敲击出现的图形波纹不同;出现一个图后,输入你的名字,调整海报上大字的颜色,属于你的海报生成完毕。
2.设计体验上:
设计上采用大色调纯色,还要网易云音乐的配色风格。动画使用SVG实现,现在国外流程把图标和动画使用SVG实现,不知道你发现没有有些公众号的长图加入动画,其实也是使用SVG实现。
扫描二维码查看
注:由于时间原因,以上H5案例可能存在无法打开的情况。如需索取相关案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。
相关链接:H5制作|H5案例|H5设计|H5营销|小程序定制