游戏H5|4.23世界读书日H5案例赏析


案例:花城3D书摘漂流馆


品牌:广州读书月


整理:h5制作公司


1、创意定位上


4月23日是世界读书日,广州读书月的线上活动H5,全景方式展示书摘漂流馆,不负韶华。

 

2、内容策划上


① 首屏“朝夕阅读,不负韶华”大标题,轻触屏幕查看3D书摘漂流馆;

② 一座大厦水平自动旋转,大厦外围飘着书名,点击书名,可以查看书摘;同时也可以右上角,换一批图书;下方两个按钮,一个是上传我的书摘;另一个是2020十大好书;

③ 点击上传我的书摘后,用户自己可以输入书籍名称和书摘;输入完毕,点击“下一步”按钮,4个海报风格,横向滑动屏幕选择,这里特别要说,点击海报下方的三个元素,可以添加对应元素,并对元素进行移动、缩放、删除;每个海报下方的三个元素都不同;调整好后,点击“确定”按钮,生成专属读书日海报,并可以长按保存。

 

3、设计技术


整个H5设计大背景以蓝色天空到粉色底进行颜色的过渡,蓝色为主,画面中无论字体的设计,还是使用的元素都很中国元素,画面整体中国风。使用Threejs进行3D立体场景的渲染,如果你对Threejs了解的更多,你就会超级爱这个3D引擎,它渲染3D效果超棒,浏览器几乎都支持,而且性能也好。


世界读书日H5.jpg


相关案例:测试H5|端午节H5—中邮保险·粽子大学《高考密卷》


注:如果你还想了解更多的H5精品案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。

 

相关链接:H5制作|小程序定制|节日H5|H5玩法|H5设计

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨询

价格咨询

工期咨询

联系电话

电话

13541384954

扫一扫

扫一扫

回到顶部