基于iH5的城市形象互動(dòng)廣告設(shè)計(jì)研究

郗彩蓮 王浩瑩

摘要：信息化時(shí)代的到來(lái)，新型的廣告形式層出不窮，在這其中iH5互動(dòng)廣告深受追捧，文章旨在研究iH5的互動(dòng)廣告在義烏城市形象傳播設(shè)計(jì)中的方案和設(shè)計(jì)思路。通過(guò)對(duì)iH5互動(dòng)廣告在義烏城市形象的應(yīng)用優(yōu)勢(shì)進(jìn)行分析和研究。結(jié)合義烏總結(jié)出其視聽(tīng)體驗(yàn)、情感調(diào)動(dòng)、視覺(jué)設(shè)計(jì)等要素的創(chuàng)新設(shè)計(jì)策略和方案。義烏城市形象傳播結(jié)合iH5互動(dòng)廣告形式是非常適合的，其中抓住城市的特色、正確定位受眾群體、找到適合的廣告互動(dòng)方式尤為重要。

關(guān)鍵詞：iH5互動(dòng)廣告;?義烏城市形象?;交互體驗(yàn);?情感調(diào)動(dòng)?;廣告感染力

中圖分類(lèi)號(hào)：J524.3

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069（2020）08-0039-03

引言

信息化時(shí)代的到來(lái)，鋪天蓋地、各種各樣的廣告進(jìn)入我們的視野，使得傳統(tǒng)的廣告形式越來(lái)越難吸引當(dāng)代受眾。與此同時(shí)，新型的廣告形式也在悄悄崛起。在這其中，H5的互動(dòng)廣告形式扮演者舉足輕重的角色，iH5互動(dòng)大師平臺(tái)的零代碼、模塊化、易上手的優(yōu)點(diǎn)就使得其成為了設(shè)計(jì)師們常用的H5互動(dòng)工具之一。再加，上新穎的創(chuàng)意豐富的感官和行為體驗(yàn)、更能讓受眾主動(dòng)參與并進(jìn)行自發(fā)傳播，讓其成為了廣告設(shè)計(jì)中炙手可熱的香餑餑。義烏作為驚艷全世界的國(guó)際化小商品之都，傳統(tǒng)的廣告形式已不滿足其形象傳播需求，而運(yùn)用iH5互動(dòng)廣告形式可以讓受眾在有趣的交互過(guò)程中了解義烏、愛(ài)上義烏。

一、iH5互動(dòng)廣告設(shè)計(jì)的發(fā)展現(xiàn)狀

“圍住神經(jīng)貓”的這款H5小游戲自2014年7月在微信朋友圈傳播開(kāi)來(lái)，3天就突破了上億點(diǎn)擊量"。H5正在快速地進(jìn)入大眾的視野、融入我們的生活。與此同時(shí)，像iH5這樣的無(wú)代碼制作I具漸漸變成了主流，原因很簡(jiǎn)單，H5越來(lái)越商業(yè)化，H5互動(dòng)廣告是H5的第一應(yīng)用場(chǎng)景，iH5平臺(tái)提供無(wú)代碼的功能服務(wù)，也很適合零基礎(chǔ)想進(jìn)入H5行業(yè)的人學(xué)習(xí)。iH5互動(dòng)廣告的功能也越來(lái)越豐富和多樣化，比如全景、一鏡到底、時(shí)間軸動(dòng)畫(huà)、數(shù)據(jù)庫(kù)做抽獎(jiǎng)、砍價(jià)、多人互動(dòng)、各類(lèi)小游戲等。它的開(kāi)發(fā)，能提供更快、更簡(jiǎn)便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布也很方便。在城市形象償還博中經(jīng)常會(huì)用到的大屏幕廣告片或是大屏幕交互，而傳統(tǒng)的大屏幕交互，是需要安裝龐大的軟件系統(tǒng)去管理和運(yùn)營(yíng)的，因此更新和維護(hù)就很不方便，而使用iH5來(lái)實(shí)現(xiàn)，既可以實(shí)時(shí)更新，又可以提高更新頻率，因此，iH5互動(dòng)廣告市場(chǎng)發(fā)展前景甚好。

二、義烏城市形象iH5互動(dòng)廣告的受眾群體分析

（一）受眾定位

