人人秀:都市反转人生

2019-03-26 H5案例分享 H5案例分享
人人秀:都市反转人生


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

识别图中二维码

都市反转人生-查阅二维码

完整欣赏此案例大约需要40秒


案例:都市反转人生

品牌:人人秀

亮点:

  1. 创意定位

人人秀为宣传网站功能而推出的示范类H5系列,此为其中DIY装扮类H5。

  1. 策划上

①这是一款以都市为主题的DIY装扮类H5,首页为响应主题的都市夜景背景图,上方还飘有玩家弹幕,用户可点击右下角图标进行弹幕的发送。②用户向下拉动屏幕可进入“室内”,即装扮页面,装扮页面共分四大类元素,分别为背景、女性人物、男性人物、装饰物,其中女性人物又包含五小类装饰元素,分别为头饰、眼镜、发型、上身形象、下身形象;男性人物又包含六小类装饰元素,分别为头饰、眼镜、发型、胡须、上身形象、下身形象。用户点击任意元素,其元素图层位置置顶,且可弹出调整框,用户可对元素进行大小调整或删除的操作。③装扮结束后点击右侧相机形标记,进入图片生成页面,用户可长按图片将成品图保存至手机。

  1. 设计上

简约插画风,色彩偏凝重,营造出了一种都市压力的氛围。

  1. 体验上

画风优美,操作流畅,不过装饰元素较少,限制了用户的发挥空间。

 



技术实现: pixi.js



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

标签

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

相关推荐:

人人秀:我才是最可爱小孩

人人秀:抓住机会,招个英雄!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~