豌豆荚：豌豆艺术馆
案例：豌豆艺术馆
出品：豌豆荚
亮点：
- 策划上，图文展示类（横屏）。载入完毕，首页以海报的形式宣传品牌，并提示用户向左滑动屏幕。滑动后音乐播放，每次向左滑动，都会进入一个新的图文展示部分，每部分展示场景，都是在书中不同的模拟的小房子中，每个房间挂有不同的四幅画，点击画作会弹出对该画作的图文展示信息，再点击信息中的话可以查看大图。展示完毕，尾页可以选择“再看一遍”或“传递美好”来分享。
- 设计上，3D折纸风格，首页是一本名叫《豌豆艺术馆》的书，滑动后书放大并翻页，同时音乐响起，并出现3D折纸风格的模拟小房间，结尾是书合上的动画效果。背景是钢琴曲，风格高雅，与艺术展主题搭配。
- 体验上，有种沁人心脾，被艺术熏陶了的感觉。不过小编认为还有几处可以改进：一是只能观看下一页，并不能上翻；二是点开查看画作时，没有屏蔽滑动，如果此时用户滑动，会照样进入下一页而不是停留。
技术实现： Egret(白鹭引擎)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