對(duì)于iH5這樣的互動(dòng)廣告平臺(tái)來(lái)說(shuō)，受眾群體數(shù)量還是比較龐大的，畢竟只要有一部手機(jī)，掃描二維碼、或者打開(kāi)鏈接等方式就可以方便地看到廣告內(nèi)容了，而且還可以進(jìn)行互動(dòng)。義烏，是國(guó)際化小商品之都，是享譽(yù)內(nèi)外的東方奇跡。對(duì)于義烏這樣的城市來(lái)說(shuō)，其實(shí)它不僅僅是人們印象當(dāng)中的小商品城市，更是一座富有商貿(mào)文化歷史的都市。義烏的城市形象傳播目的主要是為了吸引年輕人前來(lái)創(chuàng)業(yè)和就業(yè);吸弓更多的國(guó)內(nèi)外旅游愛(ài)好者來(lái)這里旅游，進(jìn)而拉動(dòng)旅游業(yè)的發(fā)展;還有吸引追求品質(zhì)生活的消費(fèi)者前來(lái)購(gòu)物和洽談生意、進(jìn)行商貿(mào)交易等。由此可見(jiàn)，互動(dòng)廣告受眾群體的定位就很清晰了：大學(xué)生群體、年輕人群體、國(guó)內(nèi)外旅游愛(ài)好者、追求品質(zhì)生活的消費(fèi)者人群。接下來(lái)針對(duì)這些受眾人群進(jìn)行心理和行為上的分析。

（二）受眾心理和行為分析

1.首先是大學(xué)生群體，大學(xué)生的特點(diǎn)是文化素質(zhì)較高、興趣廣泛喜愛(ài)新鮮事物、愛(ài)挑戰(zhàn)、勇敢無(wú)畏等，義烏有著很多的機(jī)遇和挑戰(zhàn)等大學(xué)生們?nèi)グl(fā)掘和探索，美麗的風(fēng)景、怡人的氣候、深厚的文化底蘊(yùn)和環(huán)境會(huì)滿足大學(xué)生發(fā)現(xiàn)新奇、探索未知的好奇心。

2.其次是年輕的創(chuàng)業(yè)就業(yè)群體，義烏以富有特色的開(kāi)放、包容、多元化的就業(yè)、創(chuàng)業(yè)環(huán)境吸引有理想、有志向的青年才俊們，優(yōu)厚的鼓勵(lì)政策、良好的創(chuàng)業(yè)氛圍，使每一位前來(lái)義烏發(fā)展的年輕人都可以有自己的一片天地。

3.再次是國(guó)內(nèi)外的旅游愛(ài)好者，這個(gè)群體的特點(diǎn)是喜歡各地的風(fēng)土人情情、好山好水、美麗的城市等，在去這個(gè)目的地之前一般會(huì)看當(dāng)?shù)氐穆糜喂ヂ裕矔?huì)了解一些當(dāng)?shù)氐慕煌肪€等信息，就需要有介紹搭配地圖路線等服務(wù)的綜合性互動(dòng)廣告，使得他們的旅行更加方便、體驗(yàn)更加舒適。

4.最后，追求消費(fèi)品質(zhì)是當(dāng)今社會(huì)的消費(fèi)趨勢(shì)。現(xiàn)在，很多消費(fèi)者追求的是消費(fèi)的品質(zhì)，而不是量，買(mǎi)到自己喜歡的，特別是買(mǎi)到符合自己身份和個(gè)性的商品，是當(dāng)代追求品質(zhì)的消費(fèi)者的主要觀念。信息化的發(fā)展使得很多人的時(shí)間變得碎片化了，這就要求我們?cè)诙虝r(shí)間之內(nèi)擁有便捷、高效的購(gòu)物體驗(yàn)。生活節(jié)奏加快，高負(fù)荷的精神和生活壓力，讓消費(fèi)者不斷尋找在購(gòu)物中的認(rèn)知和認(rèn)同感，這就孕育出了消費(fèi)者的豐富購(gòu)物需求。義烏的商品可謂是琳瑯滿目、應(yīng)有盡有，無(wú)疑是這類(lèi)消費(fèi)群體的購(gòu)物天堂，義烏便捷而發(fā)達(dá)的物流業(yè)更是為其錦上添花。

三、義烏城市形象iH5互動(dòng)廣告的優(yōu)勢(shì)

（一）富有文化特色的視聽(tīng)效果，可以增強(qiáng)廣告的感染力。

