大眾點評最有情懷的8個HTML 5案例精選

 　　這篇點評完成於7月初，當時一方面我的《廣告也愛看!細數騰訊出品的10個最佳Html 5廣告》出乎意料地在行業大熱，一方面行業內傳言大眾點評HTML 5的代理公司不再出品HTML 5廣告了，那會心情還真有點復雜，然後就帶著自己的一知半解，寫了這篇主打情懷的分享。不過，好在是虛驚一場，大眾點評HTML 5廣告的演繹還在繼續上進行著，而不止是8個情懷了～

　　而我也不打算去對原文做特別的修改，算是對自己當時心境的尊重吧!下面就來看看原文吧～

　　很高興我對這個行業的一些態度能夠被不少人認可，我是一個還在路上的設計師，也算是一個喜愛分享的傳播者…

　　我猶豫再三還是覺得應該搬出這套大眾點評的HTML 5廣告案例同大家分享，這並不是對上篇《廣告也愛看!細數騰訊出品的10個最佳Html 5廣告》的形勢復制，而是確有體會!

　　互聯網公司生產出的HTML 5在體驗上會和互動廣告公司有著非常不同的面貌，集中體現在他們對於文化的理解和判斷上，所以，我引用了情懷這個詞，我相信看完這套作品然後再對比我之前分享的騰訊案例，你會有感受到很大的不同～

　　希望能為更多想了解HTML 5廣告的你們提供夠有幫助的信息，我也會繼續努力的!

　　(友情提示：建議所有案例都要搭配音樂欣賞)

　　1. 《“選擇吧！人生”》微信電影宣傳推送廣告

　　(上線時間：2014.11)

　　坦率的講，這支廣告我不是第一時間看到，而是通過搜索找到，對比2014年時大量畫面簡單交互初級的HTML 5廣告，它的畫面執行是出色而新穎的，再加上引用了那麼多高熱度的符號元素，算是給大眾點評的微信營銷開了個個性的好頭…

　　2. 《九步之遙》微信電影宣傳推送廣告

　　(上線時間：2014.12)

　　我第一次打開這支廣告的時候，唯一的反應就是，碉堡了!

　　看到這類作品能在微信傳播的設計師們應該樂壞了，這種畫面執行獨特，細節入圍的HTML 5廣告不但在主題上貼合了導演的品性，還在身價上和同類廣告拉開了距離,老子我玩的就是人堆兒裡的不一樣!

　　相比《“選擇吧!人生”》來說，整體畫面在視覺上的提升在於不再那麼擁擠和凌亂，比較之後才會發現，過多的畫面細節也許會讓用戶感到疲憊…

　　3. 《“評什麼愛姜文”》微信電影宣傳推送廣告

　　(上線時間：2015.1)

　　也許是大眾點評在2014年還沒玩過瘾，在開年之初就來了個更猛的!

　　這也是我當時看到的第一支大眾點評的HTML 5廣告，不禁驚歎，這畫面的超現實風格太猛烈了!怎麼辦到的?是gif?還是什麼?

　　後來才知道，實現這類動畫的方式叫做序列針，將渲染好的動畫存成一張張的圖片，再按照一定的時間間隔來播放，比如80微秒，或者60微妙…不同於gif動畫，序列真動畫有更為好的色彩還原，並且可以在交互上對動畫進行控制…

　　以上三支HTML 5，把重點都放在了畫面執行上，對於交互和內容識別的展現都沒有像是畫面那麼深入人心…尤其是這支HTML 5的操作界面就讓人難以分辨，而文字內容也讓人容易忽略掉…用優秀的動態海報來形容這一時期大眾點評的HTML 5廣告似乎更合適。

　　4. 《 我們之間就一個字 》微信活動推送廣告

　　(上線時間：2015.1)

　　而當《 我們之間就一個字 》上線後，居然引發了場行業意外，造成了一次話題營銷!

　　一個違反了大量視覺法則，畫面不飽滿，內容太袖珍，品牌屬性不凸顯的HTML 5廣告，居然還牽動起那麼多人的情懷，引來那麼高的贊賞，帶來無限的傳播…?為什麼?

　　雖然，序列針動畫技術早已被html5的第三方平台所攻克，網友也能生成1:1於原作的復制品，但是，你永遠復制不出那份彈指間的體驗，永遠復制不出那麼多人絞盡腦汁追求極致的心境。

　　這支HTML 5可以說是HTML 5廣告初期我們認為的一個異類，或者說是個不經意的巧合，那麼巧合的是什麼那?

