《H5設(shè)計與運營》教學(xué)大綱

1、H5設(shè)計與運營教學(xué)大綱一、課程信息課程名稱：H5設(shè)計與運營課程類別：專業(yè)基礎(chǔ)課課程性質(zhì)：必修計劃學(xué)時：45計劃學(xué)分：3先修課程：無選用教材：H5設(shè)計與運營，易企秀主編，2020年；人民郵電出版社出版教材適用專業(yè)：本書可作為本科院校及職業(yè)院校新媒體相關(guān)專業(yè)的教學(xué)用書。課程負責(zé)人：二、課程簡介本書理論知識與實操案例相輔相成，詳細介紹了 H5運營與設(shè)計的方法與技巧，內(nèi)容包括：H5概 述，開發(fā)H5的流程與策略，H5頁面風(fēng)格設(shè)計，H5頁面圖文設(shè)計，H5影音設(shè)計，H5頁面動效設(shè)計， H5創(chuàng)意優(yōu)化，易企秀H5編輯器的使用方法，使用易企秀制作翻頁型、長頁型、表單型、互動型與視 頻型H5,以及H5的推廣引流等。

2、三、課程教學(xué)要求序號專業(yè)畢業(yè)要求課程教學(xué)要求關(guān)聯(lián)程度1工程知識了解什么是H5、H5的應(yīng)用場景與應(yīng)用類型，掌握開發(fā) H5的流程與策略，掌握H5頁面的設(shè)計方法，學(xué)會使用 易企秀制作H5,掌握H5推廣引流的方法H2問題分析發(fā)現(xiàn)H5設(shè)計與運營中存在的問題，尋找出現(xiàn)問題的原因H3設(shè)計/開發(fā)解決方案提高H5頁面圖文設(shè)計、影音設(shè)計、動效設(shè)計、創(chuàng)意優(yōu)化 等方面的能力，強化H5的運營H4研究5使用現(xiàn)代工具H5 籌劃常用工具：PowerPoint Keynote、Axure 墨刀、 Word數(shù)據(jù)監(jiān)控工具：友盟、神策、百度移動統(tǒng)計、GrowinglO. TalkingData瀏覽器：Google Chrome瀏覽器

3、酉己色工具：Coolors Adobe Kuler ColorDrop ColormindH使用現(xiàn)代工具圖片壓縮工具:Photoshop,智圖、TinyPNG、JPEGminiH5制作工具:Photoshop易企秀H5動畫/視頻制作工具：After Effects、Premiere、模 板制作工具音頻素材網(wǎng)站：Adobe免費音效庫、FindSounds、FreeSFX、 OpenGameArt Sound Jay、音樂網(wǎng)站搜索平臺音頻編輯工具：Audition動效設(shè)計工具：Photoshop Flash、After EffectsJavaScript 腳本、CSS3 animation Ani

4、mate CC推廣工具：微信、App、新媒體平臺H6工程與社會H5能夠幫助企業(yè)迅速與用戶建立情感聯(lián)系，幫助用戶加 深對品牌和產(chǎn)品的認知H7環(huán)境和可持續(xù)開展8職業(yè)規(guī)范培養(yǎng)認真、謹慎、創(chuàng)新的職業(yè)精神；熟練使用制作與運 營H5的各種工具，提升H5的設(shè)計水平，強化H5的運營H9個人和團隊10溝通11工程管理12終身學(xué)習(xí)了解各種H5設(shè)計與運營相關(guān)的工具，不斷提高各類工具 的操作能力；經(jīng)常學(xué)習(xí)優(yōu)秀的H5作品以及運營技巧，不 斷提升H5的設(shè)計與運營水平H注：“課程教學(xué)要求”欄中內(nèi)容為針對該課程適用專業(yè)的專業(yè)畢業(yè)耍求與相關(guān)教學(xué)要求的具體描述。“關(guān)聯(lián)程度”欄中字母表示二者關(guān)聯(lián)程度。關(guān)聯(lián)程度按高關(guān)聯(lián)、中關(guān)聯(lián)、低關(guān)

5、聯(lián)三檔分別表示為“H” 或L”?！罢n程教學(xué)要求”及“關(guān)聯(lián)程度”中的空白欄表示該課程與所對應(yīng)的專業(yè)畢業(yè)要求條目 不相關(guān)。四、課程教學(xué)內(nèi)容章節(jié)名稱主要內(nèi)容重難點關(guān)鍵詞學(xué)時類型1H5：強互動的微 切樂體馱什么是H5H5營銷的優(yōu)勢H5的應(yīng)用場景H5的應(yīng)用類型H5； H5營銷的優(yōu) 勢；H5的應(yīng)用場 景;H5的應(yīng)用類型3理論2運營規(guī)劃:開發(fā)H5的流程與策 略開發(fā)H5的基本流程 開發(fā)H5的細節(jié)規(guī)范 打造爆款H5的策略H5開發(fā)的細節(jié)規(guī) 范;打造爆款H5的 策略4理論+ 操作3H5頁面風(fēng)格設(shè) 計:營造極具沖 擊力的視覺氛 圍常見的H5頁面風(fēng)格H5頁面色彩設(shè)計常見的H5頁面風(fēng) 格;H5頁面設(shè)計中 常用的比照配色

