亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
預(yù)測2020年H5玩法新趨勢?附H5刷屏神器推薦
0.0°

2020年H5刷屏新姿勢,且看本文分析。

自14年《圍住神經(jīng)貓》出現(xiàn)在大眾視線,到2020年初的現(xiàn)在, H5 已經(jīng)歷了近六年的時(shí)間驗(yàn)證,盡管每一年都有人跳出來質(zhì)疑H5何時(shí)衰落,但就目前形勢來看,日趨穩(wěn)健的 H5 在未來依然有很大的發(fā)展空間 。

尤其是在 Flash 被 Adobe 官方宣布將于2020年停止支持宣布棄用之后,由此看出,Html5 已經(jīng)成長為能夠代替 Flash 的技術(shù),同時(shí)它也為當(dāng)下的 H5 營銷創(chuàng)意廣告提供了核心的技術(shù)支持 。


現(xiàn)在,我們就來回顧總結(jié)去年的 H5 營銷形式,或許可以一探 2020年的 H5 營銷趨勢 。


1、交互式視頻H5的探索將持續(xù)

從2015年《吳亦凡即將入伍》視頻交互式H5刷屏,再到2016 年《穿越故宮來看你》 H5 出世之后,視頻化的H5 的應(yīng)用場景愈來愈形成主流,因?yàn)檫@一形式既能滿足到用戶的觀賞需求,又避免了許多技術(shù)實(shí)現(xiàn)的問題,短視頻策劃、制作和渲染技術(shù)已經(jīng)非常成熟的今天,又迎來5G時(shí)代的“特殊加持”,將H5這個(gè)傳播的載體及這種應(yīng)用場景能力放大,更多的創(chuàng)意創(chuàng)作者參與進(jìn)來,無疑這種形式依然是爆點(diǎn)之一。

而回顧近幾年,我們可以驚喜的發(fā)現(xiàn),隨著與創(chuàng)意商們持續(xù)不斷的探索,視頻在 H5 中的應(yīng)用不再是從頭到尾零交互的 TVC 創(chuàng)意廣告,而是轉(zhuǎn)變?yōu)槌两?、帶交互的視頻 H5 形式 . 這樣既能解決純視頻 H5 交互性較差、單向傳播的尷尬,好的內(nèi)容創(chuàng)意又能增加用戶打開頁面的時(shí)長,更有利于接受品牌信息 。


2017部分品牌交互視頻案例


這也必須要感謝第一支探索交互視頻的 H5——《活口》,相信未來的交互視頻 H5 形式將會持續(xù)進(jìn)行探索,也會有更多優(yōu)秀案例出現(xiàn)在我們的視線中。


2、重形式與走心的 H5 內(nèi)容并存

在過去的一年間,我們數(shù)次總結(jié)出許多典型的 H5 創(chuàng)意內(nèi)容形式,也為大家提供了許多可供參考使用的特色 H5 模版,比如模擬微信、快閃、長頁面、一鏡到底、3D全景、視差效果、合成海報(bào)等 。


隨著年底的臨近,可能是為了在這個(gè)冷風(fēng)吹的冬季給我們帶來些許溫暖,走心的創(chuàng)意廣告開始發(fā)力,雖然看似和 H5 沒有什么聯(lián)系,但在創(chuàng)意廣告的共通上,讓我們也看到比如《尋找夢想的旅程》、《若不是為了理想,誰又愿意背井離鄉(xiāng)》這類走心的優(yōu)秀 H5 案例 ,節(jié)日。


3、H5 傳播重心依舊是節(jié)日熱點(diǎn)

今年傳播量最大的 H5 案例,大家一定不會陌生了,為建軍 90 周年節(jié)日而策劃的 H5《穿上軍裝》 就是典型的節(jié)日熱點(diǎn) . 當(dāng)然,這支 H5 所引發(fā)的現(xiàn)象級刷屏雖然還有許多其他的外在因素,這里就不多作討論了 . 但總體來看,節(jié)日熱點(diǎn)對于 H5 來說,依然是傳播的重點(diǎn) 。



現(xiàn)象級刷屏H5《穿上軍裝》


而在節(jié)日熱點(diǎn)的把握上,多次造就爆款 H5 的刷屏大戶網(wǎng)易,憑借其對用戶心理的敏銳洞察力,可以說是佼佼者了 . 像之前黑五刷屏的《入職第一天,網(wǎng)易爸爸教我學(xué)做人》,其實(shí)并不是網(wǎng)易第一次用的套路了,早在去年 12 月網(wǎng)易游戲就出品過《我在網(wǎng)易實(shí)習(xí)的第一天就搞了個(gè)大事情》,就把初入職場的新手們辦公室心酸歷程描述出來 。



《我在網(wǎng)易實(shí)習(xí)的第一天就搞了個(gè)大事情》


