
文章插圖
文章插圖
這幾年,H5 很火,刷爆朋友圈的 H5 層出不窮,比如,軍裝照、一元畫廊等等 。許多營銷總監(jiān)張口就說,給我來一個 H5 。但是,H5究竟是什么,你真的清楚嗎?
H5 是什么
知乎上關于“ H5 是什么?”的討論非常火爆,共有 123 個回答 。

文章插圖
文章插圖
其中“H5 是一種用在微信上的 PPT”的回答,個人感覺甚妙:

文章插圖
文章插圖
雖有抖機靈之嫌,概括也不夠嚴謹(因為 H5 的功能遠比 PPT 強大,比如重力感應等高級特效,PPT就沒法實現(xiàn)),但能讓小白在最短的時間意會 H5 的基本概念,就不失為一個好回答 。
但要深入理解相關概念,我們還是得追本溯源 。H5 是 HTML5 的簡稱,HTML5 又是 Hyper Text Markup Language(超文本標記語言)的簡稱(這不重要,請無視) 。
有點代碼常識的童鞋應該都知道,HTML 語言是用來做網頁的 。隨便找個網站,點擊右鍵查看源代碼,就能看到該網頁相關的 HTML 語言代碼 。

文章插圖
文章插圖
一個網站是怎么呈現(xiàn)到我們面前的呢?建網站的童鞋用 HTML 語言寫出上面圖右的代碼,經過瀏覽器的識別轉化,生成了上圖左中的網站,呈現(xiàn)在我們面前 。舉個簡單的例子,網頁標簽顯示的標題“百度一下,你就知道”對應的 HTML 語言就是:

文章插圖
文章插圖
所以,說到底,HTML 語言就是用來建網站的,第一版 HTML 語言 1993 年就發(fā)布了,第 5 版 HTML 語言,也就是 HTML5,發(fā)布于 2014 年,并不是什么新鮮概念,和大數(shù)據(jù)、云計算、區(qū)塊鏈比起來,簡直老得掉渣,那么,為什么 H5 會突然大火起來呢?
這就不得不提到移動互聯(lián)網技術的興起,和微信的火爆 。HTML5 技術是老東西,但它在移動端的應用卻是近幾年才展開的,而且因為微信的火爆,使得 H5 的營銷價值空前,得到巨大關注也是自然而然的事 。
所以,如果根據(jù) H5 的主要應用場景給一個定義,個人覺得“H5 是一種主要在移動端展示和傳播的頁面” 。
H5 的特點
H5 頁面包括文字、圖片、音樂、視頻、鏈接等多種形式,其豐富的控件、靈活的動畫特效、強大的交互應用和數(shù)據(jù)分析功能,使其能高速低價地實現(xiàn)信息傳播,且非常適合通過手機來展示、分享 。也因其靈活性高、開發(fā)成本低、制作周期短的特性使其成為當下微信營銷的不二利器 。

文章插圖
文章插圖
H5 的類型
H5 的分類方式很多,這里介紹其中的一種,按照逼格(這里指技術的先進性)的高低,將 H5 分為 3 類:
1.簡單活動類
簡單活動類 H5 主要包括紅包、抽獎、投票、砍價、拼團等常見的活動類 H5,這類 H5 模式和技術都非常簡單,但因為由直接利益驅動,傳播力較強 。
普通紅包(來源:人人秀官網)
口令紅包(來源:人人秀官網)
簽到抽獎(來源:人人秀官網)
砍價拼團(來源:人人秀官網)
2.中級趣味類
中級趣味類 H5 主要包括小游戲和答題測試,趣味性強,技術上的實現(xiàn)難度也會稍大一些 。
答題測試(來源:人人秀官網)
小游戲(來源:人人秀官網)
3.高級動效類
高級動效類 H5 主要包括快閃、一鏡到底、VR 全景、模擬界面、重力感應等等 。創(chuàng)新感極強,技術實現(xiàn)難度也是最大的 。
1)快閃
快閃是指在短時間內,快速閃過大量文字或圖片信息的一種視頻制作方式 。國內使用快閃進行營銷的鼻祖應該算是蘋果 。
2016 年 9 月,蘋果在 iPhoe 7 發(fā)布會結束后,采用快閃的形式,將 2 小時的發(fā)布會濃縮成了 107 秒的快閃短視頻,引發(fā)了巨大的傳播和討論,此后,國內使用快閃形式進行營銷的品牌層出不窮,但在質量上很少有能和蘋果媲美的,“蘋果風”的快閃,形式簡潔,但細節(jié)非常考究 。
同樣的形式在 H5 中也可以應用,只是把橫版視頻變成了豎版而已 。
掃描二維碼,感受快閃型 H5
2)一鏡到底
一鏡到底是指看上去幾乎不用剪輯,沒有切換,一個鏡頭從頭到尾,完整記錄整個事件的發(fā)生過程 。
這種藝術手法源于電影產業(yè),最早出現(xiàn)在美國波普藝術家安迪·沃霍爾拍攝的紀錄片《帝國大廈》中 。1964年,他將攝影機對著帝國大廈毫不變換機位、景別地拍了485分鐘 。

