搜狐首页 科技 宫主大人

手机搜狐

SOHU.COM

【H5案例分享】豌豆荚:一座H5艺术馆

案例:豌豆艺术馆

出品:豌豆荚

亮点:

  1. 策划上,图文展示类(横屏)。载入完毕,首页以海报的形式宣传品牌,并提示用户向左滑动屏幕。滑动后音乐播放,每次向左滑动,都会进入一个新的图文展示部分,每部分展示场景,都是在书中不同的模拟的小房子中,每个房间挂有不同的四幅画,点击画作会弹出对该画作的图文展示信息,再点击信息中的话可以查看大图。展示完毕,尾页可以选择“再看一遍”或“传递美好”来分享。

  1. 设计上,3D折纸风格,首页是一本名叫《豌豆艺术馆》的书,滑动后书放大并翻页,同时音乐响起,并出现3D折纸风格的模拟小房间,结尾是合上书的动画效果。背景是钢琴曲,风格高雅,与艺术展主题搭配。

  1. 体验上,有种沁人心脾,被艺术熏陶了的感觉。不过小编认为还有几处可以改进:一是只能观看下一页,并不能上翻;二是点开查看画作时,没有屏蔽滑动,如果此时用户滑动,会照样进入下一页而不是停留。这两点可能会造成用户体验上的一些不适。

技术实现: Egret(白鹭引擎)

案例赏析链接:

案例赏析链接

作为一名文艺五

2017年上班的第一天

一定要陶冶一下情操

用艺术洗涤自己的心灵

世界真美好

好想作词一首

但是词穷还是不作了

...

以上为【H5案例分享】团队原创文章!

转载请务必注明出处!

艺术】相关H5案例推荐:

  1. 东风雪铁龙 Signature Art签名的艺术H5案例

  2. “断舍离”收纳艺术展H5宣传案例--断舍离

  3. Natuzzi Italia邀请函H5案例:意大利名流沙龙

找优秀H5案例上h5-share.com

精选