現在漫畫已經成為大多年輕人的審美標準，對于漫畫的認可也提升到了空前的高度，所以利用漫畫元素來設計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頁面，歡迎咨詢網站客服，獲取最新技術支持。