HTML5在品牌設計傳播中的應用

1、HTML5在品牌設計傳播中的應用李 芮關(guān)鍵詞：品牌；HTML5；移動互聯(lián)網(wǎng)；功能分類；表現(xiàn)形式隨著移動通信技術(shù)的強勁發(fā)展，品牌企業(yè)的宣傳推廣方式發(fā)生著巨大的變化，開始運用多種媒體進行品牌推廣的探索。尤其是HTML5標準正式發(fā)布之后，借助微信平臺強大的傳播力，越來越多的品牌HTML5專題頁面展現(xiàn)在大眾視野之中。HTML5以多種媒體相結(jié)合的形態(tài)發(fā)布信息，通過趣味的互動體驗讓用戶參與其中，為品牌的互聯(lián)網(wǎng)傳播提供了全新的框架和平臺，也為品牌設計帶來了新方法與新思路。一、H5頁面的功能分類目前，H5頁面的樣式眾多，從功能與設計目標來看，H5專題頁在品牌設計傳播中主要有以下四大類型：1.品牌宣傳型這一類型

2、H5頁面重點在于向用戶展示品牌整體氣質(zhì)，塑造品牌形象。運用符合品牌氣質(zhì)的外顯性視、聽、聲元素相結(jié)合的形式，將品牌的定位、個性、故事等內(nèi)涵性元素展現(xiàn)出來，向觀者傳達品牌理念，打造沉浸式體驗使觀者感同身受，起到宣傳品牌的目的。逸鮮小閣一例，伴隨著悠揚的背景音樂，通過用戶對當下?lián)頂D、繁忙現(xiàn)狀排斥的情感與該品牌所追求的新鮮與安逸的生活態(tài)度相對比，將品牌形象和所要傳達的理念娓娓道來，用H5拉近品牌與顧客間的距離，使顧客從心底出發(fā)去感知逸鮮小閣的品牌形象。2.商品展示型商品展示型頁面顧名思義就是用于展示介紹商品的詳細內(nèi)容，將商品的特性通過平面圖文、三維立體等功能方式展現(xiàn)出來。這一類型的H5頁面多見于汽車品

3、牌，如MINI Cooper品牌所設計的The MINI Story Mobile。采用3D全景模式展示MINICooper的汽車展廳，用導航菜單延展出所要展示的產(chǎn)品和品牌故事。頁面風格上簡潔大氣，配色上明朗活潑，創(chuàng)造身臨其境的視覺感受，突出MINI Cooper品牌目前年輕、高端化的產(chǎn)品定位。3.活動運營型活動運營型H5屬于最常見的頁面類型，主要是品牌為其舉辦的活動進行推廣營銷而設計的，其中包括活動邀請函、圖文信息、頁面游戲、測試問卷等形式。這類H5頁面風格一般根據(jù)具體活動內(nèi)容而定，符合整體氣氛，形式多種多樣、天馬行空。4.總結(jié)報告型該類型頁面多見于品牌年度總結(jié)。以用戶與該軟件的關(guān)聯(lián)事件和使

4、用數(shù)據(jù)為紐帶，拉近品牌與用戶間的距離。淘寶出品的3萬億感謝有你，以3萬億;為起點，逐步展開數(shù)字的由來，從接觸使用淘寶軟件開始，到第一次網(wǎng)上購物等多個時間點，將用戶吸引入與自身有關(guān)的時間軸。用一系列與用戶息息相關(guān)的數(shù)據(jù)，描繪出用戶的淘寶購物歷程，再配以扁平與寫實相結(jié)合的設計風格，用簡潔風趣的方式滿足用戶與他人分享展示購物數(shù)據(jù)的心理。二、H5頁面的表現(xiàn)形式HTML5頁面將圖片、文字、視頻、音頻、互動游戲等多種媒體形態(tài)融合一起，從用戶角度出發(fā)，針對不同品牌、產(chǎn)品、活動等選擇不同的表現(xiàn)形式。具體有以下四種表現(xiàn)形式。1.圖文介紹型圖文介紹型H5頁面屬于最基礎、最典型的表現(xiàn)形式。以沃爾沃汽車的尊沃認證二手

