廣州華夏職業(yè)學院信息工程學院 周萍

本文闡述了H5的概念、H5的應用現(xiàn)狀、H5在少兒期刊的應用思考等，旨在探析如何將H5技術與傳統(tǒng)少兒期刊相結合，設計一系列沉浸式數(shù)字閱讀產(chǎn)品，如H5交互漫畫、H5交互游戲、H5有聲交互繪本等，助力傳統(tǒng)少兒期刊打造沉浸式數(shù)字閱讀體驗。

1 什么是H5

H5是“HTML5”的簡稱，它來源于超文本標記（或標簽）語言HTML的第五次修改版，設計的目的是在移動設備上支持多媒體[1]。如今，H5已經(jīng)不再是字面上的含義，它代表的是HTML5與CSS3等一系列新技術的合集，它新增了對多媒體技術的支持，將Web帶入一個成熟的應用平臺[2]。在這個平臺上，視頻、音頻、圖像、文字、動畫以及同電腦的交互等都被無縫銜接PC端或移動平臺，豐富用戶閱讀體驗的同時，讓用戶享受更多個性化服務和沉浸式衍生內(nèi)容[3]。

2 H5的應用現(xiàn)狀

H5是目前移動端最流行的傳播形式，具備快速、即時的傳播屬性，使它在移動端的營銷特性非常突出，能夠帶來巨大的社會效益和經(jīng)濟效益[4]。因此，H5被廣泛應用于網(wǎng)絡營銷、H5小游戲制作以及Web App開發(fā)等。

2.1 H5小游戲

基于H5新增的Canvas對象，H5幾乎可以實現(xiàn)Flash的所有功能，不用安裝額外的插件，就可以制作適應移動端的各種小游戲。結合JavaScript、CSS等，甚至可以開發(fā)競技小游戲、益智類小游戲、繪制小人等。此外，使用一些專業(yè)可視化H5制作工具，如iH5、意派360等也能完成上述H5小游戲的制作，常見的包括消消樂、拼圖、集卡牌、趣味測試、切水果、接東西、物品分類、躲避障礙物、人臉融合等。這些H5小游戲可以讓用戶隨時隨地進行玩樂，并能通過各種社交媒體平臺一鍵分享，憑借其移動端迅速傳播的特性以及被植入的軟廣告，被廣泛應用于線上活動營銷中[5]。

然而，也有一些H5小游戲被應用到教育活動中，但數(shù)量少兒又少，且大多都是文字或圖片測試類游戲。如人民日報推出的一款寓教于樂的趣味測試類H5，用戶需要根據(jù)系統(tǒng)隨機給出的偏旁部首等，在10秒內(nèi)拼成一個字，寫在下方的田字格，最終生成一個專屬的文字海報。比起傳統(tǒng)的拼字游戲，它更有趣、新鮮，更具創(chuàng)意，通過生成個性化文字海報引導用戶分享，實現(xiàn)營銷宣傳。

2.2 H5營銷案例

H5營銷案例顧名思義，就是那些被廣泛應用于移動營銷的H5頁面，包括用于廣告宣傳、活動運營、產(chǎn)品介紹、品牌推廣、信息收集、節(jié)日祝福等。這些H5頁面種類多樣，但基本都設計精美、功能強大、互動性強，支持音頻、視頻、圖片、動畫等多種多媒體元素，能給用戶帶來視覺、聽覺、觸覺等融為一體的沉浸式體驗，成為時下最流行、最有效、最快速的營銷方式。

按照內(nèi)容來劃分，可以分為IP型H5、節(jié)日型H5、熱點型H5、情感型H5、測試型H5等；按照營銷功能來劃分，可以分為圖文展示類H5、活動營銷類H5、游戲測試型H5、場景型H5等；按照技術形式來劃分，可以分為3D、360全景/VR、重力感應、雙屏互動等。其中VR全景H5主要被應用在家裝、房產(chǎn)、旅游等行業(yè)的宣傳，用戶可以實現(xiàn)VR看房、VR購物等。

