人人秀：都市反转人生
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要40秒
案例：都市反转人生
品牌：人人秀
亮点：
- 创意定位
人人秀为宣传网站功能而推出的示范类H5系列，此为其中DIY装扮类H5。
- 策划上
①这是一款以都市为主题的DIY装扮类H5，首页为响应主题的都市夜景背景图，上方还飘有玩家弹幕，用户可点击右下角图标进行弹幕的发送。②用户向下拉动屏幕可进入“室内”，即装扮页面，装扮页面共分四大类元素，分别为背景、女性人物、男性人物、装饰物，其中女性人物又包含五小类装饰元素，分别为头饰、眼镜、发型、上身形象、下身形象；男性人物又包含六小类装饰元素，分别为头饰、眼镜、发型、胡须、上身形象、下身形象。用户点击任意元素，其元素图层位置置顶，且可弹出调整框，用户可对元素进行大小调整或删除的操作。③装扮结束后点击右侧相机形标记，进入图片生成页面，用户可长按图片将成品图保存至手机。
- 设计上
简约插画风，色彩偏凝重，营造出了一种都市压力的氛围。
- 体验上
画风优美，操作流畅，不过装饰元素较少，限制了用户的发挥空间。
技术实现： pixi.js
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
