案例：食色志
品牌：食色志X美的Midea
玩法：翻页
整理：蓝橙H5开发
1.详情内容上：
美的联合食色志出品的公益H5，通过翻页动画展示自闭症儿童的画作，呼吁人们多多关注自闭症儿童的内心。加载完成进入视频页面，显示孩子画画时候的样子，孩子的作品，搭配字幕，让大家了解自闭症儿童在绘画方面的过人天赋及此次活动的概况。随后是画作欣赏，点击任意一个展示出的绘画作品进入详情，画作变成全屏显示，同时显示作者姓名，年龄及绘画地点，屏幕上方还会显示一句梵高的名言，用户可点击触点继续欣赏其他画作，或直接进入下一环节。欣赏完画作以后，用户输入自己名字，生成自己的标签海报，包括用户名和12月食签总结词，及作品二维码，用户可点击换一个词语，分享作品，查看食色志往期作品，或点击了解美的炊具。
2.页面设计上：
设计上采用了写实风格以及手绘动画风格，两种不同的风格能够更好地展示主题内容，配色上选用了彩色，因为是画作欣赏，用彩色能更好的展示孩子们的内心世界，整体看起来很温暖，宣传效果非常好。
扫描二维码查看
注：如果你还想了解更多的H5精品案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|小程序定制|节日H5|H5玩法|H5设计