然而，在實際應用中，考慮到制作成本和營銷性價比，最常見的H5營銷案例主要是互動內(nèi)容展示型、視頻互動型、游戲測試型和功能型。其中，最常見的就是圖文展示型H5，絕大多數(shù)零代碼可視化H5制作工具提供的H5模板就是這種以圖文為主的PPT式輕H5。這種簡單的圖文H5操作簡單，功能單一，大多以翻頁動畫為主，加上文字和GIF動圖，配上背景音樂和簡單的動畫效果，多用于輕營銷。還有一些高流量的深度營銷H5頁則在內(nèi)容策劃和交互上做了創(chuàng)新，注重內(nèi)容互動的趣味性和新穎性，結合多種互動方式，如快閃、長按、一鏡到底、搖一搖、指紋、手機/微信等客戶端模擬，創(chuàng)造出沉浸感強的多元立體閱讀體驗。這些都屬于互動內(nèi)容展示型H5。視頻互動型H5將視頻故事與游戲結合在一起，用戶在播放視頻時通過選擇不同的路線，自由控制劇情走向，打破了常規(guī)視頻廣告與觀眾之間的距離感，無縫嵌入了品牌信息。游戲測試型H5基于營銷需求設計游戲內(nèi)容，從而達到品牌植入或產(chǎn)品促銷的目的，如H5投票、抽獎、搶紅包、趣味測試、海報生成、搖一搖、好友助力、人臉融合、元素DIY等。功能型H5輕應用基于為用戶提供某種服務或產(chǎn)品的某種功能而設計，聚焦于用戶的需求和傳播性，使用戶能夠持續(xù)并重復使用。

2.3 Web App開發(fā)

目前，H5還被廣泛應用于Web App開發(fā)，其新增的本地存儲功能、API接口等可以更便捷地實現(xiàn)人機交互。同時，基于H5開發(fā)的Web App無需下載即可在線使用，能夠動態(tài)更新并兼容多個平臺，支持多種多媒體元素，既可以作為信息展示，又可以用于滿足功能需求。

3 H5在少兒期刊的應用思考

盡管H5的應用范圍越來越廣，但在傳統(tǒng)期刊上的應用還是較為狹隘，在少兒期刊上的應用更是屈指可數(shù)。最常見的就是H5電子雜志，但是這類電子雜志仍然以圖文為主，雖然具有仿真翻書效果，交互方式單一，頁面排版基本還是沿用傳統(tǒng)期刊的設計，缺乏新穎和趣味性。因此，將H5技術與紙媒融合，讓靜態(tài)內(nèi)容動起來，通過視覺沖擊引起小讀者興趣，同時賦予小讀者重感官體驗，增強小讀者代入感，從而提高紙質期刊的互動性，助力少兒期刊打造沉浸式數(shù)字閱讀體驗。

3.1 H5廣告助力新媒體營銷

對于愛玩游戲的孩子而言，游戲測試型H5是品牌植入和產(chǎn)品推廣的最佳方式，無論是簡單的答題型H5還是復雜的益智類H5游戲，既可以親子共玩，也可以讓孩子單獨玩，還能將期刊品牌信息和精彩內(nèi)容植入游戲，借助微信、微博等移動社交媒體平臺的巨大體量和轉發(fā)率，為傳統(tǒng)紙媒在移動互聯(lián)網(wǎng)營銷開辟新渠道。除了游戲測試型H5，還可以依托適合孩子的節(jié)假日策劃互動內(nèi)容展示型H5、視頻互動型H5等，依托H5頁面開展線上營銷活動，實現(xiàn)品牌精準營銷。

3.2 H5交互漫畫營造沉浸式閱讀

傳統(tǒng)少兒期刊上的漫畫是靜態(tài)影像，沒有動作，沒有聲音。而基于H5技術的交互漫畫集“閱讀、觀看、傾聽、互動”于一身，可以說是“漫畫元素+電影元素+游戲元素”的集合體。它不但保留了傳統(tǒng)漫畫元素如對話框、旁白文字、畫格等，還添加了電影元素如動態(tài)動效、音樂音效、鏡頭效果，更利用了現(xiàn)有的設備技術增加了交互性的游戲元素，用戶可以通過一些動作，例如點擊、觸摸和移動等方式與故事內(nèi)容進行交互，甚至增加了游戲獨有的支線劇情內(nèi)容，大大豐富了故事性。它通過各種多媒體手段，使讀者“可賞可玩”，充分調動了讀者的閱讀體驗和樂趣，加強了用戶的沉浸感。

因此，對于有漫畫欄目的少兒期刊來說，紙媒能夠呈現(xiàn)的內(nèi)容篇幅有限，但是，只要將發(fā)布的H5交互漫畫二維碼印在期刊上，讀者就能通過微信掃一掃觀看融合了游戲、交互設計、漫畫等諸多元素于一體的交互漫畫，它不僅能夠增加支線劇情，還可以通過交互讓用戶選擇劇情的發(fā)展，甚至觀看動畫視頻，如圖1所示。

