王歡 伍桂貴 余妍文

【摘 要】在互聯(lián)網(wǎng)科技進步的背景下，淺析新媒體“H5”廣告設(shè)計對互聯(lián)網(wǎng)營銷的影響。通過對淘寶造物節(jié)的海報設(shè)計、H5頁面設(shè)計、游戲設(shè)計等方面進行介紹，分析視覺創(chuàng)意點，探討其審美特點與實用價值，為現(xiàn)代廣告設(shè)計師和企業(yè)品牌傳播提供有效的借鑒。淘寶造物節(jié)中的交互設(shè)計元素，能最大化增加年輕用戶的刺激點，利用不斷出現(xiàn)的新技術(shù)、趣味的表現(xiàn)手法，使受眾能產(chǎn)生積極的響應(yīng)，極大地促進了品牌的傳播，加深了用戶對品牌認(rèn)識的感知。

【關(guān)鍵詞】新媒體；“H5”廣告設(shè)計；視覺創(chuàng)意；互聯(lián)網(wǎng)營銷

一、新媒體H5廣告概述

何為新媒體？它是相對于三大傳統(tǒng)媒體而言的新興媒體，相比傳統(tǒng)媒體的被動接受信息而言它更注重用戶的主動性。從單向輸出改變?yōu)殡p向互動，這也是新媒體和傳統(tǒng)媒體的最大區(qū)別。同時新媒體的共通點在于它的互動性，欣賞者無論與作品之間的接口是什么，與作品之間的關(guān)系都是互動化。而“H5”廣告則是在這種新時代下催生出來的新事物。那么何為“H5”呢？H5則是HTML5的簡稱，也就是HTML的第五次重大修改，而這次修改歷時八年之久。同時HTML是指萬維網(wǎng)的核心語言——標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用超文本標(biāo)記語言。雖然HTML5的標(biāo)準(zhǔn)規(guī)范是2014年10月正式發(fā)布，可在此之前，當(dāng)這項技術(shù)還不太成熟時，就已經(jīng)在微信的社交舞臺下大放異彩，讓我們見證了“移動互聯(lián)網(wǎng)+社交”爆發(fā)的驚人能量。

二、H5廣告設(shè)計形式的創(chuàng)意營銷表現(xiàn)

隨著新媒體下的“H5”廣告愈演愈烈，各大線上商家開始瞄準(zhǔn)市場用戶，進行各類各式的廣告宣傳，其中最典型的例子要數(shù)2016年雙十一的“淘寶造物節(jié)”了。它具有以下特點：

（一）讓人嘆服的3D式廣告宣傳

淘寶造物節(jié)3D式廣告宣傳及利用H5技術(shù)作為第二制作平臺進行圖片加工處理為消費者呈現(xiàn)360？全景感官體驗。正如今年六月火爆網(wǎng)絡(luò)的淘寶造物節(jié)，廣告宣傳方式及設(shè)計方式跳脫了雞肋的二維式平面體驗，給消費者的視覺帶來強大的新鮮感、沖擊力。二十張的切片圖加上H5制作，通過旋轉(zhuǎn)憑借形成環(huán)形，當(dāng)我們上下左右滑動屏幕時，便是這些切片不停的輪番.變形。這種狡黠的視覺設(shè)計呈現(xiàn)方式給愛新鮮的我們一種新感受。以此大大提升了品牌的關(guān)注度，網(wǎng)絡(luò)流量點也隨之增加。

（二）場景體驗式設(shè)計引動粘性營銷

淘寶造物節(jié)的場景體驗是什么？及利用交互技術(shù)營造一種身臨其境的場景體驗，讓消費者在VR的模擬空間中體驗物品的質(zhì)量、性能、構(gòu)造甚至是觸感，一種打破常規(guī)的立體感官設(shè)計，注入有溫度的體感設(shè)計。這種新型式視覺設(shè)計粘性營銷模式在今年7月份的淘寶造物節(jié)上有很形象體現(xiàn)。例如淘寶造物節(jié)上海狂歡節(jié)的感官體驗圖，利用新型交互感讓你不僅看到物體還能感受到它，直接果敢的將產(chǎn)品展示在受眾面前，這種立體式廣告?zhèn)鞑シ绞阶屖鼙娫趫鼍爸兄苯拥倪x擇，互動，更換，挑選等。身臨其境感有效的增加了受眾對產(chǎn)品的信服度，加深對產(chǎn)品粘性。

