新媒體技術下H5廣告設計應用

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了新媒體技術下H5廣告設計應用范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：數字化時代背景下，以數字網絡為依托的新媒體技術快速普及人們生活，h5廣告通過新媒體技術的發(fā)展逐漸成為受眾與品牌方之間的溝通方式。在此背景下首先從本身概念認知H5廣告；其次調研H5廣告設計的國內外現狀及品牌案例，歸納H5廣告設計優(yōu)勢及分析存在的問題；H5廣告在新媒體技術發(fā)展下打破傳統廣告的界限，持續(xù)變化，以客觀的H5廣告案例數據來分析流量、利潤及銷售、比例等，得出結果來論證其應用價值。

關鍵詞：新媒體技術；H5廣告；交互設計

1相關理論界定

1.1新媒體界定

新媒體是2020年正式進入我國26周年的互聯網載體，所謂新媒體，是在互聯網技術、傳播媒介、受眾行為活動基礎上而產生的新名詞，傳統媒體是在報紙、雜志等媒介形式傳播信息，受眾局限于被動位置，不能與傳播者進行良好的反饋，新媒體的產生改變了這一局面。綜上所述，新媒體是在數字化、互聯網計算機信息技術基礎上的媒體形態(tài)，傳播形式不局限于某種形式，可進行多元化傳播，也會實現受眾與傳播者間良好的溝通，因此新媒體具有高度交互性與數字化的特征[1]。本文就探究在新媒體技術下H5廣告設計與應用研究。

1.2H5廣告界定

H5廣告是建立在HTML5技術之上產生的一種編程語言，也是幾個獨立web標準的集合。事實上,H5是國內人的簡單稱謂，并不是我們認為的HTML5縮寫，它一開始是一個單一的標準，后來被分解成更易于管理的幾個部分。H5廣告以HTML5技術為載體的一種廣告模式，以兼容性通過手機微信進行傳播，增強與用戶的互動性。它使視頻播放成為可能，而不需要像Flash這樣的瀏覽器插件。整個界面以有趣、大膽、新穎及直觀豐富豐富的交互性來引起受眾的注意，如圖文介紹、情景故事或互動小游戲，進一步奠定了H5廣告在網絡及品牌方心中的地位。

2H5廣告設計應用概況

2.1H5廣告設計優(yōu)勢

HTML5廣告現已成為不同領域企業(yè)品牌宣傳的形式，因H5技術的兼容性，如今人們大多可在手機查看，目前H5的使用行業(yè)。不僅是互聯網行業(yè)及汽車行業(yè)使用頻率最高，演變成新媒體、電商微信業(yè)務、保險金融、教育培訓、婚慶等都依賴于H5廣告?zhèn)鞑ァ⑿麄鳎ㄟ^案例分析出H5廣告以下的優(yōu)勢：2.1.1互動形式優(yōu)勢。傳統廣告以紙質或視頻的媒介營銷，最終效果不論是紙質還是視頻的形式比較單一，品牌的傳播內容與用戶的情感不能進行互動。而H5廣告是在傳統廣告基礎上用自身技術與用戶增添互動的體驗形式，不僅展示廣告內容，還通過用戶在互動的基礎上加深了所傳達廣告的印象[2]，這一互動包含小游戲、問答式、觸碰點擊式等形式，新穎又有趣，最終轉變成消費群體達到企業(yè)通過H5廣告?zhèn)鞑サ哪康摹?.1.2個性化優(yōu)勢。H5廣告研究用戶的心理需求進行相應的傳播，無論廣告整體效果如何，大多數用戶會根據自己的內心想法欣然接受品牌方推送的廣告，并對其產生興趣。H5廣告是利用對用戶的心理暗示這一優(yōu)勢，而暗示是最簡單、最有效的傳播方法，無論H5廣告?zhèn)鞑バ问绞怯螒蜻€是問答亦或是情景故事，利用這一方法都會直接地吸引受眾人群。2.1.3傳播速度優(yōu)勢。H5廣告的傳播媒介類型多樣，如網站、自媒體平臺、微信朋友圈等媒介。由于HTML5技術的優(yōu)勢與移動端app產生兼容性，只要受眾感興趣就會分享結果很快的分享到朋友圈，經調查發(fā)現，截止2020年第一季度，微信的活躍帳戶數達12.025億，可想而知，因為H5廣告?zhèn)鞑サ拿浇槎鄻有院蛡鞑サ膬热菥o跟當下時事熱點與潮流，這就促使H5廣告?zhèn)鞑ニ俣葧彼偕仙?.1.4投入成本優(yōu)勢。傳統廣告通過傳統的媒介進行傳播，不僅成本高，展示的廣告只局限于地面上。相比之下H5廣告由于制作過程簡單，制作者已不需受專業(yè)性教育的條件，所以投入的制作成本會很低[3]；其次從宣傳媒介的角度分析，只需在朋友圈或自媒體平臺等媒介進行即可，無需宣傳媒介成本。