　　當大多數人還在考慮怎麼把海報復制到HTML 5頁面時，有人就意識到了HTML 5頁面的精髓不在於復制舊有形式，而是綜合所有已知設計形式的數碼融合，或者說是一種超媒體設計,憑借著對人文，音效，平面設計，以及動畫設計的恰當融合，這支HTML 5成為了那個時候最具成熟性的超媒體廣告，它的威力和分量和上面的三個案例相比幾乎不在一個量級…

　　他給你帶來體驗的愉悅感不是說，這畫面好看，這音樂好聽…而是各個環節相互搭配帶來的綜合感受，這應該就是HTML 5廣告努力的方向，利用技術來綜合感官…

　　5. 《爸，我想你了》微信電影宣傳推送廣告

　　(上線時間：2015.3)

　　為了宣傳電影《失孤》，大眾點評在三月份上線了這支HTML 5廣告，敢問多少好的創意死在了父子情這個節點上，那麼除了給老爸買東西，送關愛…我們還能玩點什麼?

　　看看這支廣告吧～有沒有覺的生肖是一個人人心中之所有，人人筆下之所無的創意點那?而且這支HTML 5會給用戶一種輕量形個人定制的感覺，簡單的三個頁面就完成了表意，更便於傳播和推廣。

　　但是，同志們仔細想想就會發現，為了完成這種定制般的簡單效果，創作團隊實際是付出了比常規HTML 5廣告多出數倍的精力，設計了24個動畫形象和配套文案…

　　所以說，《失孤》沒看不要緊，錯過了這支HTML 5就可惜了～

　　6. 《機會你不試 永遠不會亮》微信活動推送廣告

　　(上線時間：2015.4)

　　這是一支極具創意的快餐式Html 5廣告～!

　　也許是因為產品本身的輕松調性，也許因為大眾點評想嘗試點新鮮的…

　　在視覺上從扁平動畫到擬物動畫的過度挺有借鑒性，反正這支HTML 5挺好玩～各位親們，趕緊來試試看吧!

　　7. 《如果我不吃掉你》微信活動推送廣告

　　(上線時間：2015.5)

　　亞當!夏娃!撒旦!還有拿著筷子呆呆的“上帝”!

　　這個創意點從我們能夠想象到的吃的源頭做推敲，利用漫畫的表現方式來肆無忌憚的強調吃這個事兒…好吧，我詞窮了… 不瞎扯，看作品吧～

　　8. 《這個陌生來電你敢接嗎？》微信電影推送廣告

　　(上線時間：2015.5)

　　想必很多人看過這類HTML 5，不過這支可是原作!

　　後來相關的HTML 5都是他的衍生品或者說是用借鑒的方式在向原作致敬，包括最近刷爆朋友圈的 騰訊視頻的《這手機是誰的?》 小時代4的《時代姐妹花，邀你來撕逼!》這兩支HTML 5廣告，假如用道家的經典論斷來形容這支HTML 5廣告，它似乎達到了“一生二，二生三，三生萬物” 境界…

　　無形中在行業引導出了一個大類，制作了一個類型世界!

　　而從《一個陌生電話你敢接麼?》到《時代姐妹花，邀你來撕逼!》,如果假定這個推理正確，那麼你已經很難看出最初本體的雛形了，是因為互聯網的快捷便利讓我們只懂得做加法的智慧?還是因為我們太缺乏對創意本身的認識，急於不斷的重復從1到n的過程?由復仇者引發的小時代，已經完全讓你找不出發起者的面貌了，甚至你會覺得後者更為優秀，而忽略了從0到1的那個艱辛歷程…

　　這支HTML 5上線後造成了兩個不小的影響：

　　很多人這才恍然大悟，原來手機本身的界面也這麼有創意空間可以挖掘

　　引出了一大堆模仿者，包括一些知名的大公司…

　　大眾點評的HTML 5從一個行業的年輕人變成了人人開始向之致敬的前輩，這個蛻變過程用了僅僅半年，難怪有那麼多人擔心HTML 5會是個短命的好東西那…

　　大眾點評的HTML 5遠不止這8個，為什麼單獨拿他們說事兒那？

　　那是因為這8支HTML 5都出自一家代理公司，而且很有可能，關於大眾點評的這類HTML 5廣告會在8這個數字上打上休止符…

　　從《“選擇吧!人生”》 到 《這個陌生來電你敢接嗎?》就好比是一場旅途，不管是逗逼的畫面風格，還是深思熟慮的那一句句文案，你都能感受到大眾點評給你帶來的那份特別的情懷，我的智慧無法讓自己真正懂得這些作品，但是，我還