网易严选:定制你最严选的家

2018-04-12 H5案例分享 H5案例分享
网易严选:定制你最严选的家


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

定制你最严选的家-查阅二维码

完整欣赏此案例大约需要1分钟


案例:定制你最严选的家

出品:网易严选

亮点:

  1. 策划上,横向长图类+DIY图片合成。加载完成后,进入一张长图,随着页面的滑动,人物向右行走,为用户展示了网易严选HOME的房屋设计。10平方米、25平方米...最后进入严选“DIY你的个性”模块,根据页面提示操作,切换壁纸、沙发、窗帘等,最终点击“确认生成”按钮,合成图片,可长按保存,页面右上角有“重新定制”按钮,引导用户返回上一步操作。
  2. 设计上,整体H5中动漫与实景结合,场景的设计由漫画转变为实际的物品,人物被设计为手绘漫画形象,给人视觉上的享受;DIY图片定制部分,点击物品切换的特效,设计上很新颖。
  3. 交互上,左右滑动屏幕+点击。
  4. 体验上,这个H5的画面多选用浅色,整个场景简洁大方,运用了很多动画效果,很棒;DIY图片定制部分是一个亮点,点击切换效果(小五想起了童话故事里的魔法棒,哈哈,脑洞太大,想多了)。



技术实现: Canvas+zepto



以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

安吉星&网易:《对圣诞老人的N个疑问》

网易严选:你不要送礼物给我

10个案例了解H5之图片合成

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

方式一:

通过H5案例提交小助手(微信小程序)
微信扫描下方二维码进入,进行投稿

方式二:

在电脑端,进入H5案例发布界面,自己编写

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~