H5技術(shù)在設(shè)計類專業(yè)中的運用與市場推廣

羊雙全

摘 要 信息技術(shù)的快速發(fā)展，使互聯(lián)網(wǎng)、移動設(shè)備與多媒體藝術(shù)設(shè)計的聯(lián)合發(fā)展成為了一種必然的趨勢。而H5就是移動互聯(lián)網(wǎng)端發(fā)展過程中中的優(yōu)秀表現(xiàn)，它不僅具備豐富的交互動效，而且還能夠給人帶來強烈的視覺與感官體驗。本文主要闡述了H5技術(shù)的優(yōu)勢，并對H5技術(shù)在設(shè)計類專業(yè)中的運用以及市場推廣作了相關(guān)的研究以及分析。為網(wǎng)絡(luò)化時代發(fā)展背景下，多媒體藝術(shù)與網(wǎng)絡(luò)設(shè)備設(shè)計的完整統(tǒng)一以及質(zhì)的飛躍打下一定的基礎(chǔ)。

關(guān)鍵詞 H5技術(shù) 設(shè)計類專業(yè) 運用與市場推廣

中圖分類號：F123文獻標識碼：A

互聯(lián)網(wǎng)的運用使人們獲取信息的渠道也變得更加廣泛，但如何讓設(shè)計的方式滿足人們的需求，這也是在改造過程中設(shè)計人員需要構(gòu)思與更新的一系列問題。H5頁面設(shè)計利用H5技術(shù)的優(yōu)勢使設(shè)計的網(wǎng)頁內(nèi)容更加豐富，方式多變，這樣就能夠不斷滿足用戶的個性化追求。

1 H5技術(shù)的優(yōu)勢

H5是超文本通用語言的第五代版本，即萬維網(wǎng)的核心語言標準通用標記語言下的一個應(yīng)用超文本標語言（HTML）的第五次重大修改。H5技術(shù)屬于一種高級的網(wǎng)頁技術(shù)，作為一項移動輕應(yīng)用，它已經(jīng)逐漸滲透到人們生活之中。人們?nèi)粘Ｉ钪兴吹降囊苿佣说膭討B(tài)邀請函、名片以及交互式廣告、小游戲等都是由H5技術(shù)制造的。并且H5技術(shù)具有如下優(yōu)勢：第一：用戶在使用過程中不用考慮手機的機型以及適配性等問題，其頁面可以在任意一個兼容的系統(tǒng)中打開，實現(xiàn)跨平臺的播放操作。同時H5技術(shù)可以采用直接瀏覽模式，能夠在網(wǎng)頁上進行修改與安裝，不用像應(yīng)用軟件一樣還需要進行下載存儲。這對于內(nèi)存有限以及網(wǎng)絡(luò)狀態(tài)時常不佳的手機用戶而言，不僅可以保持離線存儲的模式，花費較少的流量體驗非凡的視聽效果，而且還能夠進一步減輕服務(wù)器的負擔，加快瀏覽的速度，避免出現(xiàn)卡機等現(xiàn)象。第二：H5技術(shù)擁有強大的繪圖功能以及三維效果。一方面，H5技術(shù)所制作出來的圖片能夠直接在移動端瀏覽，并且還可以實行網(wǎng)頁交互模式，非常方便，用戶可以隨意在H5中插入自己喜歡的圖片、視頻或者音頻等;另一方面，H5技術(shù)能夠使制作出來的場景更加絢麗，能夠增強動畫或者游戲的三維渲染效果。第三;H5的制作成本相對于應(yīng)用軟件而言更低，并且操作簡單方便，用戶還能夠根據(jù)自己的興趣愛好自主選擇設(shè)計的頁面，這也為產(chǎn)品的市場推廣打下了堅實的基礎(chǔ)。

2 H5技術(shù)在設(shè)計類專業(yè)中的運用

2.1交互設(shè)計的運用

