讓這 10 個 H5 告訴你，雙屏互動還能有多酷炫
原標題：『雙屏互動 x H5』總覺得雙屏H5是裝逼？只是你不知道還有這些玩法
數英用戶原創文章，轉載請聯系本人
現在一言不合就做H5，最好什么都用上。全景、重力感應、多點觸控，對，一定得加上。那個逼格滿點的雙屏互動，呃，雙屏互動只能默默裝個逼。這個寶寶不服，扒了扒10個最新的【雙屏互動】案例，相信一定會刷新你的想法的。
雙屏互動 x 創意H5 x 互動營銷
雙屏互動優秀H5 1
品客薯片：品客組隊大戰僵尸
點擊查看案例詳情：http://www.sh-jinniu.com/projects/19703.html
小編有話說：全球占有率第一的薯片“品客”與騰訊旗下CF手游跨界合作，目標受眾群很精準，愛吃薯片愛打游戲的年輕人。在內容上，高度還原了CF手游的游戲場景，連“左手瞄準”“右手扔雷”的基本操作方式也還原了，為H5的傳播爭取到相當一部分玩家，品客薯片則是作為手雷出現，桶裝造型結合起這個創意很形象。在形式上，支持單人玩法和雙人玩法，雙人模式中一人負責裝彈藥（薯片），一人負責打怪。這種模擬第一人稱的手游H5，雖然沒有原生APP那么流暢，但做到這種程度已經相當不錯了。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 2
KAPPA：天生一對
點擊查看案例詳情：http://www.sh-jinniu.com/projects/13724.html
小編有話說：這個春聯的H5在猴年春節特別火，創意來源于人們在過節中喜聞樂見的對春聯活動，用雙屏互動的形式展現出來，不可謂不創新。一部手機打開H5后，會出現二維碼，讓第二部手機掃描，策劃上流程簡單：首先第一部手機出上聯，第二部手機在手機上出現的三幅對聯選擇一個對下聯，接著第二部手機變成出上聯方，第一部手機對下聯，循環往復90秒，最后系統算出兩人的般配程度。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 3
新華社：集齊雙屏看媒體人的腦洞工廠
點擊查看案例詳情：http://www.sh-jinniu.com/projects/19705.html
小編有話說：“國字頭”H5本來就不多，更何況還是雙屏互動H5，這值得仔細分析，說不定其中就潛藏著我國新媒體未來的趨勢呢。新華社的這則H5旨在宣傳由它發起的全媒平臺。打開H5，就能看到邀請好友加入的明顯提示，第二部手機掃描后，兩機有一個同時關聯服務器的內部操作，目的是保證動畫播放同步性；在創意上，左屏是資訊者的一天，右屏是媒體人的一天，場景中還穿插了紙飛機飛過、人物奔跑等需要雙屏配合的場景，視覺效果還是不錯的。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 4
JuiceUp：你敢在辦公室里變瘦嗎？
小編有話說：不經常玩H5的朋友，可能會被這個調皮的H5“騙”到哦。選擇“敢”，會有一個身材窈窕的女子出現，點擊想瘦的位置，就能進入互動環節——和手機上的美女做運動，做完才有果汁喝。這里其實運用了重力感應，稍微動動手機就能激活屏幕下方的果汁，每完成一次，還有可愛的鼓勵文愛為你加油。最后的分享環節以雙屏互動進行，朋友掃碼后要完成一個“倒果汁”的動作，才能完成分享，以活動價購得果汁。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 5
GIMC：更廣闊的天空
小編有話說：其實這是個招聘的H5，沒想到吧？以職場人加班加到想跳槽，黑心老板不讓走為創意點，開啟一段互動小游戲，可以單打獨斗，也可以與老板約戰，在規定的10s內，分別向上/向下滑動，系統會自動算分，最后會顯示結果頁面。整體來看，設計和交互都沒問題，但就是場景有點怪，誰跳槽前會通知老板，還任性到再打一個手游再決定要不要走？
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 6
賓利：巔峰之作，賓利添越SUV
點擊查看案例詳情：http://www.sh-jinniu.com/projects/19706.html
小編有話說：自從上次的全景H5花了500萬的新聞爆出后（真假待證實），賓利這次聯手男人裝又來刷存在感了。雙屏互動的手機賽車游戲，啟動頁面后，選擇車體顏色，就會彈出互動二維碼，另一臺手機掃描后，會先經過游戲介紹、選擇場景等步驟，就能開始雙車互飆，不停點擊屏幕能加快行駛速度，從頭到尾完全沒有卡頓，體驗已經和在電腦操作上基本無異，玩的很爽。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 7
動壹科技：ICE CAKE
小編有話說：雙屏互動其實是個比較寬泛的概念，通過有線或無線的網絡環境，讓不同終端進行多媒體內容的傳輸、展示、交互，凡符合此類型都可以歸為雙屏互動。這個案例連接的是手機和電腦，鏈接先在電腦打開，會生成一個專屬二維碼和六位數字，在手機上掃描并驗證后，傾斜手機就能將手機里的冰塊倒在電腦中的杯子里。這里的原理是手機與網頁連接后，數據通信通過監聽手機的陀螺儀并將動作反饋給電腦。
掃描二維碼，立即體驗！
（二維碼已失效）
雙屏互動優秀H5 8
百度錢包：你眼中圣誕節最美的樣子
點擊查看案例詳情：http://www.sh-jinniu.com/projects/16501.html
小編有話說：由于雙屏互動的場景延展性，所以經常被用在場景拼合，最常見的是運用到情人節的H5營銷。百度錢包這個創意，通過第二臺手機掃描二維碼，可以看到晴天、雪天、雨天三種不同場景的拼合效果，流星跨屏、傳遞雨傘、男孩現身，所有的效果必須要用兩臺手機才能觀看，單身如小編我，只能默默拿出了測試機。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 9
網易新聞：二分之一的生活
點擊查看案例詳情：http://www.sh-jinniu.com/projects/16493.html
小編有話說：來自于網易的年終策劃，雖然是雞湯，但喝一碗還是挺補的，支持單機和雙機兩種方式觀看。很喜歡這則H5的名字，“二分之一的生活”，把雙屏的概念表達出來了，通過進一步觀看，了解到是兩個時代不同兩代人的生活對比，上一代為了能分到房，這一代為了能在大城市里站穩腳跟，各自都在努力。采用手繪風的設計風格，符合目標對象的大眾審美。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
雙屏互動優秀H5 10
蒙牛：一滴奶，邂逅愛
小編有話說：這個H5好少女心，看一遍就蘇化了。第二臺手機掃碼后，兩部手機同時加載到100%時，會有搖一搖的提示，搖動手機，放置在桌面，跳動的音符會幻化成花瓣，從右邊的手機慢慢飛入左邊的屏幕，然后組成心形，一盒蒙牛就在畫面中央，整體感覺十分唯美。花瓣部分采用了canvas動畫，素材上壓縮的很小，加載起來很流暢。
掃描二維碼，立即體驗！
（數英網 App 用戶需點擊放大二維碼后，長按識別）
公眾號：拇指部落（微信ID：muzhibuluo）
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（2條）