4、人工智能時(shí)代的新機(jī)遇 or 新挑戰(zhàn)

去年互聯(lián)網(wǎng)行業(yè)最矚目的科技,無疑是人工智能了,從阿爾法狗大戰(zhàn)柯潔開始,人工智能已經(jīng)慢慢滲透進(jìn)各個(gè)領(lǐng)域中 . 2017 年在設(shè)計(jì)界掀起巨大波瀾的人工智能——阿里爸爸家的 AI 設(shè)計(jì)師魯班,據(jù)說它能一分鐘作出8000個(gè) banner 圖(詳見《雙11“鬼故事”》),更是在今年雙十一承包了過億的 banner 量,對于近期熱議的某公司老總要求設(shè)計(jì)師一天做100張圖,設(shè)計(jì)師是做不到的,或許她可以考慮AI。


而在 H5 設(shè)計(jì)中,人工智能的應(yīng)用剛剛開始初露端倪,比如 face++ 的人臉識別功能,就能針對上傳的人物圖片進(jìn)行檢測、追蹤等多種功能,目前意派 Epub360 的人臉識別組件正是用到上述技術(shù),可在線生成證件照、大頭照、臉部照片等多種 H5 顯示效果 。




無論怎樣,相信只要?jiǎng)?chuàng)意不死,H5 依然會繼續(xù)發(fā)展 . 下面我們就來總結(jié)下去年各種 H5 刷屏技巧,從形式上來說,基本涵蓋了各種刷屏案例,趕在2019的車尾學(xué)習(xí)一下,說不定明年的升職加薪,就全靠它了!


H5制作神器推薦:意派Epub360

官網(wǎng):www.epub360.com


刷屏技巧一:裝逼神器

大家可以看到,今年 PV 量最大的刷屏 H5 《穿上軍裝》,以及上周圣誕節(jié)意外爆火的小程序《圣誕頭像》,從本質(zhì)上來說,它們都是一款裝逼神器 . 之所以能在短時(shí)間之內(nèi)刷屏朋友圈,除了恰到好處的運(yùn)用了 “ 節(jié)日熱點(diǎn) ” 這個(gè)核心因素外,洞察用戶的心理也是創(chuàng)意來源的關(guān)鍵 。


各種證照生成器 H5



當(dāng)然,《圣誕頭像》這個(gè)裝逼神器是用小程序來制作的,涵蓋了設(shè)計(jì)、開發(fā)、后臺等多個(gè)流程,技術(shù)門檻較高 . 為此意派 Epub360 特意設(shè)計(jì)了 H5 版《圣誕頭像生成器》,省去了這些復(fù)雜的的技術(shù)限制,只需要一位設(shè)計(jì)獅即可搞定,在實(shí)現(xiàn)難度上比起小程序小了很多 。



from:意派Epub360《圣誕頭像生成器》H5模板


不過,這類短時(shí)間刷屏的裝逼神器們,由于流量劇增的 “ 異常現(xiàn)象 ”,如果沒有官方的技術(shù)加持,很容易就會被微信注意和封殺掉,如何避免此類問題,前兩天搜狗出品的 H5 倒是指了一個(gè)方向:用多種不同的標(biāo)題進(jìn)行轉(zhuǎn)發(fā),分散流量注意 .

至于到底哪些算是微信的違規(guī)操作,詳見《注意這5點(diǎn),再也不怕H5被封了》


刷屏技巧二:交互視頻

這兩年,交互視頻在 H5 中的運(yùn)用變得越來越頻繁,創(chuàng)意搭配也更加得當(dāng) . 究其原因,恐怕還是 “ 技術(shù)問題 ” . 倒不是說原生的 HTML 動(dòng)畫亦或是序列幀等實(shí)現(xiàn)效果不佳,更多的考慮在于,視頻這種形式原本就是許多創(chuàng)意人、廣告人所擅長的,即能滿足創(chuàng)意的完美呈現(xiàn),又不用為實(shí)現(xiàn)技術(shù)而煩惱 。


總體來說,目前交互視頻 H5 主要有 “ 明星 / IP + 跌宕的故事劇情 ”、“ 自由選擇觸發(fā)多條故事線 ”、” 互動(dòng)游戲 “、” VR / AR 交互 “ 這四種形式 。




關(guān)于上述四種內(nèi)容形式的解析,詳見《搶著吃雞手游的騰訊、網(wǎng)易,竟然連H5都不放過...》

而在制作視頻 H5 的時(shí)候,到底采用什么樣的視頻尺寸、以及如何進(jìn)行手機(jī)適配,這些一直是許多派友所頭疼的問題 . 下面就明確一下這些問題,供各位參考:


① 關(guān)于視頻尺寸:官方建議為 750*1200




