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