所有的網(wǎng)絡(luò)廣告都有一個區(qū)別于其他廣告的特性，就是交互性。H5技術(shù)使廣告的互動頁面設(shè)計的操作更加方便快捷，并且廣告設(shè)計的主題非常突出。在H5的廣告設(shè)計過程中，設(shè)計類專業(yè)的成員需要將不同元素的表達方式進行歸納分類，在操作按鈕的設(shè)計方面，還應(yīng)該將關(guān)鍵的元素以及功能按鈕突出顯示，這樣不僅方便用戶的使用，而且還能夠更加快速地進入瀏覽界面。H5廣告的互動性體現(xiàn)在兩個方面，一個是人際互動，另一個是人機互動。一般情況下，H5廣告會在微信朋友圈的平臺上進行發(fā)布，通過公眾號或微信群的群發(fā)以及其他各種便利的渠道進行廣泛地推廣，讓更多的人能夠進行閱讀以及反饋。并且H5技術(shù)能夠為交互式廣告的設(shè)計提供強大地發(fā)展動力，它改變了傳統(tǒng)廣告單一靜態(tài)的互動形式，新穎動態(tài)的交互形式不僅能夠提高廣告的創(chuàng)意空間，而且能為用戶帶來多方面的感官體驗，這種技術(shù)與藝術(shù)的結(jié)合形式能夠讓交互式廣告的藝術(shù)價值與美感都得到全面地提升。H5交互式廣告設(shè)計具有如下的一些特性，如：情感性，在設(shè)計過程中可以運用場景化或故事化的設(shè)計，通過事物之間的關(guān)聯(lián)性來達到廣告的創(chuàng)造意圖。西班牙的奧美廣告就是采用趣味游戲的形式，將小男孩登上太空最終實現(xiàn)夢想的故事情節(jié)引入廣告設(shè)計中，這樣用戶不僅可以在移動用戶端控制劇情的發(fā)展方向，引發(fā)情感共鳴，而且還能夠讓人們更加深入地體驗廣告宣傳的公益性。

2.2動態(tài)元素的運用

相對于紙質(zhì)邀請函而言，目前，電子邀請函以其方便與快捷性正在逐步滲透人們廣泛使用的工具中。雖然電子邀請函中所涉及的圖文信息相對較少，但是它能夠給人們帶來耳目一新的感覺，電子邀請函在設(shè)計的過程中可以涵蓋各種絢麗的圖片，以及多種GIF動態(tài)插圖等，這樣更容易吸引人們的注意力。而H5邀請函所包含的表現(xiàn)形式更加豐富多彩，它能夠以動態(tài)的形式插入多種元素，如：游戲、視頻以及聲音等。同時還能夠增加邀請函的信息覆蓋量，將多達二三十頁的復(fù)合型材料疊加到原本的一張圖中。H5邀請函結(jié)合了豐富的動態(tài)元素以及超鏈接的運用，在當前的品牌推廣以及產(chǎn)品營銷等方面都取得了優(yōu)秀的傳播成績。如：2016年天貓雙十一的“穿越宇宙的邀請函”就是利用了H5技術(shù)的重力感應(yīng)，為人們呈現(xiàn)出了“一鏡到底”的酷炫視覺效果。這種變幻無窮的邀請函不僅能引發(fā)人們的共鳴與關(guān)注，而且還能夠為品牌樹立一個獨特的形象。H5技術(shù)在邀請函的設(shè)計方面通過情感、趣味以及個人化的表達方式，為人們展現(xiàn)出了絢麗的配色設(shè)計以及豐富的視覺流程。不過為了不影響整體制作的美觀，用H5技術(shù)制作邀請函時，要盡可能地避免頁面之間的起承轉(zhuǎn)合，避免數(shù)據(jù)信息量過大，這樣能夠有效減少跳轉(zhuǎn)頁面，提升整個頁面設(shè)計的質(zhì)量與美感。

2.3媒體融合的運用

所謂媒體融合不單單是一種新媒體帶動傳統(tǒng)媒體的發(fā)展，而是將多種媒體資源進行有效地整合，實現(xiàn)多方位的有效互補功能。如，將平面的招標媒體、H5廣告以及相關(guān)網(wǎng)站的線上線下營銷活動進行媒體融合，就能夠?qū)崿F(xiàn)廣告媒體的最大化資源互補形式。在H5技術(shù)快速發(fā)展的情況下，許多人力資源部的招聘信息都是利用H5技術(shù)進行創(chuàng)作與傳播的。為了擴大企業(yè)招聘信息的傳播途徑，就可以將報紙、廣告以及網(wǎng)站等媒體資源進行有效整合，這樣投放范圍的覆蓋面積更加廣闊，企業(yè)的招聘信息也能夠取得很好宣傳效果。不過H5在投放的過程中也需要有目標，就是擁有既定的客戶投放群體，因此在內(nèi)容的設(shè)計方面需要讓用戶清楚地知道設(shè)計的用途。對于招聘信息的設(shè)計需要讓招聘者能夠清楚地了解企業(yè)所要招聘的人才需求，而對于一些項目策劃活動而言，就可以有效運用電視影片以及節(jié)日類等用戶熟悉和了解的內(nèi)容，這樣不僅能夠吸引用戶的眼球，而且還能夠加強特定用戶的情感共鳴。如騰訊新聞發(fā)布的系列H5《傳統(tǒng)節(jié)氣》，不僅能滿足人們想知道二十四節(jié)氣習(xí)俗的需求，而且在一定程度上為中國傳統(tǒng)文化的有效傳播作出了貢獻。

