上週五， 騰訊上線《Up2017騰訊互娛年度發佈會》H5， 並發佈一組以“唯耐心不負所愛”為主題的海報（也可以說是一組創意二維碼）， 為即將舉行的發佈會預熱。
H5的看點是富有科技感的粒子效果， 圖案之間用粒子的聚散來過渡， 非常酷炫。
騰訊互娛H5體驗連結：http://up.qq.com
預熱海報則用創意二維碼的方式展現， 掃描這些二維碼可觀看一個創意小視頻。
但是今天我想講的重點不是設計， 而是分析這個H5和預熱海報給H5行業帶來的啟發。 2017年H5的發展， 有三點新趨勢！
趨勢一：H5完美適配移動與PC端， 爭奪最後的PC流量《Up2017騰訊互娛年度發佈會》H5有一個大的亮點， 那就是對移動端與PC端都做了完美適配。
在移動端打開， 這個H5是豎屏的翻頁H5， 粒子效果通過翻頁來進行切換。
而在PC端打開， H5變成了一個橫屏案例， 更像是一個網站， 通過點擊左邊的功能表可以切換不同的主題， 體驗上更加優雅和細緻。
PC端的H5還蘊含小彩蛋——用滑鼠點擊文字旁的大粒子， 可以彈出回應內容要素。 比如遊戲篇就彈出《穿越火線》、《天天愛消除》等， 文學篇就彈出《起點中文網》、《QQ閱讀》等，
你可能會疑惑，
當今大熱的H5PC端搞一套，
費時費力？
還有一個原因， 當然就是PC端還剩餘流量。 據統計， 移動端與PC端的流量比大概是9:1， 這10%的流量， 其實也是需要珍惜的。 至少連騰訊這樣的大品牌，
但是17年開始， 能算得上爆款的H5屈指可數。 難道是H5製作方偷懶？其實不是， 是用戶對H5的新鮮感越來越低了。 現在市面上PV比較高的H5， 基本上靠投放， 你還不珍惜那僅存的一點PC流量嗎？
看到這裡， 你也許想說， 你實在沒有時間做兩套方案，畢竟預算和精力都有限？
我的回答是，再怎麼困難，也請你做兩套方案，不過，PC端的方案只需用一張圖片搞定，這也是現在H5行業的第二大趨勢。
趨勢二：一張圖片，搞定H5的PC端適配當H5不做PC端適配時，用戶打開一個H5，通常只能看到H5的一半畫面，帶來的是非常差的用戶體驗。即使勉強在PC端看完，但是由於PC端的分享步驟過於繁瑣，嚴重限制了H5的分享。
大概從去年開始，品牌方們開始做一張誘導掃描二維碼的圖片，當使用者在PC端打開H5時，就能看到。
一方面，省去了做兩套方案的費時費力。另一方面，誘導圖片做得好，大大提高了用戶打開H5的欲望。以下是網易出品的兩個H5的誘導圖片：
誘導圖片不單單用文字提示使用者使用手機掃碼體驗，品牌方們爭先在文案和設計下功夫，來增強用戶觀看H5的動力。
天貓無憂話劇團用了影院的座位來做背景，左手拿著門票，提示使用者拿起使用者掃描二維碼，給用戶一種觀影的代入感。薛之謙密室逃脫的H5，用的文案是“用手機打開這個頁面來救我”，有幾個迷妹可以拒絕薛之謙的請求？
那麼，問題來了，我要怎麼判斷用戶用的是手機還是電腦？
這個問題非常簡單，我們不需要判斷，我們只需要做兩套方案就好。代碼我不瞭解，但是如果你用的是H5製作工具，用iH5就可以實現這個功能。
iH5的“設備”功能可以在舞臺下添加一個PC設備和移動設備，可以自動識別使用者用的是什麼設備。具體操作步驟如下圖：
總的來說，去年開始大品牌在H5上做的小心思，都在透露著一個理念，那就是一切以用戶體驗為中心。不管是完美適配PC端，還是在做PC端的誘導圖片，都是為使用者服務的。
趨勢三：新的H5分享方式——創意二維碼海報騰訊互娛發佈會的預熱海報，解密了一種新的H5分享方式——創意二維碼海報。海報以H5二維碼為主體，進行圖案創意設計，掃描二維碼即可進入H5。線下海報與H5相結合，打通了線上線下的隔閡。
現在，我們可以直接分享一張創意二維碼圖片。圖片的可塑性很強，可以融入無限的創意，動圖就更加有趣。
今年2月，天貓無憂話劇團H5就做過了。而騰訊這次，將二維碼進行了創意設計，更上一層樓。
試問，圖片和連結，你更願意點擊哪一個？
大膽猜測，創意二維碼圖片，將是以後分享H5的新方式！
微信，可以說是新的H5分享新方式的引導者！
《偶像那麼多，我又算老幾》H5連結：http://7d3d89813e58.ih5.cn/idea/
細心的用戶可能會發現，目前很多H5都以視頻的方式出現，既能避免開很多技術大坑，又能將視頻往視頻網站上投放，漸漸地都脫離了H5的交互的本心，實在是有點可惜。
H5行銷不易，把握這三條2017年H5行業新趨勢，快人一步！
iH5，一個專業的HTML5工具及創作服務平臺，提供軟體授權、教學培訓、數位創意內容製作等一系列產品和服務。
你實在沒有時間做兩套方案，畢竟預算和精力都有限？我的回答是，再怎麼困難，也請你做兩套方案，不過，PC端的方案只需用一張圖片搞定，這也是現在H5行業的第二大趨勢。
趨勢二：一張圖片，搞定H5的PC端適配當H5不做PC端適配時，用戶打開一個H5，通常只能看到H5的一半畫面，帶來的是非常差的用戶體驗。即使勉強在PC端看完，但是由於PC端的分享步驟過於繁瑣，嚴重限制了H5的分享。
大概從去年開始，品牌方們開始做一張誘導掃描二維碼的圖片，當使用者在PC端打開H5時，就能看到。
一方面，省去了做兩套方案的費時費力。另一方面，誘導圖片做得好，大大提高了用戶打開H5的欲望。以下是網易出品的兩個H5的誘導圖片：
誘導圖片不單單用文字提示使用者使用手機掃碼體驗，品牌方們爭先在文案和設計下功夫，來增強用戶觀看H5的動力。
天貓無憂話劇團用了影院的座位來做背景，左手拿著門票，提示使用者拿起使用者掃描二維碼，給用戶一種觀影的代入感。薛之謙密室逃脫的H5，用的文案是“用手機打開這個頁面來救我”，有幾個迷妹可以拒絕薛之謙的請求？
那麼，問題來了，我要怎麼判斷用戶用的是手機還是電腦？
這個問題非常簡單，我們不需要判斷，我們只需要做兩套方案就好。代碼我不瞭解，但是如果你用的是H5製作工具，用iH5就可以實現這個功能。
iH5的“設備”功能可以在舞臺下添加一個PC設備和移動設備，可以自動識別使用者用的是什麼設備。具體操作步驟如下圖：
總的來說，去年開始大品牌在H5上做的小心思，都在透露著一個理念，那就是一切以用戶體驗為中心。不管是完美適配PC端，還是在做PC端的誘導圖片，都是為使用者服務的。
趨勢三：新的H5分享方式——創意二維碼海報騰訊互娛發佈會的預熱海報，解密了一種新的H5分享方式——創意二維碼海報。海報以H5二維碼為主體，進行圖案創意設計，掃描二維碼即可進入H5。線下海報與H5相結合，打通了線上線下的隔閡。
現在，我們可以直接分享一張創意二維碼圖片。圖片的可塑性很強，可以融入無限的創意，動圖就更加有趣。
今年2月，天貓無憂話劇團H5就做過了。而騰訊這次，將二維碼進行了創意設計，更上一層樓。
試問，圖片和連結，你更願意點擊哪一個？
大膽猜測，創意二維碼圖片，將是以後分享H5的新方式！
微信，可以說是新的H5分享新方式的引導者！
《偶像那麼多，我又算老幾》H5連結：http://7d3d89813e58.ih5.cn/idea/
細心的用戶可能會發現，目前很多H5都以視頻的方式出現，既能避免開很多技術大坑，又能將視頻往視頻網站上投放，漸漸地都脫離了H5的交互的本心，實在是有點可惜。
H5行銷不易，把握這三條2017年H5行業新趨勢，快人一步！
iH5，一個專業的HTML5工具及創作服務平臺，提供軟體授權、教學培訓、數位創意內容製作等一系列產品和服務。