本文選題：HTML5技術(shù) + 移動端　； 參考：《江南大學(xué)》2017年碩士論文

【摘要】：隨著寬帶無線接入技術(shù)和移動終端技術(shù)的飛速發(fā)展,移動端優(yōu)化了用戶體驗(yàn),改變了用戶上網(wǎng)的使用習(xí)慣,同時以HTML5技術(shù)為核心的廣告設(shè)計(jì)也應(yīng)運(yùn)而生,豐富了互聯(lián)網(wǎng)廣告的形式。H5廣告是一種基于HTML5技術(shù)的實(shí)現(xiàn)的移動端網(wǎng)頁廣告形式,是國內(nèi)廣告界對于對于HTML5廣告的簡稱,方便設(shè)計(jì)者與用戶記憶和認(rèn)知。HTML5廣告打破了各種設(shè)計(jì)界限,串聯(lián)起各種藝術(shù)表現(xiàn)形式的廣告,它是融合了視覺、聽覺和觸覺這三種感官的廣告形式,結(jié)合其豐富的交互方式,給用戶帶來更好的感官體驗(yàn)。以技術(shù)為基礎(chǔ)的HTML5廣告是目前較為普遍且發(fā)展迅速的互聯(lián)網(wǎng)廣告之一,但這并不能代表傳統(tǒng)的廣告就應(yīng)該摒棄,廣告的本質(zhì)并沒有變,還是通過運(yùn)用創(chuàng)意的手法、精美的畫面效果以及情感化的設(shè)計(jì)方式去打動用戶,建立用戶與產(chǎn)品利益、感情上的聯(lián)系。HTML5廣告設(shè)計(jì)不單單只是視覺層面,還包括從聽覺、觸覺等方面給予用戶全方位的體驗(yàn)來吸引用戶的注意力,也就是多感官設(shè)計(jì),多感官設(shè)計(jì)的融合打破了設(shè)計(jì)的界限,使用戶能夠從多各方面對產(chǎn)品產(chǎn)生一定的認(rèn)知,帶給用戶沉浸式的體驗(yàn),從而引導(dǎo)消費(fèi)。HTML5廣告遵循設(shè)計(jì)簡潔性的原則,合理運(yùn)用元素進(jìn)行創(chuàng)意,同時合理色彩的搭配也會為廣告增色,使創(chuàng)意得到完美的表達(dá),使用信息傳播更具影響力;聽覺上,通過聲效和音樂的氣氛渲染,增強(qiáng)廣告的吸引力,為突出廣告主題起到了輔助作用,同時也豐富了用戶的感官體驗(yàn);觸覺上,關(guān)注用戶與產(chǎn)品之間的交互方式,結(jié)合有趣的互動體驗(yàn)帶給用戶控制感和在場感。綜合多種感官設(shè)計(jì)加強(qiáng)用戶體驗(yàn),在潛移默化中達(dá)到品牌宣傳的目的�；诖�,本文聚焦于基于HTML5技術(shù)的移動端廣告設(shè)計(jì),分析HTML5在近幾年的技術(shù)發(fā)展以及其具有的優(yōu)勢,不斷更新的技術(shù)為設(shè)計(jì)帶來了更多可能性,但同時也需要思考技術(shù)的實(shí)現(xiàn)是否真的是HTML5廣告?zhèn)鞑チ康臎Q定性因素。通過對比分析、典型性案例研究與用戶調(diào)研等研究方法分析得出HTML5廣告所具有的獨(dú)特特點(diǎn),其中包括熱點(diǎn)追蹤、多感官設(shè)計(jì)融合、交互性、參與性、社交性、技術(shù)性等特性,結(jié)合HTML5廣告特點(diǎn)與廣告設(shè)計(jì)的具體要素提出針對HTML5廣告的設(shè)計(jì)方法。根據(jù)用戶體驗(yàn)設(shè)計(jì)要素模型,結(jié)合HTML5廣告設(shè)計(jì)要素及設(shè)計(jì)流程推導(dǎo)出設(shè)計(jì)模型,以用戶(User)為中心的原則,技術(shù)(Technology)作為廣告要素構(gòu)成的一部分也是HTML5廣告設(shè)計(jì)的基礎(chǔ),在設(shè)計(jì)中注重設(shè)計(jì)的創(chuàng)意(Originality)、交互(Interaction)、視覺(Graph)等多方面,提出UT-OIG設(shè)計(jì)模型。最后通過對豆瓣《我們的精神角落》HTML5廣告的項(xiàng)目背景、用戶需求、設(shè)計(jì)進(jìn)行全面的案例分析,實(shí)證研究提出的設(shè)計(jì)方法與原則,嘗試為HTML5廣告設(shè)計(jì)提供依據(jù)。
[Abstract]:With the rapid development of broadband wireless access technology and mobile terminal technology, the mobile end optimizes the user experience and changes the usage habits of users. At the same time, the advertising design with HTML5 technology as the core also emerges as the times require. It enriches the form of Internet advertising. H5 advertising is a mobile web page advertising form based on HTML5 technology. It is the abbreviation for HTML5 advertising in domestic advertising circles. Convenient designer and user memory and cognition. HTML5 advertising breaks all kinds of design boundaries and links up advertisements of various artistic expressions. It is an advertising form that combines visual, auditory and tactile senses, and combines its rich interaction. Give users a better sensory experience. The technology-based HTML5 advertising is one of the most popular and rapidly developing Internet ads, but this does not mean that the traditional ads should be abandoned. The nature of the ads has not changed, but through the use of creative methods, Beautiful screen effects and emotional design to impress users, build user and product interests, emotional connections. HTML5 advertising design not only visual level, but also from the hearing, Tactile and other aspects give users all-round experience to attract the attention of users, that is, multi-sensory design, the fusion of multi-sensory design broke the boundaries of design, so that users can from many aspects of the product to produce a certain degree of cognition. Bring users immersive experience, thus guide the consumer. HTML5 ads follow the principle of design simplicity, reasonable use of elements for creativity, and reasonable collocation of color will also add color to the ad, so that the idea is perfectly expressed, The use of information communication is more influential; hearing, through sound effects and musical atmosphere rendering, enhance the appeal of advertising, to highlight the advertising theme, but also enrich the user's sensory experience; tactile, Focus on the interaction between the user and the product, combined with an interesting interactive experience to give the user a sense of control and presence. Comprehensive multi-sensory design to strengthen the user experience, in the subtle to achieve the purpose of brand publicity. Based on this, this paper focuses on the mobile advertising design based on HTML5 technology, and analyzes the technical development and advantages of HTML5 in recent years. The updated technology brings more possibilities for the design. But at the same time, we also need to consider whether the realization of technology is the decisive factor of HTML5 advertising dissemination. Through comparative analysis, typical case study and user investigation, the unique characteristics of HTML5 advertising are analyzed, including hot spot tracking, multi-sensory design fusion, interactivity, participation, social, technical, and so on. Combined with the characteristics of HTML5 advertising and the specific elements of advertising design, this paper puts forward a design method for HTML5 advertising. According to the user experience design element model, combined with HTML5 advertising design elements and design process, the design model is deduced. The principle of user center is that technology is also the basis of HTML5 advertising design. The design model of UT-OIG is put forward in this paper, such as originality, interaction, visual graph and so on. Finally, through the comprehensive case analysis of the project background, user demand and design of Douban "our spiritual Corner" HTML5 advertisement, and the design method and principle put forward by the empirical study, this paper tries to provide the basis for the design of HTML5 advertisement.
【學(xué)位授予單位】：江南大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2017
【分類號】：J524.3

