這幾年，H5 很火，刷爆朋友圈的 H5 層出不窮，比如，軍裝照、一元畫廊等等。許多營銷總監張口就說，給我來一個 H5。但是，Ｈ5究竟是什麼，你真的清楚嗎？

H5 是什麼

知乎上關于“ H5 是什麼?”的讨論非常火爆，共有 123 個回答。

其中“H5 是一種用在微信上的 PPT”的回答，個人感覺甚妙：

雖有抖機靈之嫌，概括也不夠嚴謹（因為 H5 的功能遠比 PPT 強大，比如重力感應等高級特效，PPT就沒法實現），但能讓小白在最短的時間意會 H5 的基本概念，就不失為一個好回答。

但要深入理解相關概念，我們還是得追本溯源。H5 是 HTML5 的簡稱，HTML5 又是 Hyper Text Markup Language（超文本标記語言）的簡稱（這不重要，請無視）。

有點代碼常識的童鞋應該都知道，HTML 語言是用來做網頁的。随便找個網站，點擊右鍵查看源代碼，就能看到該網頁相關的 HTML 語言代碼。

一個網站是怎麼呈現到我們面前的呢？建網站的童鞋用 HTML 語言寫出上面圖右的代碼，經過浏覽器的識别轉化，生成了上圖左中的網站，呈現在我們面前。舉個簡單的例子，網頁标簽顯示的标題“百度一下，你就知道”對應的 HTML 語言就是：

所以，說到底，HTML 語言就是用來建網站的，第一版 HTML 語言 1993 年就發布了，第 5 版 HTML 語言，也就是 HTML5，發布于 2014 年，并不是什麼新鮮概念，和大數據、雲計算、區塊鍊比起來，簡直老得掉渣，那麼，為什麼 H5 會突然大火起來呢？

這就不得不提到移動互聯網技術的興起，和微信的火爆。HTML5 技術是老東西，但它在移動端的應用卻是近幾年才展開的，而且因為微信的火爆，使得 H5 的營銷價值空前，得到巨大關注也是自然而然的事。

所以，如果根據 H5 的主要應用場景給一個定義，個人覺得“H5 是一種主要在移動端展示和傳播的頁面”。

H5 的特點

H5 頁面包括文字、圖片、音樂、視頻、鍊接等多種形式，其豐富的控件、靈活的動畫特效、強大的交互應用和數據分析功能，使其能高速低價地實現信息傳播，且非常适合通過手機來展示、分享。也因其靈活性高、開發成本低、制作周期短的特性使其成為當下微信營銷的不二利器。

H5 的類型

H5 的分類方式很多，這裡介紹其中的一種，按照逼格（這裡指技術的先進性）的高低，将 H5 分為 3 類：

1.簡單活動類

簡單活動類 H5 主要包括紅包、抽獎、投票、砍價、拼團等常見的活動類 H5，這類 H5 模式和技術都非常簡單，但因為由直接利益驅動，傳播力較強。

普通紅包（來源：人人秀官網）

口令紅包（來源：人人秀官網）

簽到抽獎（來源：人人秀官網）

砍價拼團（來源：人人秀官網）

2.中級趣味類

中級趣味類 H5 主要包括小遊戲和答題測試，趣味性強，技術上的實現難度也會稍大一些。

答題測試（來源：人人秀官網）

小遊戲（來源：人人秀官網）

3.高級動效類

高級動效類 H5 主要包括快閃、一鏡到底、VR 全景、模拟界面、重力感應等等。創新感極強，技術實現難度也是最大的。

1）快閃

快閃是指在短時間内，快速閃過大量文字或圖片信息的一種視頻制作方式。國内使用快閃進行營銷的鼻祖應該算是蘋果。

2016 年 9 月，蘋果在 iPhoe 7 發布會結束後，采用快閃的形式，将 2 小時的發布會濃縮成了 107 秒的快閃短視頻，引發了巨大的傳播和讨論，此後，國内使用快閃形式進行營銷的品牌層出不窮，但在質量上很少有能和蘋果媲美的，“蘋果風”的快閃，形式簡潔，但細節非常考究。

