在一言不合就做H5，最好什么都用上。全景、重力感應、多點觸控，對，一定得加上。那個逼格滿點的雙屏互動，呃，雙屏互動只能默默裝個逼。這個寶寶不服，扒了扒10個最新的【雙屏互動】案例，相信一定會刷新你的想法的。

雙屏互動 x 創意H5 x 互動營銷

雙屏互動優秀H5 1

品客薯片：品客組隊大戰僵尸

點擊查看案例詳情：http://www.digitaling.com/projects/19703.html

小編有話說：全球占有率第一的薯片“品客”與騰訊旗下CF手游跨界合作，目標受眾群很精準，愛吃薯片愛打游戲的年輕人。在內容上，高度還原了CF手游的游戲場景，連“左手瞄準”“右手扔雷”的基本操作方式也還原了，為H5的傳播爭取到相當一部分玩家，品客薯片則是作為手雷出現，桶裝造型結合起這個創意很形象。在形式上，支持單人玩法和雙人玩法，雙人模式中一人負責裝彈藥（薯片），一人負責打怪。這種模擬第一人稱的手游H5，雖然沒有原生APP那么流暢，但做到這種程度已經相當不錯了。

雙屏互動優秀H5 2

KAPPA：天生一對

點擊查看案例詳情：http://www.digitaling.com/projects/13724.html

小編有話說：這個春聯的H5在猴年春節特別火，創意來源于人們在過節中喜聞樂見的對春聯活動，用雙屏互動的形式展現出來，不可謂不創新。一部手機打開H5后，會出現二維碼，讓第二部手機掃描，策劃上流程簡單：首先第一部手機出上聯，第二部手機在手機上出現的三幅對聯選擇一個對下聯，接著第二部手機變成出上聯方，第一部手機對下聯，循環往復90秒，最后系統算出兩人的般配程度。

雙屏互動優秀H5 3

新華社：集齊雙屏看媒體人的腦洞工廠

點擊查看案例詳情：http://www.digitaling.com/projects/19705.html

小編有話說：“國字頭”H5本來就不多，更何況還是雙屏互動H5，這值得仔細分析，說不定其中就潛藏著我國新媒體未來的趨勢呢。新華社的這則H5旨在宣傳由它發起的全媒平臺。打開H5，就能看到邀請好友加入的明顯提示，第二部手機掃描后，兩機有一個同時關聯服務器的內部操作，目的是保證動畫播放同步性；在創意上，左屏是資訊者的一天，右屏是媒體人的一天，場景中還穿插了紙飛機飛過、人物奔跑等需要雙屏配合的場景，視覺效果還是不錯的。

雙屏互動優秀H5 4

JuiceUp：你敢在辦公室里變瘦嗎？

小編有話說：不經常玩H5的朋友，可能會被這個調皮的H5“騙”到哦。選擇“敢”，會有一個身材窈窕的女子出現，點擊想瘦的位置，就能進入互動環節——和手機上的美女做運動，做完才有果汁喝。這里其實運用了重力感應，稍微動動手機就能激活屏幕下方的果汁，每完成一次，還有可愛的鼓勵文愛為你加油。最后的分享環節以雙屏互動進行，朋友掃碼后要完成一個“倒果汁”的動作，才能完成分享，以活動價購得果汁。

雙屏互動優秀H5 5

GIMC：更廣闊的天空

小編有話說：其實這是個招聘的H5，沒想到吧？以職場人加班加到想跳槽，黑心老板不讓走為創意點，開啟一段互動小游戲，可以單打獨斗，也可以與老板約戰，在規定的10s內，分別向上/向下滑動，系統會自動算分，最后會顯示結果頁面。整體來看，設計和交互都沒問題，但就是場景有點怪，誰跳槽前會通知老板，還任性到再打一個手游再決定要不要走？

雙屏互動優秀H5 6

賓利：巔峰之作，賓利添越SUV

點擊查看案例詳情：http://www.digitaling.com/projects/19706.html

小編有話說：自從上次的全景H5花了500萬的新聞爆出后（真假待證實），賓利這次聯手男人裝又來刷存在感了。雙屏互動的手機賽車游戲，啟動頁面后，選擇車體顏色，就會彈出互動二維碼，另一臺手機掃描后，會先經過游戲介紹、選擇場景等步驟，就能開始雙車互飆，不停點擊屏幕能加快行駛速度，從頭到尾完全沒有卡頓，體驗已經和在電腦操作上基本無異，玩的很爽。

雙屏互動優秀H5 7

動壹科技：ICE CAKE

小編有話說：雙屏互動其實是個比較寬泛的概念，通過有線或無線的網絡環境，讓不同終端進行多媒體內容的傳輸、展示、交互，凡符合此類型都可以歸為雙屏互動。這個案例連接的是手機和電腦，鏈接先在電腦打開，會生成一個專屬二維碼和六位數字，在手機上掃描并驗證后，傾斜手機就能將手機里的冰塊倒在電腦中的杯子里。這里的原理是手機與網頁連接后，數據通信通過監聽手機的陀螺儀并將動作反饋給電腦。

雙屏互動優秀H5 8

百度錢包：你眼中圣誕節最美的樣子

點擊查看案例詳情：http://www.digitaling.com/projects/16501.html

小編有話說：由于雙屏互動的場景延展性，所以經常被用在場景拼合，最常見的是運用到情人節的H5營銷。百度錢包這個創意，通過第二臺手機掃描二維碼，可以看到晴天、雪天、雨天三種不同場景的拼合效果，流星跨屏、傳遞雨傘、男孩現身，所有的效果必須要用兩臺手機才能觀看，單身如小編我，只能默默拿出了測試機。

雙屏互動優秀H5 9

網易新聞：二分之一的生活

點擊查看案例詳情：http://www.digitaling.com/projects/16493.html

小編有話說：來自于網易的年終策劃，雖然是雞湯，但喝一碗還是挺補的，支持單機和雙機兩種方式觀看。很喜歡這則H5的名字，“二分之一的生活”，把雙屏的概念表達出來了，通過進一步觀看，了解到是兩個時代不同兩代人的生活對比，上一代為了能分到房，這一代為了能在大城市里站穩腳跟，各自都在努力。采用手繪風的設計風格，符合目標對象的大眾審美。

雙屏互動優秀H5 10

蒙牛：一滴奶，邂逅愛

小編有話說：這個H5好少女心，看一遍就蘇化了。第二臺手機掃碼后，兩部手機同時加載到100%時，會有搖一搖的提示，搖動手機，放置在桌面，跳動的音符會幻化成花瓣，從右邊的手機慢慢飛入左邊的屏幕，然后組成心形，一盒蒙牛就在畫面中央，整體感覺十分唯美?；ò瓴糠植捎昧薱anvas動畫，素材上壓縮的很小，加載起來很流暢。

-END-

無非創意，H5研究創作團隊與案例資訊分享平臺

更多精彩案例敬請關注「無非創意」公眾號（ID：wufaecy）

文章來源：數英網