锤子手机：坚果Pro三维体验
案例：坚果Pro三维体验
出品：锤子手机
亮点：
- 策划上，3D模型展示类。Loading完毕进入页面，就有一句醒目的提示，点击屏幕进入展示部分。画面上有一部“坚果Pro”手机模型，用户滑动屏幕即可以3D的形式旋转查看手机模型，画面左上角有三个按钮，分别对应三种不同的手机配色，可以切换查看。点击屏幕右下角的按钮会出现几个菜单项，“功能”、“设计”、“操作系统”，点击后会以图文展示的形式，展示手机对应的特色功能，点击立即购买可以跳转官网订购。
- 设计上，视觉效果很赞，画面看上去很精致，模型的还原度也非常高。除了模型展示，菜单项的动效也一点都不粗糙。除了滑动屏幕旋转观看模型外，还能用两根手指对它进行缩放。
- 体验上，简单的图文展示，确实很难让人产生购买欲。在这个颜即正义的时代，想要吸引，给用户造成视觉冲击是很有必要的，小编认为这个H5做到了，起码它诱惑到了小编。
技术实现： jQuery + Canvas
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
