隨著HTML5技術(shù)的成熟，H5頁面越來越受大家歡迎，各種H5頁面層出不窮，那如何才能讓自己的H5頁面在眾多頁面中脫穎而出呢？幾個(gè)H5頁面的設(shè)計(jì)技巧分享給大家，希望對(duì)大家有所幫助。
1.故事化
H5本身是一個(gè)信息承載和傳達(dá)的工具。講故事是讓信息快速傳達(dá)的最好方式。你要將品牌故事融入H5，借助H5的技術(shù)優(yōu)勢(shì)將品牌價(jià)值文化理念傳達(dá)給用戶，讓其永久的記住你。
如圖以成長記錄的形式來進(jìn)行產(chǎn)品的推廣：
H5融入場景一是讓用戶能在參與中，找到熟悉感以更容易的接受里面的信息，而是場景承載的品牌信息，用戶在特定場景里，喚起他們的認(rèn)知，從而加深用戶對(duì)品牌的印象。
比如下圖滴滴打車?yán)谩凹影唷眻鼍巴茝V品牌：
2.強(qiáng)互動(dòng)
強(qiáng)互動(dòng)是將H5頁面做的比較有趣的最好的一種方法。場景現(xiàn)實(shí)化、加入互動(dòng)機(jī)制，能讓用戶進(jìn)一步感知體驗(yàn)H5宣傳的品牌產(chǎn)品，提高對(duì)產(chǎn)品的購買欲望，并且增加了樂趣。
如圖為蘇泊爾空氣凈化器的H5頁面，交互的方式讓用戶既進(jìn)一步認(rèn)知產(chǎn)品又提高樂趣：
3.參與感
真正能和讓用戶更好的理解品牌是讓用戶在參與進(jìn)來深入感知，擁有能讓用戶參與體驗(yàn)的H5會(huì)更加有趣和讓用戶喜愛。你可以結(jié)合產(chǎn)品本身的特性以及用戶的喜好進(jìn)行參與機(jī)制的設(shè)置。
如圖優(yōu)衣庫“為自己的一天搭配”，希望用戶通過H5頁面的搭配來傳遞給用戶優(yōu)衣庫的品牌、產(chǎn)品信息：
4.社交性
H5頁面最重要的一個(gè)特性是傳播。要讓品牌能傳播的更遠(yuǎn)還需在H5上融入社交性，借助用戶的社交關(guān)系鏈傳播。通產(chǎn)用戶會(huì)通過談資、幫助、比較、炫耀、窺視……與好友維持或促進(jìn)社交關(guān)系。因此在H5設(shè)計(jì)中，應(yīng)融入了這些能讓用戶分享的動(dòng)機(jī)。而且社交對(duì)H5頁面是一個(gè)黃金方法，利用好社交性，推廣力度、傳播范圍會(huì)成倍增長。
5.話題性
想要你的H5專題頁一夜爆紅，第一時(shí)間抓住熱點(diǎn)并火速上線，借機(jī)進(jìn)行品牌宣傳也不失為一條捷徑。注意借勢(shì)營銷具有很強(qiáng)時(shí)效性。要分清主次用熱點(diǎn)去推廣產(chǎn)品。
如圖為天天P圖結(jié)合當(dāng)時(shí)的熱播劇《武媚娘》的界面：
6.流暢性
隨著技術(shù)的發(fā)展，如今的HTML5擁有眾多出彩的特性，讓我們能輕松實(shí)現(xiàn)繪圖、擦除、搖一搖、重力感應(yīng)、吹起、3D視圖等互動(dòng)效果。但是切記實(shí)現(xiàn)動(dòng)效的前提是保證流暢性。有些流暢性可以通過動(dòng)效進(jìn)行掩蓋，但有的時(shí)候動(dòng)效可能會(huì)影響畫面的流暢性，所以產(chǎn)品經(jīng)理要根據(jù)具體情況具體對(duì)待。