文章插圖
文章插圖
紀錄片《帝國大廈》截圖
第87屆奧斯卡金像獎最佳影片《鳥人》也是一部經典的一鏡到底的影片:

文章插圖
文章插圖
電影《鳥人》截圖
掃描二維碼,感受一鏡到底型 H5:
3)VR 全景
VR 全景是指利用計算機生成一個全方位的虛擬現(xiàn)實環(huán)境,許多科幻電影都用到了 VR 技術進行拍攝 。
《黑客帝國》是較早嘗試虛擬現(xiàn)實技術的電影:

文章插圖
文章插圖
《阿凡達》是經典的虛擬現(xiàn)實技術拍攝的電影:

文章插圖
文章插圖
VR 全景技術在商業(yè)上地應用最典型的是房地產行業(yè),網上看樣板房地服務就是利用了 VR 全景技術 。
掃描二維碼,感受虛擬現(xiàn)實型 H5:
4)模擬界面
模擬界面,顧名思義,就是模擬不同的移動端界面,進行場景的構建和情節(jié)的開展 。因為是移動端特有的創(chuàng)意,所以,目前的創(chuàng)意度和傳播度都非常高 。

文章插圖
文章插圖
網易制作了大量的模擬界面類 H5,趣味性非常強:
5)重力感應
重力感應,是指對地球的重力方向的感知,目前大部分的手機上都安裝有重力感應芯片,所以,當我們?yōu)g覽重力感應類 H5 時,只要稍微移動或旋轉手機,手機界面就會發(fā)生相應的變化,趣味性也非常強,自己感受下:
H5 制作常用軟件
關于 H5 的制作,市面上已經有很多軟件了,我們撇開國外的不談(因為界面對我們并不友好),國內 H5 制作軟件大致可以分為 2 類:
第一類是傻瓜型 H5 制作軟件,可視化界面,只需要簡單拖拽,組織素材就可以制作 H5,不過缺點在于功能不完善,制作效果也有不足 。這類軟件主要有人人秀、易企秀、MAKA、搜狐快站、百度 H5 等 。
第二類是專業(yè)型 H5 制作軟件,也是可視化界面,但操作難度相對較大,功能更全面,需要一定的學習才能掌握 。目前國內比較典型的只有 iH5 和意派 360,其中 iH5 的功能相對更為強大,對微信的兼容性也更好 。
比較人性化的是,iH5 和意派的官網上都提供了非常系統(tǒng)的教程視頻,打開官網即可免費觀看:

文章插圖
文章插圖
除此以外,iH5 和意派的官網上還提供了簽約設計師欄目,只需簡單注冊,就可以通過平臺直接接單 。

文章插圖
文章插圖
關于 H5 制作軟件,站長之家上有一篇比較全面的測評文章,從多媒體功能、高級應用、微信應用和用戶友好度四個指標,對市面上主流的 30 款 H5 制作軟件進行了打分,大家可以點擊閱讀原文進行瀏覽 。
小結
H5 是一種主要在移動端展示和傳播的頁面 。
H5 頁面包括文字、圖片、音樂、視頻、鏈接等多種形式,具有強交互、移動端、制作簡單、成本較低等特點 。
H5 的分類方式很多,按照逼格(這里指技術的先進性)的高低,可以將 H5 分為 3 類:簡單活動類、中級趣味類、高級動效類 。
【h5是什么意思 h5是什么】H5 的制作軟件分為 2 類:1.傻瓜型 H5 制作軟件,主要有人人秀、易企秀、MAKA、搜狐快站、百度 H5 等;2.專業(yè)型 H5 制作軟件,只有 iH5 和意派 360 。
- 皇帝成長計劃2清明踏青怎么玩
- 八字中食神是什么意思 八字中食神多是什么意思?
- 八字大是什么意思?不好是不是?
- 八字偏財多的女命 八字偏財多是什么,偏財多的人怎么樣?
- 怎么包包子的手法:包子太滑、不好包是什么原因?
- c2m模式是什么意思啊:大家怎么看C2M這種商業(yè)模式?
- 帕美拉,保時捷“panamera”這個品牌的含義是什么?
- 八字 周易 看八字合婚 男女八字合婚?【八字合婚什么意思】
- 六爻預測里的星煞“謀星”是什么意思? 星煞表
- 2020年6月24早上5點06分是什么時辰,八字五行是什么,姓黃男孩取名字?/地支藏干斷婚姻
