逗号立方：我是时装精
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例：我是时装精
品牌：逗号立方
技术实现： html5
亮点：
- 创意定位
一款给卡通人物设计造型海报的游戏作品，用户选择性别后，用发型，衣服和饰品进行造型装扮，生成时尚海报，最后可以在海报界面得知9月12号逗号立方购物公园开幕的消息，还可以点击链接，关注“逗号立方购物公园”官微，参加集赞领礼品活动。
- 策划逻辑
加载完毕后，选择男生或女生，进入装扮界面，点击左方的一列图标，打开下拉菜单，给右方人物选择发型，上衣，裤子，鞋子，眼镜/帽子，点缀物，点击下拉菜单中的衣物饰品后，所点击的样式会立刻出现在人物身上，全部选择好后，再选择海报背景即可完成作品，在最后生成的海报界面也可返回重新编辑，或点击“领取礼包”，然后关注公众号参与领礼品活动。
- 设计上
卡通画风，男生和女生的形象都很阳光可爱，衣服和饰品样式也比较多，以休闲为主，色系较多，用户可任意选择，搭配出自己喜欢的效果，海报背景则线条和色彩比较多，突出“时尚”主题。
- 交互上
打开下拉菜单让人物“试穿”即可，再点击就可以合上，在选择海报背景界面，以及海报已经生成后都可以返回上一步重新选择。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