【相似文獻(xiàn)】

相關(guān)期刊論文 前10條

1 劉統(tǒng)全;;淺析話題廣告[J];北方文學(xué)(下半月);2011年09期

2 徐繼義;;藝術(shù)設(shè)計(jì)中廣告創(chuàng)意的特征[J];美術(shù)教育研究;2012年13期

3 沙平;廣告語言運(yùn)用三題[J];華僑大學(xué)學(xué)報(bào)(哲學(xué)社會科學(xué)版);2000年01期

4 徐玉紅;對網(wǎng)絡(luò)廣告?zhèn)鞑サ膸c(diǎn)思考[J];蘇州大學(xué)學(xué)報(bào);2002年02期

5 陶德富;試論廣告?zhèn)鞑ブ械臐h語語音形象[J];湖州師范學(xué)院學(xué)報(bào);2003年01期

6 溫華;論廣告?zhèn)鞑ヅc現(xiàn)代心理的理論架構(gòu)[J];武漢大學(xué)學(xué)報(bào)(人文科學(xué)版);2004年03期

7 王彩;;試論新型廣告辭格的陌生化[J];時代文學(xué)(理論學(xué)術(shù)版);2007年03期

8 張艷;;淺析廣告?zhèn)鞑ブ械脑掝}設(shè)置[J];藝術(shù)研究;2009年01期

9 王昌文;王尚;;網(wǎng)絡(luò)廣告中圖像的傳播[J];藝術(shù)與設(shè)計(jì)(理論);2010年04期

10 吳燦;曾斯亮;;讓廣告充滿“心”意[J];藝海;2011年05期

相關(guān)會議論文 前10條

1 溫麗娜;;淺析廣告內(nèi)容之健康化[A];2003年度哈爾濱市工商行政管理系統(tǒng)獲獎優(yōu)秀理論文章調(diào)研成果選編論文集[C];2004年

2 樊昌志;;論廣告信息的度量[A];信息化進(jìn)程中的傳媒教育與傳媒研究——第二屆中國傳播學(xué)論壇論文匯編（上冊）[C];2002年

3 劉千桂;;廣告商務(wù)論——“眾媒介理論”核心應(yīng)用[A];信息經(jīng)濟(jì)學(xué)與電子商務(wù)：第十三屆中國信息經(jīng)濟(jì)學(xué)會學(xué)術(shù)年會論文集[C];2008年

