创意h5案例欣赏，h5的四种展现形式
h5anli.com
完整欣赏此案例大约需要3分05秒
案例：世卫组织发现“新型病毒”，潜在感染者已过亿
出品：少年三国志X镇魂街
亮点：
1.创意定位，由一则假新闻切入故事，故事整体是一个穿破次元壁的漫画视频，故事情节脑洞很大，故事暗中就穿插了宣传主题，最后视频结束露出宣传海报。
2.策划上，H5一打开进入了一个长图，模拟新闻的形式，下滑到最后需要点击播放视频进入下一步。在视频部分中，一共有3段视频，中间有两次需要用户点击视频进入下一段视频。视频部分主要讲述了南朱觉成为三维世界最后的幸存者，然后他穿越到了二维世界，与两位游戏主角一起打怪，最终守护了世界的故事。
3.设计上，视频部分是漫画风格与实景拍摄相结合的设计风格，背景音乐很燃。
4.体验上，这是手游《少年三国志》与国漫IP《镇魂街》的跨界合作宣传，H5的视频部分用大概3分钟的时间讲述了两个品牌要“合体”的故事，并向用户传达了两家的共同价值观。回到H5作品，整个作品内容衔接顺畅，故事情节紧凑有趣，吸引人。遗憾之处是，漫画部分之外的页面设计略显粗糙。
技术实现： jQuery
h5anli.com