5、車H5專題頁為例。首先用一組圖片的形式說明中國二手汽車交易市場的混亂現(xiàn)象，繼而用另一組圖文展現(xiàn)沃爾沃汽車突破傳統(tǒng)的交易方式，為車主帶來最放心安全的二手車交易，突出以人為尊;的品牌理念，與第一部分形成鮮明的對比，很好的宣傳了品牌。2.情景體驗型這一類型頁面旨在為用戶還原打造真實場景，使用戶在無意識情況下融入品牌商所創(chuàng)造的氛圍當中，將生活中真實的情境遷移到H5頁面，吸引用戶的注意力，增加用戶對這一系列活動的熟悉感，減少陌生感和生硬感，使用戶增加對品牌的良好印象。例如，星巴克品牌發(fā)布的瑪奇朵學校專題頁面（如圖1）。整個頁面采用學校授課的形式，加上透視屏幕;的效果，分4步講述制作一杯星巴克瑪奇朵咖啡。

6、每步一個具體問題，點擊屏幕可透過屏幕看到答案，然后點選答案，進入下一課。其還原了學校中上課考試畢業(yè)的常見場景，參與形式新穎且難度較低，使用戶能夠主動參與到這個情境中，利用用戶的獵奇心理，引發(fā)用戶的好奇心與探知欲。視覺上以咖啡色為主色調(diào)，淡綠色為背景色，呼應星巴克品牌顏色，畫質(zhì)精良，處處體現(xiàn)星巴克的品質(zhì)，為宣傳品牌起到了一定作用。除了上述模擬真實場景的體驗類H5外，還有一種仿照微信聊天模式的H5也非常常見。如網(wǎng)易出品的世上樂土朝鮮STYLE、小米公司出品的大屏手機就是小米MAX群等都是模仿微信聊天的界面與對話模式，利用用戶與他人進行有目標有目的、邏輯嚴謹、風趣幽默的對話，穿插配以視頻、圖片、文字

7、等形式，一步步引領(lǐng)用戶去了解產(chǎn)品特點。3.游戲參與型在現(xiàn)代競爭日益加快的情境下，游戲化具有很大的吸引力，開始被越來越多的應用。游戲化的思維;的核心是將游戲元素應用到非游戲的活動中，通過讓瀏覽過程更加有趣而使得項目產(chǎn)生吸引力。它具有更好的傳播效果，使受眾體驗到愉快的氛圍，并能夠輕松、深刻的記憶其中的信息。天貓超市請客節(jié)一例，采用雙屏互動游戲模式，卡通漫畫風格，通過點擊屏幕上變身請客俠;字樣，生成一個二維碼，邀請身邊人通過微信掃描二維碼，即可雙機體驗請客俠;的耍帥技、搞笑技、吃貨技、打拼技、柔情技五種技巧游戲。游戲化設計可以為H5頁面提供更加有趣、吸引人的宣傳方式，使品牌與用戶建立長期的緊密聯(lián)系，

8、強化與用戶的關(guān)系。4.感應互動型這類H5頁面以新穎的交互方式形成獨有的特色，使用戶沉浸于有趣的互動體驗之中，為用戶留下深刻印象，加深對品牌活動的了解。天貓出品的2015世界為誰傾倒頁面（如圖2），運用HTML5的重力感應功能，每次切換屏幕變換一個國家，突出世界各地的特色。用新穎有趣的交互方式充分調(diào)動用戶的參與度，使用戶印象深刻，促使用戶進行分享傳播，從而宣傳品牌活動。三、H5頁面在品牌傳播中的優(yōu)勢和應用價值相對報紙、廣播等傳統(tǒng)媒體來說，互聯(lián)網(wǎng)在品牌傳播方面的優(yōu)勢顯而易見，尤其是移動互聯(lián)網(wǎng)所帶來的影響力是前所未有的。HTML5頁面正是利用移動互聯(lián)網(wǎng)的特色在品牌傳播中發(fā)揮著其自身優(yōu)勢和價值。H5頁

