<var id="bl1tb"><th id="bl1tb"><ins id="bl1tb"></ins></th></var>

      <p id="bl1tb"><address id="bl1tb"></address></p><delect id="bl1tb"></delect>

        <output id="bl1tb"><address id="bl1tb"></address></output><ol id="bl1tb"><address id="bl1tb"></address></ol>
        總部上海
        業務分部
        北京|上海|廣州|大同 太原|廈門|蘭州|西寧 成都
        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 位客戶獲取了免費方案
        一本到高清在线视频观,日本一本大道免费高清国产,日本不卡免费一区二区,亚洲欧美中文日韩视频,欧美人成视频