圖1 H5交互漫畫《冰禧之翁》Fig.1 H5 interactive cartoon "the man of ice age"

3.3 H5小游戲實現(xiàn)寓教于樂

大多數(shù)傳統(tǒng)少兒期刊都會設置一些游戲欄目或版塊，這些游戲包括走迷宮、連線、拼圖、找茬等，有些期刊甚至會配套手工工具、卡紙、貼紙、小玩具等，從而培養(yǎng)兒童的邏輯思維和動手能力。其實，這些紙質期刊上的游戲都能放到移動端制作成H5小游戲。與紙媒上的傳統(tǒng)游戲不同，H5小游戲不僅能增加游戲支線，科普紙媒無法容納的精彩內(nèi)容，還有音樂、音效和豐富的動畫效果，更容易讓孩子們產(chǎn)生代入感。此外，其豐富的交互設計可以產(chǎn)生不同的玩法，內(nèi)容與趣味性兼具，大大豐富了孩子們的游戲體驗。有的H5小游戲甚至能生成針對用戶的個性化內(nèi)容以及競技排行榜，讓用戶進行PK，并分享自己的成績或成果，這些都有利于期刊品牌的進一步傳播，如圖2所示。

圖2 H5小游戲《恐龍知識問答》Fig.2 H5 small game "Dinosaur Knowledge Q & A"

3.4 H5有聲交互繪本帶來立體閱讀

H5有聲交互繪本可以依托雙屏互動或VR全景實現(xiàn)立體閱讀。雙屏互動型H5是在兩個或多個屏幕之間產(chǎn)生互動效果的H5頁面。雙屏互動的核心技術點是實時互動，以雙機配合的新穎模式觀看完整的H5廣告或體驗H5游戲。當兩臺手機同時掃描期刊上的二維碼，進度條到達百分百后，共同搖一搖手機，然后把手機并排放在桌子上，就能雙機觀看動態(tài)的有聲繪本故事。用戶可以在不同的手機上看到不同角色的心理活動或說出的臺詞，甚至能一起參與游戲，合作完成游戲任務（如猜謎等）。這是一種非常適合親子閱讀的形式，這種雙屏互動H5甚至可以設置成旁邊必須有人才能共同完成觀看，并能帶給用戶多場景多維度的沉浸式體驗。

3.5 功能型H5為讀者提供個性化服務

功能型H5根據(jù)期刊本身的品牌定位和讀者的需求而設計，其目的是以讀者需求為中心，為讀者提供個性化服務的同時潛移默化提升期刊品牌影響力。以百度針對地鐵漲價做的H5為例，它可以為用戶計算每天坐地鐵要多少錢，并實時顯示用戶的評論。因此，這類輕交互重功能的功能型H5制作周期較短，成本不高，非常適合傳統(tǒng)紙媒提升讀者的忠誠度，從而帶動口碑傳播。

4 H5在少兒期刊的應用優(yōu)勢及前景

《2020年度中國數(shù)字閱讀報告》指出，2020年中國數(shù)字閱讀產(chǎn)業(yè)規(guī)模達351.6億，增長率達21.8%。數(shù)字閱讀用戶規(guī)模達到4.94億，增長率5.56%。兒童也成為閱讀的重要用戶，2020年兒童數(shù)字閱讀付費增長56.5%，日均數(shù)字閱讀時長29分鐘，每晚20-22點是兒童數(shù)字閱讀的高峰。同時，由于新冠疫情的蔓延與5G商用的普及，進一步加速了閱讀從數(shù)字化向數(shù)智化轉型，數(shù)字閱讀在科技發(fā)展驅動下逐漸向沉浸式延伸。從二維到三維，從視覺到五感，從平面到多場景，從置身書外到沉浸其中，讀者不僅可以聽，可以看，可以玩，還可以進行多種形式交互，沉浸在多場景多維度的沉浸式互動體驗中。因此，將H5技術與紙媒融合，不僅能夠展現(xiàn)豐富的視覺效果，給讀者帶來強大的視覺沖擊，還能加強與讀者之間的交互，提高讀者的參與感和沉浸感，從而引發(fā)讀者主動分享傳播。這對倡導全民閱讀、共建書香社會，切實推進數(shù)字出版產(chǎn)業(yè)健康、快速和可持續(xù)發(fā)展，踐行社會主義核心價值觀，傳播中華優(yōu)秀傳統(tǒng)文化起到推進作用。