<nav id="agqco"></nav>
<menu id="agqco"></menu>
<xmp id="agqco">
<nav id="agqco"></nav>
  • 總部上海
    業務分部
    北京|上海|廣州|大同 太原|廈門|蘭州|西寧 成都
    H5是什么?5分鐘就能全面了解什么是html5頁面

    H5突然火了。

    通過微信和朋友圈的快速發展,H5靠著無需下載、即點即用的屬性迅速上位,一躍變成炙手可熱的小鮮肉。相比電視、雜志、戶外廣告等傳統媒體呈逐年下降的趨勢,品牌營銷在數字和移動方面的投入在逐年上升,而且,在所有渠道預算中移動技術的投入增長最快,遠遠高于其他渠道的增長。移動營銷已是大勢所趨。

    那么,H5是什么技術?

    H5是什么意思?H5,是HTML5的簡稱,它就是一種高級網頁技術。

    html與html5有什么區別?

    只不過大家普遍接受的那個網頁技術版本是HTML4,而這個版本是在1997年發布的。相比H4,H5有更多的交互和功能,最大的優點之一是在移動設備上支持多媒體。

    還是沒聽懂?

    這么說吧,我們平時看到那些邀請函、幻燈片、小游戲……都是H5網頁,它跟我們平時上網看到的那些網頁本質上沒有任何區別。

    H5能做什么?

    這邊我大致做了三個分類:

    1、品牌傳播:形式一般為品牌發布、總結報告、公益傳遞、人事招聘;

    2、活動推廣:形式一般為賀卡邀請、游戲互動、答題有獎;

    3、產品展示:形式一般為故事講述、性能展示。

    下面跟大家談談這3種類型的H5頁面:

    品牌傳播型H5——等同于一個品牌的微官網,更傾向于品牌形象塑造,向用戶傳達品牌的精神態度。在內容上倡導一種態度、一個主旨,在設計上則需要運用符合品牌氣質的視覺語言,讓用戶對品牌留下深刻印象。比如,品牌傳播之品牌發布型、品牌傳播之總結報告型、品牌傳播之公益傳遞型、品牌傳播之人事招募型等。

    如何設計品牌傳播型H5頁面?

    關于內容

    適當借力——尋找共鳴

    熱點結合——業務板塊完美融合

    關于視覺

    整體——氛圍渲染

    細節刻畫——人物、元素配合

    H5案例欣賞舉例:

    品牌傳播之品牌發布型

    騰訊——生命之下,想象之上
    1.png

    活動推廣型H5——活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播,行成爆炸式的傳播效應?;顒油茝V之賀卡邀請型、活動推廣之游戲互動型、活動推廣之答題有禮型等。

    如何設計活動推廣型H5頁面?

    關于內容

    標題黨——做個妥妥的標題黨,先到碗里來再說

    參與感——門檻低易參與,內容引發共鳴,利益驅使轉發

    關于視覺

    細節與統一——復古擬物的視覺風格,那字體就不能過于現代;幽默調侃的調調,那文案措辭就不能過于嚴肅;打情感內容牌的,動效就不能過于花哨。

    沖擊性——最好閃瞎你的鈦金狗眼,讓用戶忍不住帶著“矮油不錯,這個頁面有點diao噢”的心情點擊分享。

    舉例:

    活動推廣之答題有禮型

    途風旅游網:時光倒回9年,你會選擇怎樣人生?
    2.png

    產品展示型H5——聚焦于產品功能介紹,運用H5的互動技術優勢盡情展示產品特性,吸引用戶買買買。比如,產品展示之故事講述型、產品展示之性能展示型等。

    如何設計產品展示型H5頁面?

    關于內容

    講個好故事——引起共鳴

    差異化展示——尋找產品個性和調性

    關于視覺

    整體——清晰、簡潔

    細節刻畫——產品為主,性能刻畫

    舉例:

    產品展示之故事講述型

    一封來自1947年的明信片
    3.png

    H5頁面從形式上和內容上如何設計走入人心?

    形式上——

    1、幻燈片式:適用于頻繁、小型的需求。 例如:定期發布的內容,幾乎零預算;結合熱點的營銷,周期極短。

    2、交互式動畫:制作周期和成本比較高,需要提前規劃。優質的H5大約在兩周到4周左右,也有可能更長。適用于例如: 中小型活動/品牌事件的傳播;大型活動/品牌事件的傳播。

    3、功能型:輕交互重功能的功能型H5制作周期較短、成本也不高,成功的關鍵不在于酷炫的交互,而在于用戶需求的把握以及后續的運營。適用于例如: 品牌賬號的粉絲運營。

    H5能在你心中留多久?

    根據騰訊今年發布的《移動頁面用戶行為報告》提出的幾個數據,可以給到大家一些參考:

    H5頁面熱度一般只能持續兩天 ;

    加載超過5秒就會有74%的用戶離開頁面;

    中午12點和晚上10點是頁面訪問的高峰期;

    用戶大部分(89.9%)喜歡上下滑動或右點擊,只有10.1%會左點擊;

    層級越深流失越多,在第五頁的時候只剩下一半不到(48.2%);

    平均分享率12.68%。

    怎樣和H5保持熱戀關系?

    內容上——

    1、故事化:不論H5的形式如何多變,有價值的內容始終是第一位的。在有限的篇幅里,學會講故事,引發用戶的情感共鳴,將對內容的傳播形成極大的推動。

    2、場景化:H5的設置中,融入如寫字樓、地鐵站這些場景,一是讓用戶能在參與中,找到熟悉感以更容易的接受里面的信息,二是也是最重要的,場景承載的品牌信息,能在用戶過后在某個特定場所里,喚起他們的認知,從而加深用戶對品牌的印象。

    3、強互動:加入互動機制,能讓用戶進一步感知體驗H5宣傳的品牌產品,提高對產品的購買欲望。

    4、參與感:結合產品本身的特性以及用戶的喜好進行參與機制的設置。

    5、社交性:要讓品牌能傳播得更遠還需在H5上融入社交性,借助用戶的社交關系鏈傳播。社交需求是用戶存在社交媒體的核心,通常用戶會通過談資、幫助、比 較、炫耀、窺視.....

    與好友維持或促進社交關系。因此,在H5設計中,應融入了這些能讓用戶分享的動機。

    說了這么多H5頁面種類,那么如何制作H5頁面?

    現在制作H5頁面其實已經很簡單了,不懂技術的也能制作,可以利用在線的H5制作網站,具體可以參考:2017年最新最全的html5開發工具推薦(含國內和國外)

    在制作之前,先要確認一下H5頁面的主題目標,你是想制作活動運營型H5頁面?還是想制作品牌宣傳型H5頁面?是想制作產品介紹型H5頁面?還是想制作總結報告型H5頁面?

    當確認好主題后,就是準備素材,包括圖片,音樂,文案等。當素材準備好后,就可以開始制作H5頁面了。

    然而一個H5頁面設計品質的出眾與否,會直接影響其傳播效果,甚至影響到用戶對品牌形象的認知。

    在這里總結出以下的設計要點:

    1、緊跟熱點,利用話題效應

    想要你的H5專題頁一夜爆紅,第一時間抓住熱點并火速上線,借機進行品牌宣傳也不失為一條捷徑。

    2、講個好故事,引發情感共鳴

    不論H5的形式如何多變,有價值的內容始終是第一位的。在有限的篇幅里,學會講故事,引發用戶的情感共鳴,將對內容的傳播形成極大的推動。

    3、細節與統一

    要成就高品質的用戶體驗,必須考慮到細節與整體的統一性。復古擬物的視覺風格,那字體就不能過于現代;幽默調侃的調調,那文案措辭就不能過于嚴肅;打情感內容牌的,動效就不能過于花哨。

    4、合理運用技術,打造流暢的互動體驗

    隨著技術的發展,如今的HTML5擁有眾多出彩的特性,讓我們能輕松實現繪圖、擦除、搖一搖、重力感應、擦除、3D視圖等互動效果。相較于塞入各種不同種類的動效導致頁面混亂臃腫,我們更提倡的是合理運用技術 ,用心專注于為用戶提供流暢的互動體驗。具體的制作教程,請看:6個適合初學者的零基礎html5入門自學教程推薦。

    結語

    隨著手機硬件的升級、HTML5技術的發展以及微信平臺的開放,HTML5的跨平臺、低成本、快迭代等優勢被進一步凸顯,這對身處于移動互聯網大潮的企業主、品牌、設計師和開發者來說,都將是一個最好的時代。未來必將涌現更多優秀的H5頁面,讓我們拭目以待。


    提交活動需求

    女士 先生
    您的需求
    場地 搭建 布置 宴會 禮儀 模特 演藝 媒體 會議 交通 禮品
    其他需求
    免費獲取方案
    今天已有 2918 位客戶獲取了免費方案
    河北快三