6、方案;H5頁面色彩 設(shè)計的策略3理論+ 操作4圖文設(shè)計:用高 顏值圖文提升 畫面質(zhì)感H5頁面版式設(shè)計H5頁面圖片設(shè)計H5頁面文本設(shè)計實戰(zhàn)案例制作邀請函H5頁面H5頁面版式設(shè)計 的方法;H5頁面圖 片設(shè)計的方法；H5 頁面文本設(shè)計的 方法6理論+ 操作5影音設(shè)計:增強H5畫面的張力 氣氛H5動畫/視頻設(shè)計H5背景音樂/音效設(shè)計H5音樂素材的與編輯H5動畫/視頻制作 的策略、工具與方 法;H5音樂素材的 渠道和編輯 方法4理論+ 操作6動效設(shè)計:打造H5頁面交互體 驗H5頁面動效實現(xiàn)方法優(yōu)化H5頁面動效實戰(zhàn)案例一一使用易企秀制作H5 動效頁面H5頁面動效的設(shè) 計準那么；在易企秀 中制作動效頁面 的

7、方法5理論+ 操作7創(chuàng)意優(yōu)化:用高 端創(chuàng)意打造刷 屏級H5創(chuàng)作富有“情感”的H5借助超級IP形成創(chuàng)意主題H5創(chuàng)意文案的撰寫運用熱門技術(shù)打造H5炫酷畫面設(shè)計趣味玩法增加H5的互動性制作富有“情感” 的H5的方法；借 助超級IP形成創(chuàng) 意主題的方法；H5 創(chuàng)意文案的撰寫 方法5理論+ 操作8H5制作工具: 易企秀的使用H5基本編輯使用易企秀H5編輯器組件使用易企秀H5編輯器表單使用易企秀制作 H5的基本編輯操 作；易企秀H5編 輯器組件的使用 方法；易企秀H5編 輯器表單的使用 方法6理論+ 操作9H5制作實戰(zhàn)： 使用易企秀制 作H5實戰(zhàn)案例一一企業(yè)宣傳與邀請函翻頁型H5的制作實戰(zhàn)案例一一企業(yè)招聘

8、長頁型H5 的制作實戰(zhàn)案例一一調(diào)查問卷表單型H5 的制作實戰(zhàn)案例一一翻牌游戲互動型H5 的制作翻頁型H5的制作 方法;長頁型H5的 制作方法；表單型 115的制作方法；互 動型H5的制作方 法5操作10推廣引流:優(yōu)質(zhì) 渠道誘發(fā)H5裂微信推廣引流 App推廣引流通過微信推廣H5 的方法；通過App4理論+ 操作變式傳播新媒體平臺推廣引流 線下活動推廣引流 二維碼推廣引流推廣H5的方法； 通過新媒體平臺 推廣H5的方法； 通過線下活動推 廣H5的方法五、考核要求及成績評定序號成績類別考核方式考核要求權(quán)重（%）備注1期末成績期末考試大作業(yè)50百分制，60分為及格2平時成績實戰(zhàn)訓(xùn)練10次40優(yōu)、良、中

9、、及格、不及格3平時表現(xiàn)出勤情況10兩次未參加課程那么無法獲得學(xué)分注：此表中內(nèi)容為該課程的全部考核方式及其相關(guān)信息。六、學(xué)生學(xué)習(xí)建議（一）學(xué)習(xí)方法建議.理論配合實戰(zhàn)訓(xùn)練進行學(xué)習(xí)，提高學(xué)生在H5頁面圖文設(shè)計、影音設(shè)計、動效設(shè)計、創(chuàng)意優(yōu)化等 方面的能力以及H5運營能力；.在條件允許的情況下，可以在自媒體平臺上進行H5運營，根據(jù)運營效果評估自己的H5設(shè)計 與運營水平。（二）學(xué)生課外閱讀參考資料H5+營銷設(shè)計手冊，蘇杭（小呆）著，2019年；人民郵電出版社出版；H5移動營銷廣告設(shè) 計全攻略，劉松異編著，2019年；人民郵電出版社出版。七、課程改革與建設(shè)本書以行業(yè)應(yīng)用為導(dǎo)向，從開發(fā)流程到應(yīng)用策略，從風(fēng)格設(shè)計到圖文設(shè)計，從影音設(shè)計到動效設(shè)計， 從創(chuàng)意優(yōu)化到工具使用，從案例制作到推廣引流，突出了 “以應(yīng)用為主線，以技能為核心”的編寫特點， 表達了 “導(dǎo)教相融、學(xué)做合一”的教學(xué)思想