H5案例|我的城市图鉴

场景布置类是现在最热门的H5小游戏，通过场景物品的切换摆放，增加了用户的参与感和体验感，今天的H5案例来自三个绘画风格各不相同的H5案例，更多精彩原创案例关注无非创意微信公众号：wufacey

一、我的城市图鉴

策划上，百度出品的布置场景H5，有四组元素可以选择，分别为场景、人物、道具、心声标签。而后选择一下城市和奋斗年限。最后生成一张海报。设计上，扁平卡通风格。

二、开往梦次元的地铁

创意定位，该H5为京东为其节目《京晚8点》的宣传出品。以地铁乘客换装的方式定制用户的自画像，并为各式形象贴上标签和潮语，以宣传节目。策划上，布置场景H5。①初始页面，一趟地铁缓缓停下，车门开启，用户选择角色性别；②用户依次选择车厢、头发、上装、下装等形象搭配；③输入昵称，后台匹配对应的标签，生成用户专属的形象的海报。同时设置分享与再玩一次按钮。设计上，该H5为像素机械风，采用卡通像素风的地铁场景，色彩鲜明时尚，人物形象颇具趣味。按钮与动态的装饰带有科技感，与“开往梦次元”相呼应。

三、摆咔

策划上，布置场景小程序，以夏天为主题，有四组元素可以选择。第一组是人物，可以选择男女，选择男女人物以后，添加发型、眼镜帽子配饰、上衣、下衣。第二组是屋内配饰，例如绿色植物、沙发、床、窗户等。第三组是户外景物，树枝、浪花、沙滩、泳池等。第四组是宠物和baby，猫猫狗狗和小孩子。设计上，扁平风格。交互上，点击元素，可以移动、缩放、旋转、删除。