上线时间：2019-03-12
案列简介：成都文明网是成都地区专业的政企发行网站，专业的文明宣传网，在祖国成立70周年之际，为了向成都青少年传达做新时代好少年的精神，出品了这款diy海报生成H5。
案列类型：H5
技术特点：常规H5
设计风格：扁平插画风格
场景特征：国庆节
H5案例名称：争做新时代好少年
H5案例品牌：成都文明网
H5案例玩法：diy海报生成
1.H5背景介绍：
成都文明网是成都地区专业的政企发行网站，专业的文明宣传网，在祖国成立70周年之际，为了向成都青少年传达做新时代好少年的精神，出品了这款diy海报生成H5。
2.H5详情内容：
点击进入H5即为首页封面页，背景图是天空背景下的城市图，页面上方是成都文明网的标识，中间的文字信息“新时代 新天府 好少年”，庆祝新中国成立70周年，用户点击“争做新时代好少年”进入后续页面。随后为信息输入页面，背景图依然是天空下的成都，用户需要选择自己所在的区县和学校，点击确认进入后续页面。随后是海报页面内容的选择页，用户需要选择自己喜欢的卡片样式，中间文字信息是习近平总书记对青年的寄语，点击提交，系统会根据用户的选择生成一张专属的海报，页面下方有识别二维码，用户可以长按保存海报图片，最后可以点击查看新时代的好青年，也可以将H5分享给他人。
3.H5页面设计：
H5玩法设计上采用了用户自主性高的diy选择，设计上采用了手绘动画风格，配色上选用了和天空相符合的蓝色。H5整体上的操作也十分简单流畅，最后的海报寄语也十分到位，最后还可以直接查看新时代的代表青年。
