隨著HTML5技術(shù)的成熟孤紧，H5頁(yè)面越來(lái)越受大家歡迎坛芽，各種H5頁(yè)面層出不窮翼抠，那如何才能讓自己的H5頁(yè)面在眾多頁(yè)面中脫穎而出呢阴颖？幾個(gè)H5頁(yè)面的設(shè)計(jì)技巧分享給大家量愧，希望對(duì)大家有所幫助帅矗。
1.故事化
H5本身是一個(gè)信息承載和傳達(dá)的工具浑此。講故事是讓信息快速傳達(dá)的最好方式滞详。你要將品牌故事融入H5，借助H5的技術(shù)優(yōu)勢(shì)將品牌價(jià)值文化理念傳達(dá)給用戶蒲犬，讓其永久的記住你原叮。
如圖以成長(zhǎng)記錄的形式來(lái)進(jìn)行產(chǎn)品的推廣：
H5融入場(chǎng)景一是讓用戶能在參與中奋隶，找到熟悉感以更容易的接受里面的信息达布，而是場(chǎng)景承載的品牌信息逾冬，用戶在特定場(chǎng)景里身腻，喚起他們的認(rèn)知嘀趟，從而加深用戶對(duì)品牌的印象。
比如下圖滴滴打車?yán)谩凹影唷眻?chǎng)景推廣品牌：
2.強(qiáng)互動(dòng)
強(qiáng)互動(dòng)是將H5頁(yè)面做的比較有趣的最好的一種方法。場(chǎng)景現(xiàn)實(shí)化媒佣、加入互動(dòng)機(jī)制默伍，能讓用戶進(jìn)一步感知體驗(yàn)H5宣傳的品牌產(chǎn)品，提高對(duì)產(chǎn)品的購(gòu)買欲望炼蹦，并且增加了樂(lè)趣掐隐。
如圖為蘇泊爾空氣凈化器的H5頁(yè)面瑟枫，交互的方式讓用戶既進(jìn)一步認(rèn)知產(chǎn)品又提高樂(lè)趣：
3.參與感
真正能和讓用戶更好的理解品牌是讓用戶在參與進(jìn)來(lái)深入感知，擁有能讓用戶參與體驗(yàn)的H5會(huì)更加有趣和讓用戶喜愛(ài)允悦。你可以結(jié)合產(chǎn)品本身的特性以及用戶的喜好進(jìn)行參與機(jī)制的設(shè)置隙弛。
如圖優(yōu)衣庫(kù)“為自己的一天搭配”全闷，希望用戶通過(guò)H5頁(yè)面的搭配來(lái)傳遞給用戶優(yōu)衣庫(kù)的品牌萍启、產(chǎn)品信息：
4.社交性
H5頁(yè)面最重要的一個(gè)特性是傳播。要讓品牌能傳播的更遠(yuǎn)還需在H5上融入社交性勘纯，借助用戶的社交關(guān)系鏈傳播淫奔。通產(chǎn)用戶會(huì)通過(guò)談資唆迁、幫助竞穷、比較来庭、炫耀肴盏、窺視……與好友維持或促進(jìn)社交關(guān)系菜皂。因此在H5設(shè)計(jì)中，應(yīng)融入了這些能讓用戶分享的動(dòng)機(jī)恍飘。而且社交對(duì)H5頁(yè)面是一個(gè)黃金方法榨崩，利用好社交性，推廣力度章母、傳播范圍會(huì)成倍增長(zhǎng)母蛛。
5.話題性
想要你的H5專題頁(yè)一夜爆紅，第一時(shí)間抓住熱點(diǎn)并火速上線乳怎，借機(jī)進(jìn)行品牌宣傳也不失為一條捷徑彩郊。注意借勢(shì)營(yíng)銷具有很強(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)效的前提是保證流暢性抑进。有些流暢性可以通過(guò)動(dòng)效進(jìn)行掩蓋信殊，但有的時(shí)候動(dòng)效可能會(huì)影響畫面的流暢性，所以產(chǎn)品經(jīng)理要根據(jù)具體情況具體對(duì)待跷车。