豐富的視聽(tīng)效果，可以調(diào)動(dòng)受眾情感，加深用戶印象。義烏的城市文化非常豐富，特別是自20世紀(jì)80年代開(kāi)始，從一針一線的貨郎貿(mào)易到“海陸空”全面商貿(mào)道路的開(kāi)通，是義烏人民的努力拼搏造就了今天的義烏。在經(jīng)濟(jì)騰飛的今天，義烏特有的孝義文化、兵文化、撥浪鼓文化等濃郁鮮明的城市形象;義烏人杰地靈，古今人才輩出：一代文宗駱賓王、《共產(chǎn)黨宣言》中文首譯者陳望道、近代明史大家吳晗、革命先輩馮雪峰等各時(shí)代風(fēng)云人物，他們種下了文明的種子，詮釋了“勤耕好學(xué)、剛正勇為、誠(chéng)信包容”的義烏精神，為義烏的年輕人做了優(yōu)秀的榜樣。義烏文化是其城市形象的一大亮點(diǎn)，是吸引大學(xué)生群體、國(guó)內(nèi)外旅游愛(ài)好者、追求品質(zhì)生活的消費(fèi)者、青年創(chuàng)業(yè)者的重要條件之一，這些義烏的文化內(nèi)容，都值得植入互動(dòng)廣告作品中，讓受眾更加立體、全方位的了解義烏，讓大家對(duì)這座城市含有崇尚之情，從而喜歡義烏、愛(ài)上義烏，可以吸弓更多的人到義烏創(chuàng)業(yè)、就業(yè)。

傳統(tǒng)的廣告形式有：平面廣告、廣播廣告、電視電影廣告等，其特點(diǎn)是無(wú)法讓受眾身臨其境的與廣告進(jìn)行交互，使得廣告效果會(huì)受到時(shí)段、地點(diǎn)文化等的諸多影響！31。而且這樣的廣告讓受眾毫無(wú)參與感，往往會(huì)造成受眾視覺(jué)聽(tīng)覺(jué)疲勞等現(xiàn)象。然而，互動(dòng)式的廣告就可以很好地解決這個(gè)問(wèn)題，聽(tīng)一聽(tīng)“雞毛換糖”的叫賣(mài)聲、見(jiàn)識(shí)“元宵舞龍燈、觀花燈、百家宴、清湖門(mén)市場(chǎng)”的盛景、富有地域民族特色的背景音樂(lè)結(jié)合各種傳統(tǒng)文化畫(huà)面、還有現(xiàn)代義烏科技與文化的發(fā)展內(nèi)容等的呈現(xiàn)，這些富有感染力的視聽(tīng)體驗(yàn)，可以讓交互更加富有趣味性，也可以讓受眾有身臨其境的體驗(yàn)，增強(qiáng)H5互動(dòng)廣告的感染力21。雖然語(yǔ)言有國(guó)界，但是情感無(wú)國(guó)界，對(duì)于國(guó)內(nèi)外旅游愛(ài)好者來(lái)說(shuō)，這是非常好的互動(dòng)方式，讓他們更加了解和喜愛(ài)義烏。

（二）通過(guò)多元化的互動(dòng)形式，增強(qiáng)受眾的互動(dòng)體驗(yàn)感

H5互動(dòng)廣告其實(shí)是基于HTML5技術(shù)而實(shí)現(xiàn)的移動(dòng)端網(wǎng)頁(yè)廣告。在眾多的工具中，iH5強(qiáng)大的兼容性可以顯著地降低開(kāi)發(fā)與運(yùn)營(yíng)成本，而且對(duì)于新手來(lái)說(shuō)特別友好，容易上手、簡(jiǎn)單易學(xué)、還有系統(tǒng)的教程教學(xué)，模塊化的操作界面使制作更加的高效。義烏的文化歷史悠久，迄今已有兩千兩百多年。風(fēng)景秀美、物華天寶、文化教育昌盛，“雞毛換糖”的叫賣(mài)聲開(kāi)啟了義烏商業(yè)的歷史篇章。義烏市場(chǎng)從上世紀(jì)70年代走街串巷、走南闖北的“雞毛換糖”起步，進(jìn)而開(kāi)辦專(zhuān)業(yè)市場(chǎng)，漸漸發(fā)展成了國(guó)際商貿(mào)城。走出了一條“無(wú)中生有”、“點(diǎn)石成金”的獨(dú)特成功道路。義烏市場(chǎng)的發(fā)展歷程，其實(shí)是中國(guó)改革開(kāi)放發(fā)展的生動(dòng)縮影，它的繁榮和美麗需要被更多的人認(rèn)知、了解。

