淺談移動(dòng)互聯(lián)網(wǎng)時(shí)代H5頁(yè)面的設(shè)計(jì)與營(yíng)銷

林志偉

摘要：隨著我國(guó)的互聯(lián)網(wǎng)事業(yè)的和移動(dòng)網(wǎng)絡(luò)的迅速發(fā)展，在互聯(lián)網(wǎng)上的各種頁(yè)面設(shè)計(jì)也是層出不窮。現(xiàn)在最為顯著地發(fā)展是移動(dòng)互聯(lián)網(wǎng)時(shí)代H5頁(yè)面的設(shè)計(jì)，移動(dòng)互聯(lián)網(wǎng)時(shí)代H5頁(yè)面一經(jīng)問世，就獲得了人們的廣泛關(guān)注，并且依托于騰訊旗下的軟件的廣大的傳播途徑，取得了顯著的效果。本篇文章是依托于騰訊旗下的軟件在傳播移動(dòng)互聯(lián)網(wǎng)時(shí)代H5頁(yè)面的過(guò)程中，有哪些優(yōu)點(diǎn)與不足，為了以后在移動(dòng)互聯(lián)網(wǎng)時(shí)代更好的運(yùn)用H5頁(yè)面奠定了一定的基礎(chǔ)。

關(guān)鍵詞：移動(dòng)互聯(lián)網(wǎng)時(shí)代;HTML5;頁(yè)面設(shè)計(jì)

中圖分類號(hào)：G206-F 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2019）06-0156-01

一、引言

“H5”是HTML5的簡(jiǎn)稱。HTML5的頁(yè)面游戲誕生之初是一個(gè)非常簡(jiǎn)單的一個(gè)頁(yè)面小游戲，但是問世后卻取得了驚人的效果，點(diǎn)擊量已經(jīng)超過(guò)了億次，市場(chǎng)價(jià)估值也是超過(guò)了近千萬(wàn)元。之后有出現(xiàn)了改良版后的HTML5的頁(yè)面游戲，更是火爆了全民。人們都在空間，博客，朋友圈中曬出自己的HTML5的頁(yè)面游戲的圖片。一時(shí)間HTML5的頁(yè)面游戲火遍了人們的視野，也算是正式進(jìn)入了人們的眼球。

二、什么是HTML5

HTML5是指HTML的第五代產(chǎn)品，也可以說(shuō)是HTML的第五次改革與創(chuàng)新，可以這樣說(shuō)HTML5是HTML這種產(chǎn)品的最新研修成果是一個(gè)更高端更完美的移動(dòng)互聯(lián)網(wǎng)時(shí)代頁(yè)面。以下是HTML5較HTML4更加突出的特點(diǎn)：

1.本地緩存功能。本地緩存功能是HTML5特有的一種功能，這個(gè)功能可以自動(dòng)的離線下載或緩存HTML5的頁(yè)面，讓我們可以實(shí)現(xiàn)在沒有網(wǎng)絡(luò)的情況下也能進(jìn)入到頁(yè)面，使用戶體驗(yàn)時(shí)更加的不受時(shí)間和空間的限制，隨時(shí)隨地都可以登陸。

2.立體概念。HTML5頁(yè)面是可以支持立體概念的網(wǎng)頁(yè)，并不是單單的是平面網(wǎng)頁(yè)的設(shè)計(jì)，在設(shè)計(jì)時(shí)，可以增加一點(diǎn)立體感，使HTML5頁(yè)面內(nèi)容更加真實(shí)和逼真，給用戶一種新奇的感受。

3.多媒體。HTML5頁(yè)面是可以支持多媒體的網(wǎng)頁(yè)。例如如果用戶想要在HTML5頁(yè)面中插入自己喜愛的音樂或者視頻內(nèi)容，HTML5頁(yè)面都是支持操作的。這樣每個(gè)人的HTML5頁(yè)面都是獨(dú)一無(wú)二的，可以根據(jù)自己的喜愛隨意變換，制作出屬于自己的HTML5頁(yè)面。

三、HTML5頁(yè)面的設(shè)計(jì)

