现在漫画已经成为大多年轻人的审美标准，对于漫画的认可也提升到了空前的高度，所以利用漫画元素来设计H5页面也是个非常不错的选择。下面小编就给大家分享几个漫画类H5案例，一起来欣赏一下吧。

案例名称：中行理财小课堂，漫解理财那些事

品牌：中国银行四川省分行 

1.背景介绍：

中国银行四川省分行于1979年从人民银行分设出来，始终以促进四川经济发展为目标，坚持“以市场为导向，以客户为中心”的经营理念，严格规范经营。为了向广大群众科普相关的金融产品知识，同时也为了吸引这些群众成为自己的用户，出了这款知识科普H5。

2.详情内容：

点击进入H5即为首页封面页，页面上方是中国银行四川省分行的标识，中间的文字信息中行定投“壹”+“壹”，下方是一个在撒钱的动画人物形象，用户需要选择输入自己的姓名和在四川的所属分行，点击登录进入后续页面。随后点击“漫解理财那些事”进入，选择需要黄金定投还是基金定投，随后即进入相关的动画科普页。 

3.页面设计：

玩法设计上采用了ppt+趣味动画的形式，设计上采用了卡通动画风格，配色上背景色选用了米黄色。H5整体以诙谐趣味的动画来引出下文，然后将相关的金融产品知识通过和动画相结合的方式来呈现，整体上让H5不那么枯燥，提升了H5整体的趣味性，知识科普的情况也十分到位。

案例：未来人类面对的最大危机竟是……

品牌：货拉拉

1.创意定位

由货拉拉拉货搬家公司制作的漫画类型宣传H5。

2.策划逻辑

整个H5主要分为三部分：

①Loading部分：黑色的背景，货拉拉的拉货车后面跟着一排小箱子往左行。

②漫画部分：湖南的背景，然后大量机器人突然出现，弹出提示框“2200年，智械危机全面爆发，人类面临前所未有的生存挑战…你准备好逃离了吗?”点击下方的“ready”，观看动画，先是一段黑屏然后白字叙述了一下主人公的情境，危机爆发，只有主角有破解的档案。后续开始漫画分镜格子的样式开始讲述故事：博士起床看向窗外，看到广播和手机上扩散的新闻，收到来自张博士的信息：必须要6点前把密钥文件送去庇护所。于是出现了两个选项：借闺蜜的车和路边找车。两个选项都试过后果然都行不通，这时又出现一个选项“呼叫神秘力量”点击后下楼出现随叫随到的车！上车后一路飞奔，期间有遇到危难时博士的种种幻想，不过最终还是在规定时间内安全送到，危机解除了。出现弹出框：下一次全人类危机，不知道何时降临但总有这样一群“英雄”在我们最需要的时候及时出现。

③落地页部分：标题“货拉拉 拉货节”9月20日-9月30日全擎开启，下方有两个选项“呼叫末日英雄”点击进入货拉拉官网“传播英雄事迹”点击分享给好友。

3.设计上

色彩大胆，漫画风格。

案例：裸感，仿若天生

品牌：博士伦

1.创意定位

以博士伦新产品“博乐纯日抛” 的口号“人眼仿生裸感水润”中的“裸”为创意，联想到现代人在生活中的各种隐忍，各种隐忍场景剧情，让用户进行互动选择，根据用户的选择，来判断用户敢于裸露内心的指数，从而宣传了博士伦新产品。

2.视觉风格

卡通漫画+格子漫画。

3.策划逻辑

Loading -> 文案引入，开始测试 ->  场景漫画自动播放，点击交互翻屏，切换场景，场景中有三种选择，向上，向下，向左滑动，触发不同剧情 -> 最后生成“裸”出的底线，给出评价结果。最后的落地页，带有产品购介绍和购买通道。

以上就是本次案例分享的全部内容，如想体验更多案例，欢迎关注蓝橙互动公众号，如需定制开发H5页面，欢迎咨询网站客服，获取最新技术支持。