長(zhǎng)頁(yè)面的交互形式是再合適不過(guò)的了。運(yùn)用“容器”、“滑動(dòng)時(shí)間軸”等工具來(lái)搭建，長(zhǎng)頁(yè)面中的內(nèi)容就像講故事一樣講述了義烏的變化。作品的一開(kāi)始就是“雞毛換糖”的畫(huà)面，一位母親帶著孩子來(lái)到商販這里用家里的雞毛來(lái)?yè)Q取紅糖，點(diǎn)擊他們可以看到關(guān)于雞毛換糖的簡(jiǎn)介，還會(huì)出現(xiàn)當(dāng)時(shí)小商販的叫賣(mài)聲、寶寶的笑聲。一直往右滑動(dòng)陸續(xù)會(huì)出現(xiàn)很多具有時(shí)代代表性的內(nèi)容，最后一部分是現(xiàn)代義烏的內(nèi)容，比如機(jī)場(chǎng)、國(guó)際商貿(mào)城、高鐵、立交橋、義烏港口等。沿著歷史的長(zhǎng)河，用戶可以選擇性地觀看自己想看的部分，也可以按照從左到右的順序進(jìn)行靈活的互動(dòng)操作。

iH5互動(dòng)廣告是不會(huì)受到時(shí)間和地點(diǎn)的限制，只要有網(wǎng)絡(luò)，也不會(huì)耗費(fèi)多少流量就可以看到的廣告形式，而且不僅僅可以看，還可以聽(tīng)、玩、傳播等。投入的成本也會(huì)比較低，而且傳播率很高，確實(shí)是不錯(cuò)的廣告形式。義烏除了是小商品的海洋、購(gòu)物者的天堂之外，鐵路口岸還是浙江省“一帶一路”的戰(zhàn)略支點(diǎn)，義烏歷史文化悠久、義烏文明光彩奪目，這些都需要多樣化的交互體驗(yàn)來(lái)吸弓受眾。比如通過(guò)“滑動(dòng)”翻閱長(zhǎng)長(zhǎng)的義烏發(fā)展歷史畫(huà)卷和放風(fēng)箏、通過(guò)“點(diǎn)擊”想了解的義烏民間傳統(tǒng)文化和活動(dòng)、“長(zhǎng)按”屏幕指定位置可以讓飛馳的火車(chē)和港口的輪船鳴笛、“搖晃”手機(jī)來(lái)和廣告中的人物進(jìn)行問(wèn)答式互動(dòng)或是模擬某些動(dòng)作等的交互方式，讓受眾樂(lè)在其中。具體來(lái)講，比如“滑動(dòng)”的交互方式在放風(fēng)箏這部分里的應(yīng)用是非常有趣的，用戶通過(guò)滑動(dòng)手機(jī)屏幕可以左右控制風(fēng)箏的方向，讓風(fēng)箏穩(wěn)穩(wěn)地飛翔在天空中，天空中是不是會(huì)有飛鳥(niǎo)經(jīng)過(guò)，需要控制風(fēng)箏的位置來(lái)躲避飛鳥(niǎo)，以免風(fēng)箏降落或受損。這樣“放風(fēng)箏”的互動(dòng)活動(dòng)就可以讓用戶擁有有趣的體驗(yàn)。再比如左右“滑動(dòng)”屏幕，拉動(dòng)二胡的弦，與廣告中的人物合奏義烏著名而古老的說(shuō)唱藝術(shù)“道情”，讓用戶的手、腦、眼、耳都有了豐富多彩的體驗(yàn)，同時(shí)增加成就感，引導(dǎo)用戶想更進(jìn)一步了解“道情”這個(gè)國(guó)家級(jí)非物質(zhì)文化遺產(chǎn)的民間藝術(shù)。因此，iH5互動(dòng)廣告是非常適合義烏這樣的城市的形象傳播設(shè)計(jì)的，不但效果好、而且經(jīng)濟(jì)實(shí)惠。

