《融合新聞創(chuàng)作》教學(xué)課件-項目五-H5新聞創(chuàng)作

項目五

H5新聞創(chuàng)作1.知曉H5新聞的內(nèi)涵和創(chuàng)作趨勢；2.知曉H5新聞的創(chuàng)作流程；3.具備H5新聞案例的分析能力和策劃生產(chǎn)能力。教學(xué)目標(biāo)重難點課時6學(xué)時1.H5新聞的創(chuàng)作流程；2.H5新聞案例的分析和策劃生產(chǎn)。2項目五H5新聞創(chuàng)作3一、H5新聞的內(nèi)涵H5是HTML5的簡稱，是指萬維網(wǎng)的核心語言HTML第五次修改完成。依托H5技術(shù)的發(fā)展，其能夠支持移動設(shè)備上的多媒體的播放，是音樂、圖片、動畫與多種元素的集合。H5產(chǎn)品開發(fā)便利、無須安裝、互動性強。設(shè)計、創(chuàng)意是H5產(chǎn)品的精髓，結(jié)合H5強大的技術(shù)內(nèi)核和包容性，H5產(chǎn)品表現(xiàn)的樣式豐富。項目五H5新聞任務(wù)一

認(rèn)識H5新聞（一）H5及其基本樣式4圖文型以圖配文為頁面主體，圖可以是照片、插畫、GIF、背景圖等。交互型運用點擊、擦除、滑動、長按、手勢、搖一搖等交互方式啟動。游戲型融合游戲，如上傳內(nèi)容、回答問題、參與測試、挑戰(zhàn)記錄等。視頻型可嵌入幾分鐘的短視頻，也可以整個H5就是視頻內(nèi)容。模擬型對現(xiàn)實情境模擬，將用戶代入一個特定場景中，可以使手機場景、微信場景、生活場景。12345項目五H5新聞任務(wù)一

認(rèn)識H5新聞H5的基本樣式5項目五H5新聞任務(wù)一

認(rèn)識H5新聞部分中國新聞獎媒體融合獎獲獎H5新聞6項目五H5新聞任務(wù)一

認(rèn)識H5新聞7國慶70周年的H5新聞產(chǎn)品人民日報《56個民族服裝任你選！快秀出你的愛國Style》幫助網(wǎng)友“換裝”，生成臉上貼有國旗的個性化“民族照”?！稄?fù)興大道70號》70屏長圖展現(xiàn)新中國70年的歷程、成就和動態(tài)?！段业哪甏铡酚脩敉ㄟ^上傳個人的JPG照片選擇好自己所在的年代，就能生成一段自己的年代記憶。新華社《NO.70時光機》用長圖盤點中國從1949年到2019年的高光時刻，再現(xiàn)恢復(fù)高考、“神五”發(fā)射等經(jīng)典場景，重溫光榮與夢想?！妒炙俅罂简灐烽啽黝}的小游戲?！段业淖蠲馈贝蚩ㄕ铡啊酚脩暨M入后上傳個人照片即可生成一張穿著國慶群眾游行活動服裝的打卡照，為男女各配置了八套服裝，讓每位用戶都可以盡情展示不一樣的美。央視頻《身份認(rèn)證》收獲一張專屬受閱證書的機會就擺在你面前，加入“人民方隊”觀看國慶盛典全程直播，全民在線接受祖國檢閱！《閱兵手冊》用戶滑動或點擊播放，就能瀏覽包括閱兵日程、徒步方隊、裝備方隊等精彩內(nèi)容?！段淦鹘怄i大挑戰(zhàn)》教你識別解鎖武器，成功解鎖3件還有高能彩蛋?！禫R帶你看人民軍隊強盛陣容》所展現(xiàn)的圖片中囊括了地面突擊、海上護衛(wèi)、空中作戰(zhàn)和戰(zhàn)略打擊等多種類裝備。項目五H5新聞任務(wù)一

認(rèn)識H5新聞8【案例】人民日報:《中國抗疫圖鑒》項目五H5新聞任務(wù)一

認(rèn)識H5新聞9【案例】《情·淮》：淮河莊臺40年簡史項目五H5新聞任務(wù)一

認(rèn)識H5新聞10【案例】澎湃新聞《天渠》一個當(dāng)時年僅20多歲的農(nóng)村大隊長，帶著數(shù)百個村民，鋼釬鑿、風(fēng)鉆敲，前后歷經(jīng)30余年，在峭壁懸崖間挖出一條10公里的“天渠”，造福了當(dāng)?shù)?200多人。項目五H5新聞任務(wù)一