9、面在品牌傳播中的優(yōu)勢如下：（1）社交化傳播渠道。HTML5頁面的流行，除了依靠移動設備和技術(shù)的普及，更多的是由于微信、微博等移動端應用的發(fā)展。移動端的信息傳播不僅更加便捷，在時間上用戶有相對的自由性，空間上也具有全球性和無限性。通過公眾號的形式，將各品牌所要發(fā)布的內(nèi)容傳遞給用戶，用戶再通過分享形成二次、多次傳播，從而使品牌信息得到推廣。通過這一類的社交渠道，不僅拉近了彼此間的距離，也加深了用戶對品牌的興趣和了解程度，吸引消費者與品牌產(chǎn)生更多良性互動，促進品牌成長。（2）跨平臺傳播。H5頁面不僅可以同時兼容PC端與移動端、安卓與IOS等系統(tǒng)，還能借助智能設備掃描二維碼的方式有效地串聯(lián)起各個媒體，

10、與傳統(tǒng)媒體相結(jié)合，實現(xiàn)線上與線下的有效結(jié)合，將碎片化的品牌資源進行整合。傳統(tǒng)媒體的權(quán)威性和影響力，以及新媒體特有的互動性和便捷性，形成優(yōu)勢互補，為用戶帶來一個全方位的品牌體驗，吸引更多的用戶增加用戶黏性，并使其轉(zhuǎn)化為對該品牌的信任和依賴，最后形成購買力。（3）沉浸式體驗。Html5頁面能夠使人們沉浸在品牌營造的情境之中。通過更生動形象的視覺和聽覺刺激來吸引用戶的注意力，并且結(jié)合有趣的互動體驗帶給用戶控制感和現(xiàn)場感，在不知不覺中達成品牌產(chǎn)品的傳播目的。（4）開發(fā)推廣簡單。H5的開發(fā)技術(shù)與APP、網(wǎng)站等比較而言相對簡單，成本較低，研發(fā)周期也較短。維護更新也只需在網(wǎng)站即可，不需要更新客戶端。這就給了

11、中小品牌更多的機會和空間宣傳品牌。品牌的塑造與推廣是通過有效傳播實現(xiàn)的。而HTML5作為一種傳播優(yōu)勢明顯的全球性媒體傳播平臺，為企業(yè)的品牌傳播開辟了一片新天地，有利于企業(yè)提高品牌傳播的速度、質(zhì)量和效果。H5頁面在品牌傳播中的應用價值如下：（1）建設完善品牌傳播的渠道。H5最主要就是基于微信傳播，而微信正是用戶數(shù)量龐大、優(yōu)勢突出的傳播途徑。品牌可以通過整合運用各類平臺，實現(xiàn)對企業(yè)品牌立體化、跨媒體化的傳播，使消費者對品牌有全新的認知，提高對品牌的認可度、接受度。（2）提升品牌忠誠度。H5頁面發(fā)揮獨有的優(yōu)勢，能夠建立和鞏固消費者與品牌間的信賴關(guān)系，有效提升用戶對品牌的忠誠度。無論是沉浸式的視聽體驗還是游戲化的交互方式，讓用戶主動將品牌信息與好友進行分享交流，從而使品牌與用戶建立長期的緊密聯(lián)系，強化與用戶的關(guān)系。（3）促進品牌創(chuàng)新。品牌的創(chuàng)新推動著品牌的塑造與發(fā)展。H5作為一種優(yōu)勢明顯的新平臺，為品牌的創(chuàng)新提供了更多的可能性，有利于品牌在表現(xiàn)方式、傳播途徑等方面的創(chuàng)新，提升品牌質(zhì)量。四、結(jié)語現(xiàn)在越來越多的品牌將宣傳陣地從傳統(tǒng)媒體轉(zhuǎn)移到移動互聯(lián)網(wǎng)平臺。移動端 Html5頁面可以通過品牌、產(chǎn)品和用戶之間的雙向互動為品牌提供新的設計傳播渠道，通過創(chuàng)新傳播方式，塑造個性化傳播優(yōu)勢，為企業(yè)品牌傳