城市形象宣傳廣告目的是為了刷新大眾對(duì)國(guó)際化義烏商貿(mào)文化的印象，提升義烏高品質(zhì)城市影響力、知名度和美譽(yù)度，推廣義烏這個(gè)城市所獨(dú)有的商貿(mào)文化，增強(qiáng)其在大眾心目中的品牌識(shí)別性。給大眾講述義烏的商貿(mào)文化，讓大家形成認(rèn)同感;吸引青年創(chuàng)業(yè)與就業(yè)人才來(lái)到義烏、建設(shè)義烏。iH5平臺(tái)中比如3D世界、地圖、全景容器，以及為義烏設(shè)計(jì)的移動(dòng)端電商平臺(tái)等，這些新的技術(shù)可以很好地方便受眾深入了解義烏。比如用戶可以在互動(dòng)廣告中通過(guò)“地圖”的功能找到自己感興趣的具體地點(diǎn)，還可以找到最佳的交通路線;再比如用戶可以使用3D世界和全景容器更加身臨其境般的體驗(yàn)義烏的城市繁華景象與人文情懷，只要拿著手機(jī)，隨時(shí)隨地都可以進(jìn)行互動(dòng)體驗(yàn)。iH5新推出的ivx可以進(jìn)一步將前端深化，把義烏的網(wǎng)店接入城市形象的互動(dòng)端口，讓消費(fèi)者們可以方便地購(gòu)物。

四、義烏城市形象iH5互動(dòng)廣告的視覺(jué)設(shè)計(jì)

視覺(jué)設(shè)計(jì)符合義烏城市形象特色，iH5互動(dòng)廣告的視覺(jué)設(shè)計(jì)這部分一直都是重中之重，一個(gè)成功的互動(dòng)廣告作品首先要做到的就是吸引受眾的眼球。但是并不僅僅所謂的“好看”就可以解決問(wèn)題了，符合義烏城市形象特色的視覺(jué)設(shè)計(jì)才是最適合的互動(dòng)廣告作品。

（一）原畫(huà)繪制

義烏是一座非常美麗的城市，這座城市的建筑、花草樹(shù)木、人文活動(dòng)、一磚一瓦、天空、河流都運(yùn)用國(guó)畫(huà)的濕介質(zhì)畫(huà)筆進(jìn)行繪制和暈染。運(yùn)用年畫(huà)的畫(huà)風(fēng)來(lái)繪制它的風(fēng)景是非常合適的。所有的畫(huà)面全部運(yùn)用電腦手繪完成，先去查詢資料，包括場(chǎng)景、人物、道具、物品等，將需要表現(xiàn)的內(nèi)容進(jìn)行篩選，以這些為原型進(jìn)行草稿的繪制，再在繪畫(huà)軟件和數(shù)位板的配合下進(jìn)行進(jìn)一步繪畫(huà)，富有民族特色。可以運(yùn)用PS或SAI軟件進(jìn)行繪制。義烏鐵路口岸是浙江省“一帶一路”的戰(zhàn)略支點(diǎn)，義烏.國(guó)際陸港城市多式聯(lián)運(yùn)的新起點(diǎn)和鐵路國(guó)際集裝運(yùn)輸?shù)闹匾?jié)點(diǎn)，全球最長(zhǎng)的鐵路“義新歐”中歐班列從這里出發(fā)，貫穿歐洲經(jīng)濟(jì)圈，如圖1所示。