3 H5技術(shù)在設(shè)計類專業(yè)中的市場推廣

3.1內(nèi)容營銷

互聯(lián)網(wǎng)技術(shù)的快速發(fā)展讓人們能夠利用手機的移動客戶端隨時隨地地發(fā)表自己的想法以及心情，H5技術(shù)的方便快捷符合人們生活的運作模式，因此，它能夠成為日常生活中經(jīng)常使用的一項工具，但是評定一件事物的好壞完全是由個人心情的好壞來決定的，所以，H5技術(shù)要想在市場中占據(jù)主導(dǎo)份額，就需要成為一個能夠用好故事吸引受眾的工具，H5技術(shù)所涉及的信息內(nèi)容應(yīng)該更加豐富，更加具有情感性，能夠引發(fā)用戶的共鳴。

3.2技術(shù)支持

目前，H5技術(shù)已經(jīng)在多方面實現(xiàn)了有效地推廣，H5技術(shù)可以利用的良好途徑包括：各種新聞客戶端以及微信、微博等網(wǎng)頁瀏覽器，通過新聞頭條、朋友圈狀態(tài)以及好友微博等讓用戶發(fā)現(xiàn)各種有趣新穎的網(wǎng)頁設(shè)計頁面，再利用廣泛的用戶資源進行傳播和發(fā)散。不過為了在傳播的過程中保證整個H5的后臺操作程序加載速度方便快捷，在實施H5頁面時還需要依靠一定地技術(shù)支持來完善各種設(shè)置，同時還可以運用新媒體的標簽，將有關(guān)H5的各種視頻以及音頻文件插入各種不同的網(wǎng)頁中，這樣能夠讓更多人快速了解H5的技術(shù)優(yōu)勢。

4總結(jié)

H5技術(shù)的廣泛使用給頁面設(shè)計的整體布局以及感官帶來了全面的創(chuàng)新，而且運用H5技術(shù)進行邀請函、交互式廣告等方面的制作，不僅能夠幫助企業(yè)、品牌以及產(chǎn)品樹立獨特新穎的形象，給用戶帶來不一樣的體驗與感受，加深用戶的印象，而且還能夠加強宣傳的網(wǎng)絡(luò)效果，使H5技術(shù)的藝術(shù)價值以及商業(yè)價值都得到有效地發(fā)揮。

參考文獻

[1] 邰振強，唐兆偉，陳思豪等.基于H5與JQ的Windows模擬考核系統(tǒng)Agent設(shè)計實現(xiàn)[J].齊齊哈爾大學(xué)學(xué)報（自然科學(xué)版），2017，33（06）：20-23.

[2] 鄢霞.H5頁面設(shè)計的新媒體創(chuàng)新發(fā)展應(yīng)用[J].青年記者，2017（20）：91-92.

[3] 何瑩，謝芝勛，羅思思等.H5亞型和N6亞型禽流感病毒二重RT-PCR檢測方法的建立[J].動物醫(yī)學(xué)進展，2017，38（03）：1-4.

[4] 康家玉，王旭，曹舉等.基于PR控制的新型單相H5光伏并網(wǎng)逆變器的仿真研究[J].電器與能效管理技術(shù)，2017（09）：67-73.

[5] 蔡伯峰，顧繼優(yōu).用JQuery Mobile框架設(shè)計制作基于H5的手機版網(wǎng)站[J].福建電腦，2018，34（01）：58-59.

[6] 黃金銘.淺析H5在兩會報道中的運用——以“兩會喊你加入群聊”為例[J].東南傳播，2017（04）：10-11.