（三）參與感設(shè)計方式打造情感營銷

淘寶造物節(jié)的驚喜之處更在于它的參與感帶來的幸福感，從而營造的情感性營銷。什么又是參與感設(shè)計，及最開始提到的視覺設(shè)計同H5結(jié)合的互動式新玩法，受眾可以直接在屏幕上進行上.下.左.右滑動體驗立體式感官，同時抓住分享這個關(guān)鍵詞在個個朋友圈，聯(lián)絡(luò)其它朋友家人進行共同體驗，或多人共同體驗。樹立大眾對品牌的情感基礎(chǔ)，對相應(yīng)產(chǎn)品的親和度。

三、H5廣告設(shè)計對互聯(lián)網(wǎng)營銷的影響

（一）增加其互動性

通過利用H5多媒體設(shè)計使得視覺設(shè)計中的信息傳遞為一個可以有效控制的過程并可實現(xiàn)信息的反饋和證明。淘寶造物節(jié)另辟蹊徑，從90后用戶更喜歡追逐自我風(fēng)格的作品著手，讓簡單的商務(wù)平臺轉(zhuǎn)化為創(chuàng)造創(chuàng)意與創(chuàng)新的平臺。并在設(shè)計中加入前衛(wèi)高科技技術(shù)也可以使普通的廣告突破瀏覽的界限融入體感交互，營造更豐富的用戶體驗。開發(fā)者在插畫上使用了一個可交互的模擬3D觀感體驗并帶有重力感應(yīng)的交互全景世界，人性化的視覺效果為信息的傳達(dá)營造良好的氛圍達(dá)到良好的交互作用，而交互元素也能更好的增加用戶粘度。

（二）助于其品牌推廣

H5頁面就等同于是這個品牌的微官網(wǎng)，重點在于塑造品牌形象，向客戶傳達(dá)品牌理念，因此這類頁面在設(shè)計上必須特別注重貼近品牌的定位和氣質(zhì)，使客戶對品牌留下難以磨滅的印象。H5頁面設(shè)計以靈活性、創(chuàng)新化的手法，賦予品牌獨特的表現(xiàn)形式，使顧客能快速了解品牌產(chǎn)品與品牌特性，并加以傳播推廣。

（三）傳達(dá)其故事情懷

隨著互聯(lián)網(wǎng)的發(fā)展，每個人都有了自己的判斷力，什么樣的內(nèi)容是好的，什么樣的內(nèi)容值得分享，每個人的心里都有自己的一桿秤，而情懷絕對是非常重要的一個標(biāo)準(zhǔn)。H5的靈魂在于有一個十分吸引人的好故事，這是一個前提。而要將這個好故事通過H5傳達(dá)給用戶，就必須賦予H5情懷。這情懷也許是一張泛黃的明信片，也許是北京寂寥的夜色，也許是干百次失敗后的堅持，是什么不重要，重要的是能夠抓住用戶內(nèi)心中最柔軟的點，能夠引起用戶的情感共鳴。

未來的發(fā)展趨勢必將是“一云多終端”。HTML5的爆發(fā)期，刷機將不復(fù)存在，應(yīng)用在云上運行，我們使用哪一載體將不再重要，它們只是我們連接云端的工具。開發(fā)變得無比快捷和高效，人人都能向整體網(wǎng)絡(luò)提供各種功能應(yīng)用和內(nèi)容，人人都能享受同樣的網(wǎng)絡(luò)體驗和高質(zhì)量的服務(wù)。數(shù)據(jù)不會再丟失，而是將我們的生活完整地保存在整個網(wǎng)絡(luò)當(dāng)中，可以隨時接入。這是HTML5的小未來，也是互聯(lián)網(wǎng)絡(luò)的大未來。

參考文獻(xiàn)：

[1]譚坤，呂悅寧.基微平臺H5 廣告設(shè)計策略分析[J].（2016）20-01：98-05.

[2]設(shè)計中的拙計.2016淘寶造物節(jié)品牌與會場設(shè)計總結(jié)，站酷網(wǎng)http：//www.zcool.com.cn/work/ZMTc2ODUwMTY=/1.html

[3]張余.移動互聯(lián)網(wǎng)時代H5頁面的設(shè)計與營銷[J].2015（09）：87-89.

[4]小呆xd.深度解密淘寶造物節(jié)H5為什么能刷爆你的朋友圈！站酷網(wǎng)http：//www.zcool.com.cn/article/ZNDE4NTE2.html