1.商品展示的設(shè)計(jì)。這一類的HTML5的頁(yè)面的重點(diǎn)是為了介紹商品的主要功能和特點(diǎn)。汽車品牌的展示是這一個(gè)最經(jīng)常的一個(gè)案例，可以通過(guò)HTML5的的頁(yè)面技術(shù)是全方位的描繪出這個(gè)汽車品牌的優(yōu)點(diǎn)。

2.運(yùn)營(yíng)的設(shè)計(jì)。這一類的HTML5的頁(yè)面的重點(diǎn)是為了推廣活動(dòng)從而進(jìn)行營(yíng)銷的手段?；顒?dòng)推廣是是這一個(gè)最經(jīng)常的一個(gè)案例。還包括了活動(dòng)主題的邀請(qǐng)函，問卷調(diào)查等。HTML5的頁(yè)面也從單一的靜態(tài)頁(yè)面上升到了動(dòng)態(tài)的頁(yè)面。

3.品牌推廣的設(shè)計(jì)。這一類的HTML5的頁(yè)面的重點(diǎn)是為了推廣自家的品牌而進(jìn)行的設(shè)計(jì)。隨著網(wǎng)絡(luò)世界的興起，每家品牌也緊緊地抓住了這個(gè)重大的機(jī)遇，紛紛嘗試網(wǎng)絡(luò)銷售。這就涉及到了他們自家官網(wǎng)的的建設(shè)，HTML5的頁(yè)面是每個(gè)品牌最常親賴的一種頁(yè)面的設(shè)計(jì)。

四、HTML5在營(yíng)銷方面的建議

1.加強(qiáng)設(shè)計(jì)中的故事化情節(jié)。H5作為一個(gè)承載和傳達(dá)信息的工具，要想在營(yíng)銷之中取得較大的成功，必須加快信息的傳播速度，使得信息能夠更加形象而生動(dòng)地進(jìn)行傳播，因此，采取故事化的方式是最好的方式。通過(guò)這樣的方式可以將產(chǎn)品的設(shè)計(jì)理念有效地表現(xiàn)出來(lái)，并通過(guò)H5的界面將其傳達(dá)給使用者，這將會(huì)加深產(chǎn)品的受歡迎程度，加大銷售量。

2.重視設(shè)計(jì)中的情懷。在網(wǎng)絡(luò)信息化的時(shí)代，使得人們的獲取信息的途徑不斷地增加，信息量也極大地?cái)U(kuò)大。但是對(duì)于信息的分享價(jià)值，每個(gè)人都有自己標(biāo)準(zhǔn)，而情懷恰是其中的重要內(nèi)容。這也是使得設(shè)計(jì)中的故事可以有效地傳遞給使用者的前提條件，因此，注重設(shè)計(jì)中的情懷對(duì)于H5的營(yíng)銷具有直接影響。

3.加強(qiáng)與使用者之間的交流。隨著微信的使用范圍與使用頻率不斷地增加，因此，這成為朋友之間進(jìn)行交流的一個(gè)平臺(tái)，而在朋友圈之間分享的內(nèi)容也會(huì)在朋友圈中引起較大的反響。因此，通過(guò)加強(qiáng)H5互動(dòng)性，將會(huì)激發(fā)用戶的參與度。比如，在H5中有一個(gè)“檢測(cè)你的賬號(hào)價(jià)值”的欄目，恰恰是利用了使用者的心理，不僅增強(qiáng)用戶的參與感，還會(huì)增強(qiáng)用戶之間的互動(dòng)，擴(kuò)大營(yíng)銷效應(yīng)。

五、結(jié)語(yǔ)

移動(dòng)互聯(lián)網(wǎng)時(shí)代H5頁(yè)面的興起是我們這個(gè)新時(shí)代的產(chǎn)物，移動(dòng)互聯(lián)網(wǎng)時(shí)代H5頁(yè)面的出現(xiàn)給我們的生活增加了原來(lái)沒有的色彩，這也是對(duì)HTML一系列產(chǎn)品的更新?lián)Q代。我們看到了HTML5對(duì)我們生活的影響也能感受到日益發(fā)展下去HTML5頁(yè)面的詬病，現(xiàn)在我們還需要去做的就是繼續(xù)改良HTML5的頁(yè)面，不斷地促進(jìn)HTML5頁(yè)面在銷售中取得成功。

指導(dǎo)教師：王穎