② 關(guān)于手機(jī)適配:填充模式為縮放以填充模式,同時(shí)勾選視頻啟用尺寸自適應(yīng),再點(diǎn)擊固定四邊


③ 關(guān)于視頻播放:由于安卓端的微信限制,目前最穩(wěn)妥的方式就是采取手勢觸發(fā)播放的形式(如點(diǎn)擊) 


刷屏技巧三:微信模擬

可能是由于無數(shù)千篇一律的微信模擬 H5 ,已使用戶產(chǎn)生審美疲勞,所以今年許多案例開始尋求轉(zhuǎn)變 . 鑒于有道翻譯官的戲精 H5 的創(chuàng)意,到小姐姐入職網(wǎng)易第一天 H5 的延伸,微信模擬有了不一樣的新的玩法 。



from:有道翻譯官《深夜,男同事問我睡了嗎...》


原先采用聊天對話框遞進(jìn)彈出、最后引入主題或者品牌植入的內(nèi)容,形式上過于呆板,也不夠活潑(套路用多了也是會膩的). 而現(xiàn)在是通過模擬一個(gè)真實(shí)的微信賬號,利用這種戲精式的表現(xiàn)手法,使觀看用戶成為旁觀的第三方,隱隱有種八卦窺屏的刺激感受 。



關(guān)于微信這部分的制作方法,僅需要一個(gè)錄屏工具就能搞定,詳見《實(shí)用技術(shù)貼 | 如何快速搞定微信群聊H5》

同時(shí),也有許多其他類似的 H5,不再選擇忠實(shí)于原生的微信界面,而是趨向于以手繪風(fēng)格進(jìn)行呈現(xiàn) . 這在視覺上不僅顯得更加有趣,也更令人有耳目一新的感覺 。




from:意派Epub360《雙11你敢挑戰(zhàn)老婆的購物車?》

途家《老板在群聊中@了你》


刷屏技巧四:一鏡到底

自奶奶級國牌百雀羚廣告刷屏之后,這種長頁面的創(chuàng)意形式就一發(fā)不可收拾 . 最常見的一鏡到底,就是上下左右交互的長頁面 H5 。




from:春顏秋色《萬科濱水大宅新作 全球首發(fā)》

天貓《外星人入侵地球竟是為了…》


處理長頁面 H5 時(shí),有幾個(gè)需要注意的制作要點(diǎn):


① 如長頁面中有需要觸發(fā)的動(dòng)畫,可使用錨點(diǎn)進(jìn)行動(dòng)畫效果的觸發(fā),動(dòng)畫較多時(shí)可進(jìn)行分組處理

② 如圖片的長度過長,可能會影響到作品在移動(dòng)端的顯示效果,因此可先切割成幾個(gè)較小的長圖,后續(xù)再進(jìn)行拼接處理


關(guān)于具體的長頁面制作過程,詳見《如何制作橫屏H5》

上述這類長頁面 H5,還是屬于二維平面形式的范疇,而在一鏡到底 H5 中,最有代表性、也較為復(fù)雜的,就是連續(xù)不間斷的鏡頭拉伸效果,這樣的場景在體驗(yàn)上會有一種穿梭空間的感覺 。




from:Epub360《回望過去 探索未來》


如何實(shí)現(xiàn)這種特殊效果呢?簡單來說,就是結(jié)合特定的 “ 一鏡到底 ” 功能,通過設(shè)置一層層的 layer 頁面之間的距離與出現(xiàn)時(shí)長,來實(shí)現(xiàn)此效果 .

詳見《打造酷炫的“一鏡到底”效果,3步就夠了...》

今年的刷屏技巧就總結(jié)到這里啦,希望能給各位酷友帶來不錯(cuò)的靈感哦,有問題歡迎評論,友善交流~



Powered by Froala Editor

更新:2020-01-14

收藏

1人已收藏

JUSTIN_BAI

努力,認(rèn)真,盡情

  • 26

    作品

  • 19

    粉絲

  • 7

    關(guān)注

  • 微排版svg教程|公眾號頂層滑動(dòng)視差排版
  • 微排版SVG教程|4分鐘學(xué)會錯(cuò)層滑動(dòng)交互排版
  • 如何用「微排版SVG編輯器」3分鐘做出爆款交互圖文?
  • 政務(wù)新媒體運(yùn)營與策劃制作H5必學(xué)(附案例)

    猜你喜歡

      預(yù)測2020年H5玩法新趨勢?附H5刷屏神器推薦

      0.0°

      你確定要舉報(bào)預(yù)測2020年H5玩法新趨勢?附H5刷屏神器推薦

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2020年01月14日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      2
      1
      0

      賬號或密碼錯(cuò)誤,請重新輸入

      賬號或密碼錯(cuò)誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號登錄