移動互聯(lián)時代,智能手機早已成為人們接觸最密切的媒介,廣告也逐漸由傳統(tǒng)領域向移動營銷領域變遷。2014年,由HTML5技術發(fā)展衍生出的H5廣告,憑借其新穎的表現(xiàn)形式、炫酷的交互式方式等特點讓各大品牌察覺到H5所帶來巨大的利益。H5廣告在微信平臺迅速崛起的同時,也產(chǎn)生了諸多例如頁面同質化、創(chuàng)意抄襲、頁面卡頓等問題,導致H5廣告的分享傳播率降低、廣告熱度持續(xù)走低。因此,強化H5的功能價值,而不局限于廣告展示和游戲交互方面的設計,幫助大眾解決需求問題,才是幫助H5轉型的出發(fā)點。功能型H5廣告的主要內容是解決用戶需求,展示形式上具備H5的視覺感官、聽覺、觸覺等體驗,使H5成為一個可重復使用的“產(chǎn)品”。其功能性的拓展可以在一定程度上緩解H5廣告的發(fā)展困境,提升用戶對品牌的粘度,讓品牌通過H5更好的走入用戶內心。本文通過對H5廣告的發(fā)展現(xiàn)狀及問題進行剖析,利用國內外優(yōu)秀的功能型H5廣告案例,對功能型H5廣告的特點、價值、設計短板、分類應用等方面進行分析研究,并輔以相關設計學、營銷學、心理學等理論知識,歸納功能型H5廣告的設計原則、創(chuàng)意組合、設計策略,為今后功能型H5廣告的設計與發(fā)展提供新的思路和參考... 

【文章來源】：青島科技大學山東省

【文章頁數(shù)】：64 頁

【學位級別】：碩士

【部分圖文】：

《BecauseRecollection》網(wǎng)站十周年Figure1-1《BecauseRecollection》

圖 2-1 H5 與 HTML5、Web App、Flash、PPT 的關系Figure 2-1 The function of the H5 classification告的發(fā)展現(xiàn)狀及特點底到 2015 年的 H5 廣告處于萌芽階段，各個品牌爭先嘗的標志紛紛效仿，有的卻石沉大海。H5 行業(yè)的各項盈利追求，這個時期的 H5 廣告的展示形式上以簡單的圖片展和交互效果單一。是 H5 廣告革新發(fā)展的一年，各種酷炫的交互體驗形式替代了老式的圖片切換，畫面由平面向三維演化，也融法，讓畫面越來越趨向于全景化發(fā)展。雙 11 期間一炮）打造了一個全球品牌肆意狂歡的舞臺！頁面均由上千的三維場景，廣告的創(chuàng)新之處是可以佩戴天貓發(fā)行的簡深感及強，是 H5 畫面由平面轉向三維發(fā)展的代表作之一

圖 2-2《穿越宇宙的一封雙 11 邀請函》Figure 2-2《Across the universe a double 11 invitation letter》2017 年 H5 廣告深化了技術的發(fā)展，最主要的特點是將廣告的內容放在首位，品牌都開始力圖從廣告內容的創(chuàng)意上進行深化，輕交互更有利于接受品牌信息。視頻元素運用的更加嫻熟，視頻元素和電影的拍攝手法都被大膽的嫁接進來，廣告也由 TVC 的形式逐漸轉變?yōu)槌两健Ы换サ?H5 廣告，所以視頻類 H5 廣告成為這一年的設計焦點。例如抖音出品《世界名畫抖抖抖起來》（圖2-3）將名人畫像做擬人的動態(tài)處理，通過動態(tài)效果來展示產(chǎn)品 app 獨到的視頻模式，再配合抖音標志性的配樂，讓名畫人物隨著音樂活了起來。為畫面增加娛樂性，這只 H5 廣告很好的詮釋了產(chǎn)品的功能特性。只要敢于創(chuàng)新、大膽創(chuàng)意，挖掘 H5 隱藏的功能優(yōu)勢，市場前景依舊廣闊。

【參考文獻】：
期刊論文
[1]基于用戶體驗角度的微信H5設計分析[J]. 葛秋麗,李湘媛.  藝術與設計(理論). 2017(07)
[2]淺析H5創(chuàng)意營銷[J]. 郭偉瓊,王一飛.  現(xiàn)代經(jīng)濟信息. 2017(11)
[3]新媒體環(huán)境下H5產(chǎn)品傳播創(chuàng)新路徑探索[J]. 袁筱,苗翔鷹.  新聞前哨. 2017(05)
[4]基于受眾心理的H5廣告表現(xiàn)策略分析[J]. 余蘭亭,白雪.  視聽. 2017(03)
[5]基于H5技術的微信交互式廣告在交互設計方面的“優(yōu)勢整合”創(chuàng)新思考[J]. 胡曉林,馬振龍.  包裝工程. 2016(24)
[6]基于移動互聯(lián)網(wǎng)環(huán)境下的H5設計形式探究[J]. 毓鑫,黃弘.  設計. 2016(23)
[7]基于微信平臺的H5廣告設計策略分析[J]. 譚坤,呂悅寧.  包裝工程. 2016(20)
[8]新媒介時代下H5廣告發(fā)展趨勢研究[J]. 宮成偉.  美與時代(上). 2016(09)
[9]基于HTML5的交互式移動學習平臺研究[J]. 趙學銘,王剛.  現(xiàn)代教育技術. 2016(09)
[10]社交營銷時代H5廣告的發(fā)展策略[J]. 曾光,張銘珊.  青年記者. 2016(17)

碩士論文
[1]手機端H5廣告中互動化插畫設計的研究[D]. 鄧暮媛.湖北美術學院 2017
[2]基于4I理論的H5廣告營銷策略研究[D]. 張銘珊.南昌大學 2017
[3]新媒體語境下手機廣告交互設計應用研究[D]. 胡勰媛.湖北工業(yè)大學 2017
[4]基于HTML5技術的廣告優(yōu)勢與設計研究[D]. 孟凡璐.河北大學 2017
[5]基于HTML5技術的品牌營銷頁面的交互設計研究[D]. 趙榮鑫.北京交通大學 2016
[6]移動端HTML5廣告的受眾體驗設計研究[D]. 周瑜嫄.江南大學 2016
[7]國內HTML5廣告表現(xiàn)策略研究[D]. 胡流冰川.暨南大學 2016
[8]新媒體廣告的視覺動態(tài)設計研究[D]. 杜菁瑋.湖南工業(yè)大學 2014



本文編號：3642392