2.2H5廣告設計存在的問題

2.2.1設計內容相似。雖然H5有很強大的技術，達到高互動、低成本的效果，然而H5廣告也相應地存在諸多問題。在品牌企業(yè)市場的H5廣告中，展示的頁面、版式、文案及創(chuàng)意等開始逐漸同質化，[3]舉個例子來說明，如當紅某女明星化的妝容看起來特別美，隨之上熱搜就會出現很多博主出妝容視頻及很多人模仿，如果人人是一個妝容反而即普通又無趣，最后的結果可想而知。而H5廣告也是如此。2.2.2用戶體驗感差。通過對案例的分析，總結出三方面用戶體驗感不佳。首先，目前H5的制作軟件眾多，由于平臺不一，導致制作的廣告參差不齊、跟風嚴重，造成用戶的視覺審美疲勞；其次有些大企業(yè)的創(chuàng)意多、互動形式多樣，致使不同年齡段的用戶對于互動形式方法操作不慣；再次，經長時間的技術發(fā)展，H5廣告的界面極其復雜，導致觀看設備卡頓，直接地增加用戶流失。2.2.3內容存活周期短。H5廣告大多是緊跟當下的熱點制作傳播，雖然在當時產生新穎并持續(xù)用戶量增加的效果，但正如“熱點”這個名詞意味著“某一時期”引人關注的事件。盡管H5廣告創(chuàng)作時間和傳播速度的效率高，但由于熱點內容經過2天到3天的發(fā)酵并被新的熱點所替代，所以存活期的時間僅在很短時間，這一現象也是目前所面對的問題。

3H5廣告設計實踐

3.1國外H5廣告設計實踐

國外H5廣告如今涉及著各個領域，發(fā)展成熟。以國外2018年Bioisland奶粉《世界這么大，“代”你去看看》為例，廣告以情景故事為主線，主要講身在國外的代購女生負責代購Bioisland的奶粉，表面雖風光但背后有很多心酸苦難，最后也因客戶的信任重新元氣滿滿，回到Biois-lang的主題“不忘初心，始終有你”。這則H5廣告整體設計上以溫暖可愛的插畫風格表現人物、場景，隨著音樂及動畫的特效，帶入用戶走進Bioisland奶粉的世界。整個廣告最大的優(yōu)勢首先運用現實生活場景中簡單的細節(jié)與用戶產生共鳴，以代購的身份看這支廣告會有莫名被理解的感受，以消費者的身份看完會了解代購狀況，也了解了Bioisland的品牌，從而轉發(fā)，達到好的傳播效果；其次根據母嬰品牌的形象定位及受眾群體進行個性化設計，將品牌形象特點具象化到生活中，使消費者輕松對品牌有好感，將自己的品牌提高了曝光量及很好的宣傳，也使Bioislang奶粉榮列國內前三名的排行榜。

3.2國內H5廣告設計實踐

國內的H5廣告在近幾年持續(xù)輸出，產生大量優(yōu)質的作品，以京東時尚2019H5廣告《我的2019關鍵詞》為例。廣告以手繪插畫的風格為主，簡單易懂的互動操作頁面，從衣服、球鞋到運動器材跑步機、自行車等物品，豐富的選項展示出京東應有盡有的品牌形象，從而激起消費者欲望。整體互動形式簡潔有趣，初始頁面是不斷更換的物品小圖標與加載進度條，連接的界面是一段總結2018的引詞；點擊右下角進入下一界面房間，根據提示可以左右滑動，用戶點擊自己喜歡的物品，物品外輪廓發(fā)光后，可生成海報。通過互動測試用戶的新年運勢，選擇不同的產品，生成不同的關鍵詞海報，并能直接點擊鏈接進入商城選購。京東作為國內首屈一指的電商網站，主打為消費者提供正品質量保證及一條龍服務，特別是購買數碼設備電腦或手機，消費者第一想到就是去京東。根據京東2019年中消費趨勢報告，總結出線上平臺中熱門的商品種類不斷的增長，京東利用信息技術的優(yōu)勢，促進市場更具有包容性、創(chuàng)新性。利用H5線上傳播的優(yōu)勢，促進消費者直接進入商城的欲望。使之銷售額持續(xù)增加。