4 袁清秀;;廣告新環(huán)境下的信息設(shè)計(jì)研究[A];創(chuàng)新驅(qū)動，加快戰(zhàn)略性新興產(chǎn)業(yè)發(fā)展——吉林省第七屆科學(xué)技術(shù)學(xué)術(shù)年會論文集（下）[C];2012年

5 馬中紅;;文化敏感與廣告跨文化傳播[A];2006中國傳播學(xué)論壇論文集（Ⅱ）[C];2006年

6 張立剛;;基于博弈論視角的廣告綠色化發(fā)展分析[A];第二屆中國綠色商業(yè)發(fā)展高峰論壇論文集[C];2007年

7 許冰華;劉正捷;張海昕;;新聞網(wǎng)站網(wǎng)絡(luò)廣告可用性研究[A];第三屆和諧人機(jī)環(huán)境聯(lián)合學(xué)術(shù)會議（HHME2007）論文集[C];2007年

8 ;數(shù)字傳播背景下廣告接受形態(tài)的變遷[A];第三屆華中地區(qū)新聞與傳播學(xué)科研究生學(xué)術(shù)論壇獲獎?wù)撐腫C];2012年

9 韓旭;;從文化層面看流行與廣告的互動[A];中國創(chuàng)意設(shè)計(jì)年鑒論文集2012[C];2013年

10 曾勇;;LTE時代運(yùn)營商HTML5手機(jī)瀏覽器發(fā)展策略審視[A];寬帶中國戰(zhàn)略與創(chuàng)新學(xué)術(shù)研討會（30）論文集[C];2012年

相關(guān)重要報(bào)紙文章 前10條

1 姚惠秀;治低俗之作 還健康本色[N];中國工商報(bào);2003年

2 本報(bào)記者　李　桐;廣告“四新展”舉辦網(wǎng)絡(luò)廣告強(qiáng)勢登場[N];中國國門時報(bào);2005年

3 韓虎山 山西財(cái)經(jīng)大學(xué)文化傳播學(xué)院教師;領(lǐng)域視角下廣告學(xué)科的類比模型[N];山西黨校報(bào);2010年

4 方學(xué)軍　史軍 陳剛 李暉;提高市場主體競爭力 大力實(shí)施廣告發(fā)展戰(zhàn)略[N];江蘇經(jīng)濟(jì)報(bào);2010年

5 王運(yùn)啟;媒體細(xì)分時代白酒廣告該怎么投[N];中國食品報(bào);2011年

6 本報(bào)特約撰稿人 鄒凌遠(yuǎn);“三多”時代的廣告“求變”[N];華夏酒報(bào);2012年

7 王慧俊　閆書暢;論受眾、廣告客戶與媒介組織之間的關(guān)系(上)[N];中國工商報(bào);2013年

8 史新章 國家工商總局廣告監(jiān)管司監(jiān)督處副處長 博士研究生;廣告行政執(zhí)法應(yīng)注意的幾個問題[N];中國工商報(bào);2013年

9 本報(bào)記者 李響;廣告：新中國的后起之“秀”[N];計(jì)算機(jī)世界;2009年

10 本報(bào)特約撰稿人 郭野;白酒廣告投放要“放有量,收有果”[N];華夏酒報(bào);2012年

相關(guān)博士學(xué)位論文 前2條

1 屈慧君;基于互動性的微博廣告效果研究[D];武漢大學(xué);2012年

2 阮麗華;網(wǎng)絡(luò)廣告及其影響研究[D];華中科技大學(xué);2005年

相關(guān)碩士學(xué)位論文 前10條

1 陳婧嫻;基于HTML5技術(shù)的移動端廣告設(shè)計(jì)研究[D];江南大學(xué);2017年

2 李魏晏子;對異型廣告（Ambient Advertising）的研究[D];華東師范大學(xué);2009年

3 蔡昕;網(wǎng)絡(luò)廣告的效果評估[D];四川大學(xué);2004年

4 趙麗輝;從合作原則角度談俄語廣告語言[D];吉林大學(xué);2005年

5 辛欣;網(wǎng)絡(luò)廣告點(diǎn)擊行為影響因素實(shí)證研究與企業(yè)網(wǎng)絡(luò)廣告策略[D];浙江大學(xué);2006年

6 夏吉英;論廣告語言的有效說服[D];蘇州大學(xué);2006年

7 楊光;網(wǎng)絡(luò)廣告特性及其效果間關(guān)系的實(shí)證研究[D];大連理工大學(xué);2007年

8 高霞;網(wǎng)絡(luò)廣告的信息傳播模式及其過程管理研究[D];吉林大學(xué);2008年

9 邊微;廣告信息傳播悖論的生成與消解[D];東北師范大學(xué);2008年

10 楊光;逆向廣告?zhèn)鞑パ芯縖D];黑龍江大學(xué);2012年

，

本文編號：1882014