H5案例|开往梦次元的地铁

一个睡姿大挑战带火了场景布置类H5案例，今天小编带来三个最新的场景布置H5案例，更多精彩案例关注无非创意微信公众号：wufaecy

一、搜狐视频：摆咔

策划上，奥利奥出品的美食布置小程序。首先选择一款布置美食的基础食材，有5款，左右滑动屏幕，切换选择，有冰冷饮、冰淇淋、巧克力蛋糕等。后面有4步配料选择，5款背景随意切换，最后，输入作品名，就可以合成一张刚刚搭配好的美食海报。设计上，手绘铅笔画风格。交互上，布置场景中第1、2、3步中的食品可以重复添加，拖拽移动位置、缩放和删除。大背景只能选择一种。保存图片的方式采用H5中常用的长按保存，而非其他小程序那种点击按钮，自动保存到相册。

二、开往梦次元的地铁

策划上，布置场景H5。①初始页面，一趟地铁缓缓停下，车门开启，用户选择角色性别；②用户依次选择车厢、头发、上装、下装等形象搭配；③输入昵称，后台匹配对应的标签，生成用户专属的形象的海报。同时设置分享与再玩一次按钮。

设计上，该H5为像素机械风，采用卡通像素风的地铁场景，色彩鲜明时尚，人物形象颇具趣味。按钮与动态的装饰带有科技感，与“开往梦次元”相呼应。

文案上，语言活泼新潮。多用当下潮流新词如“老铁”“码农”“学霸”等等，最后匹配的个性标签和语句使得该H5充满新鲜感。

三、搜狐视频：摆咔

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