4H5廣告設計應用與推廣

4.1新媒體技術

H5廣告設計以新媒體技術為媒介向用戶傳播信息，用戶根據傳達信息的視覺感受、內心感知轉發(fā)給用戶，逐漸形成傳播個性化和多樣化。新媒體技術通過自身的技術優(yōu)勢使呈現的內容具象化，如文字傳輸、圖形傳輸、聲音傳輸。像微信、微博這樣的應用，都是在新媒體技術、網絡經濟、互聯網時代的結合下產生并發(fā)展，而新媒體技術，逐漸使H5廣告實現了傳播信息到平臺、平臺到觀眾、觀眾到消費者的階段，成為了廣告潮流。

4.2H5廣告設計創(chuàng)意

4.2.1互動形式生活化。一個好的H5廣告作品，創(chuàng)意占很大的比重。如今H5廣告的創(chuàng)意形式以游戲、問答、情景故事為主，而經過問卷調查發(fā)現，情景故事若貼近我們的生活，互動形式是我們生活場景，觀眾很容易接收并拉近了品牌廣告與用戶的距離。這就要求H5廣告文案及制作平臺細膩的觀察用戶內心的聲音，與消費者的內心緊密的聯系在一起，做出好的H5互動模式。4.2.2視覺語言獨特化。在H5廣告界面中，有生命力的視覺語言是吸引消費者的重要因素之一。人類的平均注意力只有短暫的幾秒鐘，若不能在這短暫的幾秒吸引就會失去受眾，在黃金的幾秒迅速抓住消費者眼球，不單只能有創(chuàng)意，視覺語言、文字語言也是必需的[4]。現在大多品牌會選擇手繪類型插畫風格的H5廣告，以達到用戶在視覺上的需要及感官刺激。

4.3H5廣告交互設計

H5廣告設計總結了三個方面的交互方法。首先是主題內容與互動形式融合形成自然的交互設計，應考慮手機界面大小，不放繁雜內容，視覺上表現主要內容即可；其次是以用戶本身出發(fā)設計。在制作H5廣告時，制作方總會在廣告中無意加入自己所喜愛的設計，但他們不是真正用戶，不能把自己喜歡的理念強加給用戶心理。最后是以感官為基礎的交互設計。當看到一則H5互動廣告時，畫面中對于互動形式的提示形式很重要，用戶才知道如何使用手勢進行互動，因此應該先設計簡單并在現實生活中常用的手勢交互。

5結語

綜上所述，通過新媒體技術的支持及技術的優(yōu)勢，使H5廣告設計的形式與創(chuàng)新產生無限可能，通過用戶體驗、案例分析主要得出在如今“碎片化”的大環(huán)境中，品牌方通過把長時記憶中知識對進入短時記憶的新信息加以組織，使之構成有意義的信息策略的設計來吸引用戶，提升用戶與品牌的粘合度，以情動人的H5廣告設計能夠在用戶心中長久的記憶，使商品信息有效傳播。隨著傳播媒介不斷發(fā)生改變，H5廣告設計應跟進時代步伐，設計多元化并全方位的服務人類。

參考文獻：

[1]胡勰媛.新媒體語境下手機廣告交互設計應用研究[D].湖北：湖北工業(yè)大學，2017.

[2]孟凡璐.基于HTML5技術的廣告優(yōu)勢與設計研究[D].河北：河北大學，2017.

[3]伏曉佳.基于動態(tài)插畫形式的H5廣告交互設計研究[D].上海：東華大學，2020.

[4]呂青蔚.基于新媒體技術的H5廣告視覺元素研究[D].吉林：吉林大學，2020.

作者:孫詩涵 單位:東北大學藝術學院