青島有什么海洋特色？與人民海軍又有著怎樣的“情緣”？哪些國(guó)之重器從這里挺向深藍(lán)？海軍節(jié)前夕，由青島市委網(wǎng)信辦和青島晚報(bào)掌控全媒體聯(lián)合打造的H5——《青島，亮“艦”!》“刷屏”朋友圈。在這場(chǎng)關(guān)于青島海洋百科的虛擬展中，5艘特殊軍艦組成硬核科普“艦隊(duì)”，細(xì)膩的手繪風(fēng)格以及“黑科技”加持，讓網(wǎng)友透過(guò)屏幕就能感受到這座青春之島的開(kāi)放、現(xiàn)代、時(shí)尚與活力。

海洋AR展，登上這5艘“艦艇”速懂青島

4月22日下午6時(shí)，一款“海洋風(fēng)”十足的H5在朋友圈上線。這是一個(gè)大型的AR展，場(chǎng)景搭建方面，采用了UI交互領(lǐng)域最當(dāng)紅的彩繪風(fēng)格，并以船艙內(nèi)景為靈感進(jìn)行設(shè)計(jì)創(chuàng)作。內(nèi)容則是以實(shí)景照片和文字呈現(xiàn)，與虛擬場(chǎng)景巧妙融合，為用戶帶來(lái)沉浸式體驗(yàn)。

進(jìn)入H5后，用戶可穿過(guò)大門(mén)來(lái)到“港口”，在這里，停泊著5艘造型不同的虛擬“艦艇”——文化號(hào)、強(qiáng)軍號(hào)、經(jīng)濟(jì)號(hào)、科研號(hào)、生態(tài)號(hào)。該H5作品融合了圖、文、音、動(dòng)效形態(tài)，手繪+場(chǎng)景化，用戶通過(guò)滑動(dòng)、點(diǎn)擊激發(fā)呈現(xiàn)，帶來(lái)交互式體驗(yàn)、轉(zhuǎn)發(fā)，伴隨著舒緩的背景音樂(lè)，從不同維度了解青島的海洋特色。

手繪+動(dòng)效+AR=？搭建全新沉浸式交互體驗(yàn)

成功的融媒體作品，要做到“接地氣”和“有溫度”，尋找與網(wǎng)友的情感共鳴點(diǎn)，做好信息的“轉(zhuǎn)譯”工作。在構(gòu)思場(chǎng)館造型之初，制作團(tuán)隊(duì)查閱大量資料，在幾次討論后，最敲定將1989年開(kāi)始對(duì)外開(kāi)放的海軍博物館做為展館入口原型。內(nèi)容載體方面，五艘“艦艇”的繪制則參考了遼寧艦、青島艦、駱馬湖艦等”明星艦“，緊貼海軍節(jié)主題的同時(shí)，登艦瀏覽的創(chuàng)意點(diǎn)也更易激發(fā)網(wǎng)友興趣。

去年，一款A(yù)R“黑科技”加持的H5《青島“城”名史》成為爆款，給人留下深刻印象。今年的《青島，亮“艦”》可以說(shuō)是《青島“城”名史》“姊妹篇”，同樣基于虛擬現(xiàn)實(shí)技術(shù)，但風(fēng)格和場(chǎng)景做了迭代升級(jí)，特別是細(xì)節(jié)的處理，讓其更具有“沉浸式”效果。制作團(tuán)隊(duì)表示，此次H5使用橫屏進(jìn)行展現(xiàn)，和豎屏相比，在內(nèi)容呈現(xiàn)上更具延展性，視覺(jué)體驗(yàn)上也有較大幅度提升。此外，每個(gè)獨(dú)立場(chǎng)景的導(dǎo)語(yǔ)部分都做了動(dòng)畫(huà)處理。“比如，我們將手繪的青島地標(biāo)棧橋嵌入‘文化號(hào)’導(dǎo)語(yǔ)部分，對(duì)細(xì)節(jié)內(nèi)容做了動(dòng)效優(yōu)化，使畫(huà)面更具有沖擊力。”

3天“圈粉”200萬(wàn)＋，刷屏級(jí)H5這樣煉成

那么，這個(gè)神奇的“青島海洋百科AR展”創(chuàng)意初衷是怎樣的呢？今年是人民海軍成立70周年，作為海軍“生日趴”的舉辦地，青島再次成為焦點(diǎn)。創(chuàng)作團(tuán)隊(duì)希望通過(guò)這樣一個(gè)虛擬展覽，從海洋經(jīng)濟(jì)、海洋科研、海洋文化等角度多維呈現(xiàn)青島的海洋特色。“讓人們提到青島時(shí)，不再只停留在‘紅瓦綠樹(shù)，碧海藍(lán)天’的印象里。”

“前期，我們研究了過(guò)去的眾多精品H5，最終決定對(duì)之前青島‘城’名史的作品形態(tài)進(jìn)行升級(jí)。項(xiàng)目確定后，由3人組成項(xiàng)目組，對(duì)海量資料進(jìn)行整合、梳理，并負(fù)責(zé)腳本、文案的撰寫(xiě)和修改，對(duì)接設(shè)計(jì)和技術(shù)團(tuán)隊(duì)。此次H5制作時(shí)間較為緊張，項(xiàng)目從策劃到上線用時(shí)大致四周，技術(shù)制作用時(shí)超過(guò)兩周。”制作團(tuán)隊(duì)告訴記者，產(chǎn)品上線前經(jīng)歷了2次大規(guī)模的版本調(diào)整，整個(gè)場(chǎng)景涵蓋的信息量超過(guò)100條，內(nèi)測(cè)版完成后就內(nèi)容與相關(guān)部門(mén)進(jìn)行核實(shí)、并多次校對(duì)，以確保信息的準(zhǔn)確性和專(zhuān)業(yè)度。

據(jù)不完全統(tǒng)計(jì)，截至4月24日下午5時(shí)，該H5后臺(tái)訪問(wèn)量破200萬(wàn)，掌上青島APP，青網(wǎng)，青島晚報(bào)掌控微博矩陣，今日頭條、天天快報(bào)、百度熊掌號(hào)等第三方平臺(tái)也先后轉(zhuǎn)發(fā)了該H5，累計(jì)閱讀量突破25萬(wàn)。青島晚報(bào)/掌上青島/青網(wǎng)記者 趙文源

手機(jī)掃碼體驗(yàn)H5