來源：iH5（ID：ih5_cn）
RT，請看類型分析和典型案例：
1、個性化測試
基本邏輯：
輸入姓名/其他個人信息 → 隨機出帶姓名變量的結(jié)果 → 分享
核心思想：
測試結(jié)果一般帶有個人屬性并有炫耀性質(zhì)（社交貨幣？），以此激勵分享。比如“XXX是靠臉吃飯的”“XXX的新年簽是好運”“XXX的顏值完敗鳳姐”。
常見形式：
算命、新年簽、運勢、職業(yè)、星座、智商、顏值...
典型例子：
《快來算算你是靠什么吃飯的》 PV 5000萬
可能很多人看到過
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
2、炫耀/惡搞DIY
基本邏輯：
輸入個人信息 → 生成個性頁面 → 分享
核心思想：
生成的頁面為用戶常見頁面的高仿，產(chǎn)生虛實難辨的錯位感，比如朋友圈主頁、新聞頁面、雜志封面，甚至一些更具體的，結(jié)婚證、學生證等等，一般內(nèi)容為惡搞或者炫耀，以此激勵分享。比如生成自己的明星朋友圈，生成自己的頭條新聞等等。最近比較流行的結(jié)婚證、保時捷配單都屬于這一類。
常見形式：
生成朋友圈、新聞報道、對話記錄、結(jié)婚證、幾個億的合同...
典型例子：
《網(wǎng)易新聞 我要上頭條》 PV5000萬（官方對外公布數(shù)據(jù)，據(jù)說是2天內(nèi)）
刷屏典型。
揭秘：網(wǎng)易H5“我要上頭條”是如何在2天內(nèi)達成5000萬傳播的？：http://m.hygysj.cn/articles/21270.html
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
3、人物敘事
基本邏輯：
展現(xiàn)人物生活/工作片段 → 讓讀者感動、無地自容 → 分享支持
核心思想：
一般是不太受關注的勞動工作者或公務人員，展現(xiàn)平凡而細微的人物生活，文案正能量、具煽動性，以此激發(fā)分享。（題外話：個人不贊同用這種方式來營銷，但H5確實比較適合做這種人物敘事，不像視頻那么重，更方便分享和傳播，對很多人物攝影愛好者來說是個很好的表達方式。）
典型案例：
《如果可以，讓我們一起回家》 PV 500萬
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
4、輕游戲
基本邏輯：
直接玩 → 獲得成就 → 分享
核心思想：
一次游戲時長不超過1分鐘，規(guī)則簡單，難度大，但隨著熟練度提升難度快速降低，于是給玩家造成自己很聰明獲得很高成績的錯覺，以此激勵分享。
常見形式：
不固定，快消品，好玩就行。
典型例子：
《按住一秒鐘》 PV 700萬
雖然沒有神經(jīng)貓那么火，但相對而言這種制作難度較低，對一般的H5制作者可行度更高一些。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
接下來的幾種類型，不一定有很強的傳播力，但做為基礎創(chuàng)意類型可以和其他場景和類型融合：
5、虛擬場館
核心思想：
通常是二次元和三次元的融合，既有真實世界的空間感，又有二次元世界的天馬行空?；疽詣?chuàng)意設計和內(nèi)容體驗打動人心。
常見形式：
全景圖、視差、交互式GIF、全景視頻...
典型案例：
《杜蕾斯場館》
杜蕾斯案例大家都看過，下面舉一個交互式GIF的例子，原理就是將GIF轉(zhuǎn)化為逐幀動畫，在每個幀中加入互動元素，與一般通過視差圖層實現(xiàn)相比，可以實現(xiàn)更逼真的三維場景。相較于對技術要求比較高的SVG和Canvas，這種實現(xiàn)方法更適合擅長動畫和GIF的設計師。
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
6、實物模擬
核心思想：
通過模擬具體實物的界面/造型并加入互動元素，以此產(chǎn)生類AR（增強現(xiàn)實）的效果，比如哈里波特里能播放視頻的報紙，三體中能播放廣告的馬桶蓋。在H5中實現(xiàn)，雖然打了些折扣，但如果能抓到有趣的點，也可以引起共鳴和傳播。
常見形式：
模擬來電、微信對話、報紙/小說/雜志、電視、諾基亞...
典型案例：
《這個陌生來電你敢接嗎》
W的經(jīng)典之作，不過下面舉一個模擬報紙的例子，有一定的探索意義，H5作為新型的閱讀形式或許也將引領潮流，未來的新聞、小說、漫畫都可以是動態(tài)的、互動的。
案例詳情：http://m.hygysj.cn/projects/14521.html
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
7、微信圖文模擬
核心思想：
模擬常見的微信圖文版式，通常布局和版式上需做到真假難辨，但又加入許多互動元素，造成“出其不意”的效果。
典型案例 ：
《四大導師拯救麥渣》
很多人看了以后都問這篇圖文到底是怎么做的...
案例詳情：http://m.hygysj.cn/projects/15128.html
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
8、劇情游戲
核心思想：
簡易RPG，基于一定的故事劇情加入游戲元素，一般以故事見長，游戲只是增強互動的元素?？山柚鸁狳c內(nèi)容創(chuàng)作，比如流行的電影、小說、電視劇等。
常見形式：
密室逃脫、偵探解謎、劇情冒險、少女養(yǎng)成...
典型案例：
《我的少女時代》
掃描二維碼，立即體驗！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權必究。
未經(jīng)授權嚴禁轉(zhuǎn)載，授權事宜請聯(lián)系作者本人，侵權必究。
本文禁止轉(zhuǎn)載，侵權必究。
授權事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
![[下載] H5手機移動項目，1月份截屏下載 ——設計師資源 29](https://file.digitaling.com/eImg/cover/20160202/20160202170759_90294.jpg)
評論
評論
推薦評論
全部評論（2條）