在H5的世界里，真是意外天天都有，現(xiàn)象級(jí)說來就來！看到薛老師一刷屏，我就知道自己又要忙了！按照慣例，現(xiàn)象級(jí)H5的深度分析小站一定會(huì)出，而且會(huì)盡快！不廢話，下面就上干貨！
看完作品后，就可以看后面的分析了：
那么，先來揭秘，這個(gè)賤賤的H5誰做的？
剛看到作品時(shí)，通過作品的域名和內(nèi)容特征，小呆就猜到了幕后的操控團(tuán)隊(duì)是誰了。這種內(nèi)容極度細(xì)分，制作如此精良的H5網(wǎng)站很難出自某個(gè)知名的Agency或者代理商，這不是服務(wù)方技術(shù)和創(chuàng)意不過關(guān)，而是因?yàn)樗麄儾豢赡苓@么了解細(xì)分行業(yè)的特征，所以作品肯定出自騰訊本家，而在騰訊本家最具備執(zhí)行條件和執(zhí)行力的團(tuán)隊(duì)?wèi)?yīng)該就是騰訊娛樂事業(yè)部的TGideas了。
小呆在昨天的推送中就說明了猜測，經(jīng)求證后，果不其然！尤其在今年，TGI的H5越做越6。如今已經(jīng)變成了H5行業(yè)的刷屏小旋風(fēng)了！
那么，為什么會(huì)頂上薛老師？
你要是還不知道薛之謙是誰，那你就真的OUT了，世界變化快，不學(xué)習(xí)就要被淘汰。現(xiàn)在，連小學(xué)生搞個(gè)歌唱比賽都要唱薛老師的《丑八怪》，難怪不少用戶對(duì)內(nèi)容無感了！
而這個(gè)號(hào)稱是二線段子手，四線歌手，十八線演員的薛之謙靠著一身的好顏值+好手藝，在這個(gè)后互聯(lián)網(wǎng)造星運(yùn)動(dòng)的大潮中攻下了自己的一片領(lǐng)地，成為了眾多小年輕的男神。
如果你了解騰訊游戲的話，你會(huì)發(fā)現(xiàn)，他們選擇代言人套路深，定位準(zhǔn)。選擇吳亦凡代言《全民突擊》除了盯上了明星光環(huán)外，更看重的是他《全民突擊》玩家的身份。而選擇韓寒代言《使命召喚》也同樣如此，牛逼韓是韓寒在《使命召喚》游戲里的ID，他是COD的骨灰級(jí)玩家，本來在這個(gè)圈子里就小有名氣。選擇明星玩家來代言游戲，這樣的垂直打法可以說對(duì)游戲粉絲來說，比什么都有效！(看下面的截圖，一下子就懂了吧?。?/span>
騰訊游戲之前類似H5
而騰訊選薛老師代言騰訊漫畫，并且出演這次的H5視頻，也同樣有這樣的考慮，畫畫曾經(jīng)是薛老師的大學(xué)專業(yè)，也是他的一技之長，大學(xué)時(shí)代沒能畫出名堂的薛老師長大后竟然成了國漫的新標(biāo)簽， 這樣的體驗(yàn)設(shè)定聽上去就十分有趣！而薛之謙近年來的演繹風(fēng)格也和“二次元”文化高度一致。所以說，薛老師來賣這個(gè)萌就太合適了！
這么受歡迎的H5技術(shù)復(fù)雜么？
每次我們都要多少聊到一些技術(shù)問題，如果從實(shí)現(xiàn)方式來說，這次的H5用的完全是老套路，沒有太多技術(shù)層面的創(chuàng)新，就是長圖文+視頻，唯一值得一提的是加載的優(yōu)化和多機(jī)型適配做的非常到位，只要你的網(wǎng)絡(luò)環(huán)境夠好，基本不會(huì)出現(xiàn)卡頓和延遲，但是在體驗(yàn)過程中的不能交互，卻成了很多用戶集中吐槽的尿點(diǎn)。
H5主要素材特征
而且H5的總體量幾乎超過了40MB，單這支視頻就有34MB之大(iphone6p格式），雖然已經(jīng)是分段加載了，但是網(wǎng)絡(luò)環(huán)境稍微差點(diǎn)，你就別想好好看了~
H5綠屏視頻素材與實(shí)際效果對(duì)比圖
H5綠屏視頻素材與實(shí)際效果對(duì)比圖
而當(dāng)我今天再打開H5后臺(tái)后，我突然發(fā)現(xiàn)，整個(gè)網(wǎng)站又被重新優(yōu)化了，整體大小也被降下來了，真是佩服執(zhí)行團(tuán)隊(duì)的執(zhí)行了！
H5的總大小
整個(gè)H5的難點(diǎn)和發(fā)力重心實(shí)際都落在了視頻上，這部分就是設(shè)計(jì)師與特效師一同協(xié)作完成的成果了。
但是，這支視頻你都看懂了么？
就這支H5內(nèi)置視頻來說，拋開精良的制作和有趣的設(shè)計(jì)，具體內(nèi)容不見得所有同學(xué)都能看懂，下面就讓小站一點(diǎn)點(diǎn)扒給你聽吧。
首先是形式，這種真人結(jié)合動(dòng)畫的形式最早出現(xiàn)在好萊塢電影，上點(diǎn)年紀(jì)的漫迷應(yīng)該還記得《誰陷害了兔子羅杰》和喬丹主演的《空中大灌籃吧》吧，他們算是該類型始祖，而自此之后，類似作品就很少出現(xiàn)，此次薛老師的H5和這些經(jīng)典電影風(fēng)格類似。
好萊塢經(jīng)典真人動(dòng)漫混合電影
H5最開始的入畫聲效，也出自薛老師的單曲《演員》~
好高冷的封面！
最后，看著這么嚴(yán)肅的歌被自己的逗逼形象瞬間打破，那種喜劇效果馬上就上頭了！
上面和下面這兩個(gè)男人，真的是一個(gè)人么？？
在H5的前半段，我們看到的都是主角與人氣國漫覺得的互動(dòng)，端木熙和、楊敬華、薛之謙3男搞基橋段，除了薛之謙是客串的第三者，那兩個(gè)主出自人氣國漫《靈契》，而《靈契》正是騰訊動(dòng)漫的重點(diǎn)扶植項(xiàng)目呀！
國漫《靈契》
而薛之謙因?yàn)樘珖N瑟被一巴掌拍飛的女主角則出自國漫《一人之下》，同樣是今年騰訊漫畫扶植的熱門國漫產(chǎn)品。
國漫《一人之下》
而視頻后半段，在H5內(nèi)則出現(xiàn)了3段關(guān)于日漫的描述，他們分別是：
1.在二次元的世界里， 一碗炒飯可以讓人衣衫炸裂
一碗炒飯應(yīng)該指的是《食戟之靈》了，而這句話直接概括了：藥王、幸平創(chuàng)真、薙切繪這3個(gè)角色，絕對(duì)是骨灰二次元遍的詞！沒看過的人是真聽不懂的呀！
食戟之靈
2. 一個(gè)頭腦簡單的草帽少年，可以夢(mèng)想成王
這個(gè)就不用解釋，是全民最愛的動(dòng)漫海賊王！
海賊王
3.一個(gè)掉車尾的小狐貍，也可以查克拉爆發(fā)
這里的小狐貍指的是《狐妖小紅娘》，而后半句想必大家都看得懂了，指代的就是《火影忍者》了。
火影忍者
最后壓軸的畫面又回到了國漫，他的出處是《狐妖小紅娘》。而薛之謙直接開始客串動(dòng)漫人物，然后在一段目前來說我見到過的最給力的彈幕飛過后！突然看著薛老師這張深情默默的臉被導(dǎo)演劈頭蓋臉的吆喝之后，就瞬間樂翻了！
狐妖小紅娘-H5引用動(dòng)漫片段
最后的落地頁也真的非常有趣，它直接調(diào)侃了歐洲早期的油畫作品，經(jīng)過資料收集后，我們就拿米開朗基羅版本的《最后的審判》來做圖例吧，看下圖一幕了然了。
壁畫-最后的審判對(duì)比圖
雖然視頻內(nèi)容只有短短的兩分鐘，但是內(nèi)容量真的不少，所有信息都不是空洞的，都是經(jīng)過考究和設(shè)計(jì)后加入H5的，在感嘆制作團(tuán)隊(duì)用心出稿的同事，也突然意識(shí)到，這可能是第一次的國漫內(nèi)容大范圍的造成刷屏效果！作為一個(gè)假漫迷，我居然也感動(dòng)了！
作品因?yàn)樾迈r有趣，被用戶喜歡。而刷屏則是一個(gè)連環(huán)拳的結(jié)果，靠譜的藝人+出色的創(chuàng)意+優(yōu)秀的執(zhí)行，這種外行能看熱鬧，內(nèi)行能看門道的內(nèi)容應(yīng)該是最適合朋友圈傳播的爆料了！