同樣的形式在 H5 中也可以應用，隻是把橫版視頻變成了豎版而已。

掃描二維碼，感受快閃型 H5

2）一鏡到底

一鏡到底是指看上去幾乎不用剪輯，沒有切換，一個鏡頭從頭到尾，完整記錄整個事件的發生過程。

這種藝術手法源于電影産業，最早出現在美國波普藝術家安迪·沃霍爾拍攝的紀錄片《帝國大廈》中。1964年， 他将攝影機對着帝國大廈毫不變換機位、景别地拍了485分鐘。

紀錄片《帝國大廈》截圖

第87屆奧斯卡金像獎最佳影片《鳥人》也是一部經典的一鏡到底的影片：

電影《鳥人》截圖

掃描二維碼，感受一鏡到底型 H5：

3）VR 全景

VR 全景是指利用計算機生成一個全方位的虛拟現實環境，許多科幻電影都用到了 VR 技術進行拍攝。

《黑客帝國》是較早嘗試虛拟現實技術的電影：

《阿凡達》是經典的虛拟現實技術拍攝的電影：

VR 全景技術在商業上地應用最典型的是房地産行業，網上看樣闆房地服務就是利用了 VR 全景技術。

掃描二維碼，感受虛拟現實型 H5：

4）模拟界面

模拟界面，顧名思義，就是模拟不同的移動端界面，進行場景的構建和情節的開展。因為是移動端特有的創意，所以，目前的創意度和傳播度都非常高。

網易制作了大量的模拟界面類 H5，趣味性非常強：

5）重力感應

重力感應，是指對地球的重力方向的感知，目前大部分的手機上都安裝有重力感應芯片，所以，當我們浏覽重力感應類 H5 時，隻要稍微移動或旋轉手機，手機界面就會發生相應的變化，趣味性也非常強，自己感受下：

H5 制作常用軟件

關于 H5 的制作，市面上已經有很多軟件了，我們撇開國外的不談（因為界面對我們并不友好），國内 H5 制作軟件大緻可以分為 2 類：

第一類是傻瓜型 H5 制作軟件，可視化界面，隻需要簡單拖拽，組織素材就可以制作 H5，不過缺點在于功能不完善，制作效果也有不足。這類軟件主要有人人秀、易企秀、MAKA、搜狐快站、百度 H5 等。

第二類是專業型 H5 制作軟件，也是可視化界面，但操作難度相對較大，功能更全面，需要一定的學習才能掌握。目前國内比較典型的隻有 iH5 和意派 360，其中 iH5 的功能相對更為強大，對微信的兼容性也更好。

比較人性化的是，iH5 和意派的官網上都提供了非常系統的教程視頻，打開官網即可免費觀看：

除此以外，iH5 和意派的官網上還提供了簽約設計師欄目，隻需簡單注冊，就可以通過平台直接接單。

關于 H5 制作軟件，站長之家上有一篇比較全面的測評文章，從多媒體功能、高級應用、微信應用和用戶友好度四個指标，對市面上主流的 30 款 H5 制作軟件進行了打分，大家可以點擊閱讀原文進行浏覽。

小結

H5 是一種主要在移動端展示和傳播的頁面。

H5 頁面包括文字、圖片、音樂、視頻、鍊接等多種形式，具有強交互、移動端、制作簡單、成本較低等特點。

H5 的分類方式很多，按照逼格（這裡指技術的先進性）的高低，可以将 H5 分為 3 類：簡單活動類、中級趣味類、高級動效類。

H5 的制作軟件分為 2 類：1.傻瓜型 H5 制作軟件，主要有人人秀、易企秀、MAKA、搜狐快站、百度 H5 等；2.專業型 H5 制作軟件，隻有 iH5 和意派 360。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!