HTML5設計！大眾點評最有情懷的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就可惜了～

(編輯：小酷)