認(rèn)識H5新聞11【案例】新華社《2021，送你一張船票》項目五H5新聞任務(wù)一

認(rèn)識H5新聞12案例央視《幸福照相館》人民日報《快看吶！這是我的軍裝》項目五H5新聞任務(wù)一

認(rèn)識H5新聞13（二）H5新聞的優(yōu)勢1234增強新聞的表現(xiàn)力加深新聞的互動性豐富新聞敘事方式提高新聞的觀賞性項目五H5新聞任務(wù)一

認(rèn)識H5新聞14二、H5新聞制作趨勢H5制作平臺：炫頁、易企秀、百度H5、初頁、iH5、Maka、Mugeda(木疙瘩)、兔展、云來、秀米、We+……1.用戶參與內(nèi)容創(chuàng)作，促進爆款形成鼓勵用戶用簡單的交互參與H5內(nèi)容創(chuàng)作的方式，讓用戶更加有展示和分享欲望，從而促進傳播與爆款的形成。人臉AI合成是比較受歡迎的形式，但對接、調(diào)試接口投入成本較高。如：《軍裝照》《幸福照相館》項目五H5新聞任務(wù)一

認(rèn)識H5新聞152.H5與短視頻有機結(jié)合H5與短視頻融合比較普遍，可視化更強，使新聞作品從短視頻的單一線性敘事向非線性敘事方式轉(zhuǎn)變，同時形成更廣泛的傳播。但需注意，H5中的短視頻內(nèi)容必須保持短小精悍，否則加載慢。如：《你收到的是1927年8月1日發(fā)來的包裹》項目五H5新聞任務(wù)一

認(rèn)識H5新聞163.充分加強交互設(shè)計按鈕與動畫依然是H5作品中最常用的形式，這兩種互動在制作方面非常簡單，也可以搭配形成豐富的效果。目前比較流行的按鈕與動畫結(jié)合的互動形式主要有幻燈片、融媒體、測試題和小游戲四種。如：《我為港珠澳大橋完成了“深海穿針”》項目五H5新聞任務(wù)一

認(rèn)識H5新聞174.VR、AR或成為新方向5G時代的到來、網(wǎng)絡(luò)環(huán)境與速度的改善會使虛擬現(xiàn)實VR與增強現(xiàn)實AR成為H5內(nèi)容生產(chǎn)的新方向。虛擬現(xiàn)實VR與增強現(xiàn)實AR制作成本較高，需要其他設(shè)備采集相關(guān)的素材和內(nèi)容。而增強現(xiàn)實AR當(dāng)前的應(yīng)用主要局限于游戲和電影領(lǐng)域，在新聞行業(yè)應(yīng)用仍需探索。如：澎湃新聞《海拔四千米以上》

項目五H5新聞任務(wù)一

認(rèn)識H5新聞視頻鏈接18一、選題策劃（一）選題

項目五H5新聞任務(wù)二

H5新聞的策劃與制作選題要滿足用戶的需求點、痛點、癢點。（二）策劃

1.定位要策劃好作品面向的用戶。2.需求分析思考用戶的需求是什么。19項目五H5新聞任務(wù)二

H5新聞的策劃與制作3.功能和界面設(shè)計根據(jù)用戶需求和產(chǎn)品定位，設(shè)計所需功能，最終形成一個H5作品流程圖。設(shè)計符合目標(biāo)用戶審美的界面，確定的主題內(nèi)容，進界面風(fēng)格與必要設(shè)計元素的確定，形成交互路徑、交互效果的設(shè)計方案。4.運營策略策劃并做好一個H5后，應(yīng)該通過什么渠道對H5進行傳播。例如是通過微信公眾號、微博、微信用戶群、官方網(wǎng)站，又或者結(jié)合新聞媒體進行軟文引導(dǎo)，甚至是廣告投放等。20二、素材查找與預(yù)處理（一）圖片素材

項目五H5新聞任務(wù)二

H5新聞的策劃與制作查找圖片素材可用的網(wǎng)站：千圖網(wǎng)、全景視覺、覓元素。常用的圖片處理軟件：AdobePhotoshop、美圖秀秀、光影魔術(shù)手、Compressor。（二）視頻素材

下載視頻的網(wǎng)站：Pexels、Pixabay、包圖網(wǎng)和VJshi。常用的視頻處理軟件：ShanaEncoder、小丸子工具箱。21（三）文字素材

項目五H5新聞任務(wù)二

