H5是什么？H5頁面的類型都有哪些

H5是什么？

H5是指第5代Html（超文本標(biāo)記語言），也指用H5語言制作的一切數(shù)字產(chǎn)品。H5具體又分為Html（結(jié)構(gòu)）、CSS（樣式）和JavaScript（行為）。  H5是一系列制作網(wǎng)頁互動效果的技術(shù)集合，即H5就是移動端的web頁面。由于微信迅速的崛起，H5語言編寫的界面和微信瀏覽器比較兼容，借由微信移動社交平臺，走進(jìn)大家的視野，也開始越來越火。

H5頁面的設(shè)計思路和方法

1.活動運營型H5

為活動推廣運營而打造的H5頁面是最常見的類型，形式多變，包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態(tài)廣告圖片傳播不同，如今的H5活動運營頁需要有更強的互動、更高質(zhì)量、更具話題性的設(shè)計來促成用戶分享傳播。從進(jìn)入微信H5頁面到最后落地到品牌App內(nèi)部，如何設(shè)計一套合適的引流路線也頗為重要。大眾點評為電影《狂怒》設(shè)計的推廣頁便深諳此道。復(fù)古擬物風(fēng)格的視覺設(shè)計讓人眼前一亮，富有質(zhì)感的舊票根、忽閃的霓虹燈，配以幽默的動畫與音效，恨不得每個選項都點一遍。圍繞“選擇”這個品牌關(guān)鍵詞，用引人入勝的測試題讓用戶把人生當(dāng)作大片來選擇，選到最后一題引出“大眾點評選座看電影”，一鍵直達(dá)App購票頁面。即使明知是軟文也忍不住帶著“矮油不錯，這個頁面有點diao噢”的心情點擊了分享。

2.品牌宣傳型

不同于講究時效性的活動運營頁，品牌宣傳型H5頁面等同于一個品牌的微官網(wǎng)，更傾向于品牌形象塑造，向用戶傳達(dá)品牌的精神態(tài)度。在設(shè)計上需要運用符合品牌氣質(zhì)的視覺語言，讓用戶對品牌留下深刻印象。伴隨著浪漫的鋼琴旋律，《首草先生的情書》以一位男士的口吻娓娓道來在成長歷程中對妻子的愛與愧疚，最后引出“首草——滋陰圣品，愛妻首選”的宣傳語。設(shè)計上采用回憶般的黑白色調(diào)，簡單的照片加文字，配以花瓣掉落、水面漣漪等輕動畫，渲染出唯美優(yōu)雅的氣氛。“首草”這個全新的高端養(yǎng)生草藥品牌，用H5打出了一副走心的情感牌，讓用戶記住了“半生只為你”的愛妻品牌形象。

3.產(chǎn)品介紹型

聚焦于產(chǎn)品功能介紹，運用H5的互動技術(shù)優(yōu)勢盡情展示產(chǎn)品特性，吸引用戶買買買。這一類型的H5頁面多見于汽車品牌，LEXUS NX是其中的優(yōu)秀代表案例。精致和極富質(zhì)感的建模、細(xì)膩的光效營造出酷炫的視覺風(fēng)格。用手指跟隨光的軌跡切割畫面揭開序幕，通過合理優(yōu)雅的觸碰、摩擦、滑動等互動形式帶領(lǐng)用戶一同探索產(chǎn)品的7大特性，宏觀和微觀都照顧周全

4.總結(jié)報告型

自從支付寶的十年賬單引發(fā)熱議后，各大企業(yè)的年終總結(jié)現(xiàn)也熱衷于用H5技術(shù)實現(xiàn)，優(yōu)秀的互動體驗令原本乏味的總結(jié)報告有趣生動了起來。《京東的十大任性》用10張橫屏頁面講述了京東在前幾年十大成就，視覺設(shè)計上采用簡潔的扁平風(fēng)插畫，加入紙面質(zhì)感形成復(fù)古卡片拼貼感。不同頁面間通過手指滑動實現(xiàn)流暢的視差滾動效果，最后還有劉總這個小彩蛋。

5.賀卡邀請函型

每個人都喜歡收到賀卡或邀請的感覺，抓住這一心理，品牌推出了各種H5頁面形式的禮物、賀卡、邀請函，通過提升用戶好感度來潛移默化地達(dá)到品牌宣傳的目的，在邀請的同時也展示了自己的產(chǎn)品與品牌，可以一舉多得！

6.職位招聘型

為了展現(xiàn)自己獨特的企業(yè)文化，招聘型H5已然成為企業(yè)應(yīng)該好好利用的擴(kuò)音器。快速分享QQ，微信，微博等，求職者一鍵報名，效果數(shù)據(jù)隨時監(jiān)控。（講故事、員工代言、簡單直白）

7.故事講述型

講個好故事，引發(fā)情感共鳴，不論H5頁面的形式如何多變，有價值的內(nèi)容始終是第一位的。在有限的篇幅里，學(xué)會講故事，引發(fā)用戶的情感共鳴，將對內(nèi)容的傳播形成極大的推動。

8.教學(xué)教程型

H5的翻頁形式，特別適合步驟式的教程表現(xiàn)。一步一頁，通過滑動這種交互形式，可以加深對于步驟的理解和認(rèn)識，有著出人意料的學(xué)習(xí)效果。

上海藍(lán)暢信息技術(shù)有限公司成功為多家世界財富500強企業(yè)以及其他著名品牌提供優(yōu)質(zhì)服務(wù)，是您靠譜的互聯(lián)網(wǎng)開發(fā)供應(yīng)商。

服務(wù)客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無錫、廈門、重慶、西安等大中型城市及地區(qū)    主要業(yè)務(wù)：H5開發(fā)，H5外包，微信開發(fā)外包，網(wǎng)站開發(fā)外包，H5游戲開發(fā)，小程序開發(fā)外包，APP開發(fā)外包，視頻后期制作等