加入一些動(dòng)效，可以引導(dǎo)用戶點(diǎn)擊或者拖動(dòng)來(lái)進(jìn)行交互。動(dòng)效圖都是運(yùn)用了gif格式的動(dòng)圖來(lái)模擬移動(dòng)的船舶、放飛的風(fēng)箏、河流中跳躍的魚(yú)兒、飛馳的高鐵動(dòng)車(chē)、起飛的飛機(jī)、人潮涌動(dòng)的商業(yè)區(qū)、立交橋一上的汽車(chē)等內(nèi)容，用來(lái)豐富畫(huà)面、增加真實(shí)感、也增加了趣味性。廣告的城市畫(huà)面與人物的配色，可以適當(dāng)運(yùn)用明度高、純度低的顏色居多，冷暖色調(diào)的搭配讓畫(huà)面協(xié)調(diào)感一十足;背景大面積使用了高明度的冷色調(diào)，不會(huì)讓人有視覺(jué)疲勞之感;同時(shí)也是符合義烏這座城市的主色調(diào)的，晴朗的天空、湛藍(lán)的海平面，非常美麗的風(fēng)景。人物使用到了中性色、暖色調(diào)較多，比較顯眼、也比較美觀4。縱向的空間感體現(xiàn)在色彩的近實(shí)遠(yuǎn)虛，近景的色彩搭配比較鮮明，遠(yuǎn)景的色彩純度偏低、明度偏低、飽和度偏低、色相也會(huì)比較接近一些。用戶進(jìn)入廣告內(nèi)首先看到的會(huì)是加載頁(yè)面，加載頁(yè)面的存在是因?yàn)橛袝r(shí)網(wǎng)絡(luò)需要緩沖的時(shí)候，用戶需要等候幾秒的時(shí)間，這個(gè)時(shí)間內(nèi)用戶的內(nèi)心或是焦急的、或是放空，這個(gè)“門(mén)面”的畫(huà)面和動(dòng)效一定要做到位。運(yùn)用幾張畫(huà)有義烏著名的小物件組成的郵票合集的不斷切換來(lái)表現(xiàn)，下面“走進(jìn)義烏”四個(gè)字逐字出現(xiàn)，讓用戶在等待過(guò)程中可以對(duì)義烏有著初步的了解。這里使用到的是gif動(dòng)態(tài)圖的形式，如圖2、3、4、5所示。

（二）UI界面設(shè)計(jì)

界面包括：開(kāi)始界面、若干介紹分界面、結(jié)束界面。考慮到用戶會(huì)在電腦或手機(jī)上進(jìn)行交互和觀看，而且是國(guó)內(nèi)外的用戶都會(huì)看到，那么風(fēng)格不要太花哨，簡(jiǎn)約為主[5]。畢竟我們要打造義烏國(guó)際化大都市的形象，因此，無(wú)論是所用的字體還是界面的小元素都需要簡(jiǎn)單、干凈、整潔，還需要易于識(shí)別，在保留藝術(shù)性的同時(shí)也要保證實(shí)用性。界面的設(shè)計(jì)首先就需要遵從用戶的閱讀習(xí)慣和方式6。最精彩的、最重要的信息最好放在比較靠屏幕中心的位置，比如義烏的城市風(fēng)景線、風(fēng)土民情的畫(huà)面都是吸引人的地方。其次是在手機(jī)這樣的小屏幕里，要保證文字可以看清楚，文字排版需要清晰、文字大小要適合、使用筆畫(huà)均勻的字體一比如微軟雅黑字體;標(biāo)題與正文的字體大小、粗細(xì)、色彩可以有一定的區(qū)分。界面的排版設(shè)計(jì)風(fēng)格比較簡(jiǎn)潔，有梳有密，適當(dāng)留白;小元素的繪制運(yùn)用了傳統(tǒng)民間窗花等的設(shè)計(jì)。特別是一些簡(jiǎn)介彈框界面、對(duì)話框界面、按鈕等設(shè)計(jì)，大量運(yùn)用了義烏的民間文化視覺(jué)元素進(jìn)行點(diǎn)綴。其中按鈕的設(shè)計(jì)要符合人體手指的大小，不能太小不好點(diǎn)，也不能太大影響畫(huà)面美觀。

1.開(kāi)始界面的設(shè)計(jì)。開(kāi)始界面是用戶進(jìn)入廣告中第一眼可以看到的內(nèi)容，無(wú)論是配色還是排版都是需要抓住人眼球的，作為城市形象廣告式的互動(dòng)設(shè)計(jì)作品，開(kāi)始界面需要傳達(dá)的信息有義烏的最美的風(fēng)景、主題文字、提示操作按鈕等內(nèi)容。截取原畫(huà)中的一部分進(jìn)行處理然后作為背景圖，字體的設(shè)計(jì)采用硬朗的廣告體，與背景配色有一定區(qū)別來(lái)凸顯主題文字。右下角是提示用戶操作的按鈕，尺寸是符合人類(lèi)手指點(diǎn)擊的。色彩也與背景區(qū)別開(kāi)來(lái)，如圖6所示。