H5新聞的策劃與制作H5字體應(yīng)用與H5作品的美觀度和易讀性緊密相關(guān)?？梢酝ㄟ^常見的字體下載網(wǎng)站下載字體，如站長素材中的字體下載欄和字魂等網(wǎng)站。（四）其他可用工具

1.文件格式轉(zhuǎn)換2.二維碼生成器22三、作品呈現(xiàn)（一）選擇軟件

項目五H5新聞任務(wù)二

H5新聞的策劃與制作國內(nèi)常用H5制作軟件根據(jù)需求可大致分為兩類：第一類是模塊化操作簡單的H5制作軟件，如易企秀、兔展、MAKA、搜狐快站、百度H5等。第二類是專業(yè)型H5制作軟件，如iH5和意派360。23項目五H5新聞任務(wù)二

H5新聞的策劃與制作2.自定義設(shè)計（1）運用合適的幾何圖形。（2）適當(dāng)運用蒙版。（3）居中型設(shè)計和海報型設(shè)計較為常見。（4）慎用向右滑動和橫屏展示。（二）頁面設(shè)計

1.運用現(xiàn)有模板24項目五H5新聞任務(wù)二

H5新聞的策劃與制作四、作品的測試、發(fā)布上線與運營完成H5作品后，要對其進行預(yù)覽以及效果測試，除了內(nèi)部測試，也可以選擇邀請用戶進行測試，然后進行優(yōu)化修改。所有的制作與步驟完成之后，即可進行H5作品的發(fā)布上線，并按照既定的運營方案，運用相關(guān)資源進行H5作品的傳播與運營。25項目五H5新聞任務(wù)三

H5新聞案例選析案例1：《復(fù)興大道70號》作品分析26項目五H5新聞任務(wù)三

H5新聞案例選析案例1：《復(fù)興大道70號》作品分析《復(fù)興大道70號》是人民日報社新媒體中心推出的沉浸式橫屏手繪長圖H5，是為慶祝新中國成立70周年而創(chuàng)作。作品以超長畫卷與“一鏡到底”的形式，通過豐富多元的場景變化與精細(xì)詳實的內(nèi)容細(xì)節(jié)，描繪了新中國成立70年來的光輝歲月，記錄了時代變革與社會發(fā)展的滄桑巨變。整個作品在手機端長約55屏，覆蓋500多個歷史事件和場景，包括4000多個人物、500余座建筑、200余件物品，創(chuàng)造了同類新媒體作品的最大尺寸和最全內(nèi)容，被網(wǎng)友贊為“當(dāng)代版清明上河圖”。作品獲得了第三十屆中國新聞獎二等獎。27項目五H5新聞任務(wù)三

H5新聞案例選析案例2：《長沙有多“長”》作品分析28項目五H5新聞任務(wù)三

H5新聞案例選析案例2：《長沙有多“長”》作品分析紅網(wǎng)推出新媒體H5《長沙有多“長”》，以手繪長卷+動畫+視頻+拼圖的融媒體表達(dá)形式，新穎靈動展示了長沙歷史之“長”、城市之“長”、經(jīng)濟之“長”、交通之“長”、速度之“長”、活力之“長”、智能之“長”、創(chuàng)新之“長”、信息之“長”、藝術(shù)之“長”、幸福之“長”，全面呈現(xiàn)40年改革開放之路、長沙崛起之道。畫面驚艷，文字靈動，風(fēng)格大氣，蘊深刻時代意義于趣味游戲互動中，以媒體融合的創(chuàng)新表達(dá)，奔涌時代力量，展露改革鋒芒。29任務(wù)四

相關(guān)崗位技能實踐訓(xùn)練訓(xùn)練1：為本校的招生宣傳制作一則H5作品H5作品制作階段：1.選擇一款H5制作軟件；2.結(jié)合策劃方案和準(zhǔn)備好的素材，利用選擇好的H5軟件進行作品的制作。在作品制作中的注意事項：（1）H5頁面大小適宜，防止出現(xiàn)黑邊、白邊、錯邊的現(xiàn)象。（2）文字精煉、突出主題；文字間距要合適，段落間距行距合理；字體樣式不宜過多，避免凌亂。（3）音頻最好設(shè)置為循環(huán)播放，確保持續(xù)的視聽氛圍。項目五H5新聞30任務(wù)四

相關(guān)崗位技能實踐訓(xùn)練訓(xùn)練2：為“抗擊新冠肺炎疫情”制作一則H5作品（1