本期的HTML5案例學習為大家講解一下最近比較熱門的案例:**突擊_吳亦凡H5方案交互示意案例,將為大家?guī)聿灰粯拥母杏X,讓大家感受一下HTML5的魅力,弄懂這個H5創(chuàng)意完成的整個過程。如果大家是從事HTML5游戲開發(fā)工作的話,對于HTML5的新特性或多或少都有所了解,網(wǎng)頁設計師和開發(fā)人員可以使用這些特性以及相關的html5 開發(fā)工具可以制作出更加**的網(wǎng)站,體現(xiàn)更好的效果出來的,在學習HTML5游戲開發(fā)的朋友不妨借鑒一下這個案例的價值,制作出更多精彩的創(chuàng)意。
在html5游戲開發(fā)中創(chuàng)意永遠是命題作文,項目初期團隊了解到:吳亦凡簽約全民突擊將會是一個立體完整的Campaign,***隊希望TGideas在Word視頻教程">Word視頻教程">Word視頻教程">H5這個模塊,通過出彩的創(chuàng)意引爆話題,沒有任何素材,吳亦凡只能在拍戲間歇給出1個小時的時間來錄制一些內容,因為這段時間吳亦凡在拍古裝戲,他的頭發(fā)沒了。
在種種條件限制下,只能用巧勁解決問題,在懸念設計上需要有一個能抓住人的點,吳亦凡簡短了頭發(fā)風格變得犀利,全民突擊又是一款軍事題材的游戲,那參軍入伍這件事情結合上述條件貌似巧妙的合情合理,在大眾,特別是粉絲眼里,自己喜愛的明星參軍這是一件大事,一定會引起關注和討論。確認這個概念之后,剩下就是形式的問題,一篇娛樂新聞一定會引起廣泛的關注,所以我們提出用新聞頁的形式,來做創(chuàng)意落地。
這個案例有趣的地方是:大部分人真的會用讀一條新聞的心態(tài)來關注這個新聞,但突然動起來,并跑出畫面的吳亦凡,一定會超出用戶對內容的固有預期,于是創(chuàng)意中最重要的一個引爆點就此形成。相信很多人轉出來,都希望他的朋友也能夠“嚇一跳”(后來看到很多分析貼說鬼節(jié)當天出這個創(chuàng)意太犀利,其實我想說素材本來是打算在今天12點再發(fā)的,無奈有人提前在朋友圈做了曝光…)
至于視頻通話的創(chuàng)意概念,其實并不是什么新鮮的玩法,在這之前這種形式的案例也非常多,這個模塊的關鍵點在于:與明星面對面的溝通,這是一個很核心的粉絲向內容,喜歡吳亦凡的人一定會看著心愛的明星和自己近距離對話,所以這里就是用用戶熟悉的形式,道出了廣告內容的真像而已。
刨去創(chuàng)意模塊,其實在我看來更關鍵的還是執(zhí)行,做到比想到更重要。
TGideas內部臨時組成了項目小隊,由視覺,前端,開發(fā),創(chuàng)意,多媒體的小伙伴快速開始就執(zhí)行難點進行評估。
技術方面,視頻如何流暢播放?HTML5在IOS,Android,微信,手Q,微博,騰訊新聞客戶端打開時瀏覽器的兼容問題如何解決?大量技術問題,到現(xiàn)在我們的前端攻城獅們仍在優(yōu)化解決。設計方面,新聞頁打開后什么時候讓視頻自動播放?整個體驗過程如何能制造驚喜?如果用戶再PC端看到這個消息,點開后的PC頁面展示形式如何,能否依然有互動樂趣?我們的設計獅也還在迭代優(yōu)化中。素材的籌備方面,為了讓吳亦凡在1個小時內快速的完成素材的錄制,TGideas的設計師親自上陣,輸出了完整交互原型之后,還輸出了完整的互動demo,方便吳亦凡能夠快速理解創(chuàng)意點,并在拍攝過程中全程跟進監(jiān)制。整個過程中也有外部伙伴積極配合藝人拍攝的協(xié)調和執(zhí)行,以及文案的最終潤色。
**突擊_吳亦凡H5方案交互示意
(以上是原型稿的設計方案)
**突擊_吳亦凡H5方案交互示意
(以上是TGideas設計師為了方便吳亦凡理解,自己表演輸出了demo)
**突擊_吳亦凡H5方案交互示意
(以上圖是創(chuàng)意同期輸出PC版,確保多端體驗)
移動互聯(lián)網(wǎng)時代,優(yōu)質的傳播素材是核心引爆點,創(chuàng)意與技術**結合,就會有奇妙的化學反應。
回想起來,這次的吳亦凡入伍案例,就是以前PC端富媒體廣告創(chuàng)意形式在移動終端上的巧妙再現(xiàn)而已。其實是一個嚴苛條件命題下執(zhí)行比較到位的小聰明,想必行業(yè)里做互動的伙伴們一定也會這樣認為。
總結:話說近年來,H5方案以及相關的html5 開發(fā)工具猶如雨后春筍的出現(xiàn),不過質量也是參差不齊的,本期給大家篩選的H5精品案例:**突擊_吳亦凡H5方案交互示意,還是蠻有創(chuàng)意的,盡管HTML5簡稱過來的詞匯,在大多數(shù)人聽起來,仍十分陌生且難以理解,但HTML5似乎正在走進成為各大公司的市場、公關等負責推廣和傳播的部門人員的視野當中,本期的html5教程通過這個**突擊_吳亦凡H5方案交互示意案例進行分析,希望對大家學習有所幫助,更多的html5教程可登陸課課家官網(wǎng)查詢相關課程學習:http://www.kokojia.com/s/163.html
資訊來源:http://www.kokojia.com/article/5055.html
|
友情提示:
信息由用戶自行發(fā)布,如果發(fā)現(xiàn)錯誤或不符合法規(guī)或造成侵權,請及時通知本站更正或刪除,具體聯(lián)系方式見頁面底部聯(lián)系我們,謝謝。 |
當前頁在本站[名站在線]7天內點擊次數(shù)(點擊次數(shù)為零的日期不顯示): |
信息評估: |
(還沒有網(wǎng)友對該信息作出評估,你想為該信息提供第一個評估嗎?) |
奉化抽糞清理化糞池15825563069服務項目管道疏通、清洗、清淤、拉泥漿,專業(yè)清理工廠工業(yè)池、廢水池、沉淀池、糞池、油池及高壓清洗市政下水、排水、排污等各種管道。簡介1.管道疏通大中小機通各種疑難下水道、衛(wèi)生間、地漏、浴缸、菜池、陰溝、馬桶、蹲坑等;2.管道清洗備有大中高壓清洗車--高壓清洗各種上下水管道及各種疑難污水管道、市政管線、居民樓房所有分管、立管、主管管線、馬桶疏通。3.清理化糞池備有大小抽糞車,較長抽力能達50米,隨時為你準...6MA5510-1AA11/EE報價熱線現(xiàn)貨6MA5510-1AA11/EE6MA5510-1AA11/EE比同行低。!別以為是欺騙你。。〖由蟩q咨詢便知
拿起電話咨詢便知!!
來中海德找李莫愁庫存充足解你燃眉之愁。。
中海德福建工業(yè)設備有限公司
手機18005006671同微信
座機0591-83562354
qq2851617308
SIEMENS6ES7193-4CA30-0AA0SIMATICS7TM-E15C24-A1
Siemens6ES7274-1XF00-0XA0,New,6ES72741XF000XA0,FastShippi
SIEMENS6ES7194-4AF00-0AA0SIMATICET200PRO
Siemens6ES7431-7QH00-0AB0...派克驅動器IPA04-HC派克驅動器IPA04-HC現(xiàn)貨,羅克自動化集派克工業(yè)自動化產(chǎn)品銷售維修回收于一體,致力于滿足客戶之需,解決客戶所難。部分優(yōu)質精品現(xiàn)貨推薦SR1060、ESA-J1003AFD-20、CPAR-C、TS-SH、OEM350X-M2、SX3-DRIVE、AX5101-0000、ESA-B014T25-21.1、AR-08PE、AX5801-0200、DM1B-060G、GV-U6R
汕頭羅克自動化,自動化領域的領軍者。專業(yè)深耕自動化行業(yè),通過多年發(fā)展已經(jīng)成為在國內與國際范圍內**市場影響力與品牌號召力的**品牌。“因為...6FX1120-2CA02 報價熱線現(xiàn)貨6FX1120-2CA026FX1120-2CA02比同行低。!別以為是欺騙你!!!加上qq咨詢便知
拿起電話咨詢便知。。
來中海德找李莫愁庫存充足解你燃眉之愁。!
中海德福建工業(yè)設備有限公司
手機18005006671同微信
座機0591-83562354
qq2851617308
SIEMENS6ES7193-4CA30-0AA0SIMATICS7TM-E15C24-A1
Siemens6ES7274-1XF00-0XA0,New,6ES72741XF000XA0,FastShippi
SIEMENS6ES7194-4AF00-0AA0SIMATICET200PRO
Siemens6ES7431-7QH00-0AB0Analog...6FX1120-2CA02RAM RO M6FX1120-2CA02RAMROM6FX1120-2CA02RAMRO比同行低。。e以為是欺騙你。!加上qq咨詢便知
拿起電話咨詢便知。。
來中海德找李莫愁庫存充足解你燃眉之愁!!
中海德福建工業(yè)設備有限公司
手機18005006671同微信
座機0591-83562354
qq2851617308
SIEMENS6ES7193-4CA30-0AA0SIMATICS7TM-E15C24-A1
Siemens6ES7274-1XF00-0XA0,New,6ES72741XF000XA0,FastShippi
SIEMENS6ES7194-4AF00-0AA0SIMATICET200PRO
Siemens6ES7431-7QH00...
|
|
|
|
|