2.介紹分界面的設(shè)計(jì)。這部分界面指的是地名、文化元素、人物等的介紹界面，通過(guò)手指的點(diǎn)擊來(lái)打開(kāi)，搭配旁白和音效的講解，聲情并茂，與背景的色彩區(qū)別較大，采用白色的底色來(lái)呈現(xiàn)，文字部分運(yùn)用黑色，與背景形成鮮明對(duì)比，方便用戶觀看。界面的邊框設(shè)計(jì)采用當(dāng)?shù)鼐哂写硇缘拇皯舻窕ǖ臉邮阶鳛樵兀挥械赜蛱厣Ｍ瑫r(shí)，界面的設(shè)計(jì)風(fēng)格配合了背景原畫(huà)的年畫(huà)的畫(huà)風(fēng)，鼠標(biāo)與手繪板繪制結(jié)合的設(shè)計(jì)方法。界面位置在手機(jī)屏幕中央，并沒(méi)有占用所有的屏幕，而是采用局部顯示的方法。避免太大太滿用戶看了以后視覺(jué)疲勞，如圖7所示。

3.結(jié)束界面的設(shè)計(jì)。這個(gè)界面是最后的結(jié)尾頁(yè)的部分，內(nèi)容包括了“再玩一次”、“分享給好友”、“去義烏看看”三個(gè)按鈕。“再玩一次”是可以讓用戶再次進(jìn)入開(kāi)始的界面重新進(jìn)入互動(dòng)作品中;“分享給好友”是有一個(gè)白色的小小的箭頭指引，讓用戶可以點(diǎn)擊右上角的按鈕進(jìn)行分享這個(gè)廣告，但是由于小箭頭面積很小，如果對(duì)整個(gè)界面不進(jìn)行降低明度的處理，小箭頭會(huì)凸顯不出來(lái)，所以，運(yùn)用一個(gè)黑色的半透明矩形色塊將屏幕明度降低，突出分享小箭頭，再加一點(diǎn)動(dòng)效，讓其更加醒目;“去義烏看看”按鈕則是鏈接了義烏市的官網(wǎng)，或是讓用戶長(zhǎng)按義烏的二維碼進(jìn)一步了解這座城市的點(diǎn)點(diǎn)滴滴。

結(jié)語(yǔ)

在這個(gè)信息化的大時(shí)代背景下，數(shù)字媒體藝術(shù)和技術(shù)已是主流，iH5互動(dòng)廣告作為方便開(kāi)發(fā)和制作新型廣告形式，正在受廣大用戶的喜愛(ài)，其有趣的交互體驗(yàn)、較低的媒介成本、傳播的便捷性等特性都展示著它強(qiáng)大的競(jìng)爭(zhēng)力。對(duì)于城市形象的互動(dòng)設(shè)計(jì)和一般品牌企業(yè)的互動(dòng)廣告設(shè)計(jì)還是有所區(qū)別的，本身這是一個(gè)龐大的綜合體系設(shè)計(jì)目標(biāo)，包含的內(nèi)容很多，需要在這之中提取、凝練廣告精華是非常重要的[7]。成功的作品是能帶給用戶多元化的互動(dòng)方式、調(diào)動(dòng)起用戶的情感、震撼的視聽(tīng)感受的。相信未來(lái)會(huì)有更多的、更好玩、更富有藝術(shù)和商業(yè)價(jià)值的iH5互動(dòng)廣告被設(shè)計(jì)出來(lái)。

參考文獻(xiàn)

[1]張耿，項(xiàng)洋.移動(dòng)端游戲互動(dòng)式H5廣告設(shè)計(jì)研究[J].設(shè)計(jì)，2020（03）：131-133.

[2]姜霄，王艷敏，王以華城市智慧出行求助服務(wù)設(shè)計(jì)中用戶控制感研究——以杭州為例[J].設(shè)計(jì)，2019（24）：118-120.

[3]驢韜，方欽樸.交互設(shè)計(jì)要素情感研究[J].設(shè)計(jì)，2020（09）：103-105.

[4]趙曉玲，王瑾.平面廣“告中的互動(dòng)性設(shè)計(jì)研究[J].設(shè)計(jì)，2020（07）：10-111.

[5]耿陽(yáng)，趙煒濃.融合參與觀察的用戶界面設(shè)計(jì)方法研究[J].設(shè)計(jì)，2020（09）：44-46.

[6]劉浩然人機(jī)交互界面的平面視覺(jué)圖像色彩增強(qiáng)系統(tǒng)設(shè)計(jì)[J].現(xiàn)代電子技術(shù)，2019（08）：77-81.

[7]孫雅君H5技術(shù)支持下“魅力威海”文化創(chuàng)意的設(shè)計(jì)與呈現(xiàn)研究[J].通訊世界，2020（01）：277-278.