H5面創(chuàng)意設(shè)計（全彩慕課版）（第2版）-教學大綱

《H5頁面創(chuàng)意設(shè)計（全彩慕課版）(第2版)》教學大綱課程信息課程名稱：H5頁面創(chuàng)意設(shè)計課程類別：素質(zhì)選修課/專業(yè)基礎(chǔ)課課程性質(zhì)：選修/必修計劃學時：28計劃學分：2先修課程：無適用專業(yè)：本書適合作為高等院校H5頁面設(shè)計與制作類課程的教材，也可作為從事與H5頁面設(shè)計與制作相關(guān)工作的從業(yè)人員的參考書。課程負責人：二、課程簡介隨著移動互聯(lián)網(wǎng)技術(shù)的日益普及和迅猛發(fā)展，“H5”這個新興名詞逐漸被更多的人認識和了解。本書從H5頁面設(shè)計與制作的角度出發(fā)，以設(shè)計案例和項目實踐相結(jié)合的方式，介紹了H5頁面設(shè)計與制作的相關(guān)知識與操作技能。全書共9章內(nèi)容，分別是認識H5、認識H5的設(shè)計規(guī)范和工具、H5頁面的設(shè)計基礎(chǔ)、H5頁面的素材設(shè)計、H5頁面的動效設(shè)計、H5頁面的創(chuàng)意設(shè)計、活動運營H5頁面的設(shè)計與制作、產(chǎn)品推廣H5頁面的設(shè)計與制作、企業(yè)招聘H5頁面的設(shè)計與制作。開拓讀者的設(shè)計思維，提高其實際操作能力。各章都設(shè)有“學習引導”“項目實訓”“實戰(zhàn)演練”等模塊，能幫助讀者理解和掌握H5頁面設(shè)計與制作的關(guān)鍵知識。三、課程教學要求序號專業(yè)畢業(yè)要求課程教學要求關(guān)聯(lián)程度1工程知識2問題分析了解H5頁面設(shè)計與制作的工具，快速掌握H5頁面的設(shè)計與制作H3設(shè)計/開發(fā)解決方案具備設(shè)計H5頁面的能力，能夠根據(jù)企業(yè)的需求，設(shè)計出有吸引力的H5頁面H4研究M5使用現(xiàn)代工具M6工程與社會L7環(huán)境和可持續(xù)發(fā)展8職業(yè)規(guī)范提高H5頁面的設(shè)計能力，培養(yǎng)H5設(shè)計水平H9個人和團隊課后練習可以進行分組練習，分擔任務(wù)，學習配合H10溝通通過小組發(fā)言、提交練習或思考報告增強溝通能力與執(zhí)行能力H11項目管理H12終身學習以終生學習為目標，不斷了解當下流行的H5頁面設(shè)計的相關(guān)知識，學習使用圖形圖像軟件設(shè)計H5頁面，并導入到H5頁面設(shè)計工具中添加動效，提高H5頁面的設(shè)計與制作的綜合能力注：“課程教學要求”欄中內(nèi)容為針對該課程適用專業(yè)的專業(yè)畢業(yè)要求與相關(guān)教學要求的具體描述?！瓣P(guān)聯(lián)程度”欄中字母表示二者關(guān)聯(lián)程度。關(guān)聯(lián)程度按高關(guān)聯(lián)、中關(guān)聯(lián)、低關(guān)聯(lián)三檔分別表示為“H”“M”或“L”?！罢n程教學要求”及“關(guān)聯(lián)程度”中的空白欄表示該課程與所對應(yīng)的專業(yè)畢業(yè)要求條目不相關(guān)。四、課程教學內(nèi)容章節(jié)名稱主要內(nèi)容重難點關(guān)鍵詞學時類型1認識H5H5的基礎(chǔ)知識如何學好H5設(shè)計H5的設(shè)計與制作流程H5的概念、類型、風格，H5的優(yōu)勢與不足，H5頁面設(shè)計的原則；H5設(shè)計作品應(yīng)具備的特點、H5設(shè)計人員應(yīng)具備的素質(zhì)，以及H5的設(shè)計與制作流程3理論+實訓2認識H5的設(shè)計規(guī)范和工具H5的設(shè)計規(guī)范H5的元素設(shè)計工具H5的設(shè)計生成制作工具H5的創(chuàng)意開發(fā)工具H5的輔助設(shè)計工具瀏覽器的選擇、H5的常用設(shè)計尺寸、H5頁面的安全區(qū)，Photoshop、Illustrator、AfterEffects、Audition等元素設(shè)計工具，MAKA、—易企秀、兔展、人人秀、初頁等H5制作工具，意派Epub360、iH5等H5創(chuàng)意開發(fā)工具；格式工廠、PSPlay、TinyPNG、草料二維碼等H5輔助設(shè)計工具4同上3H5頁面的設(shè)計基礎(chǔ)H5原型圖色彩版面H5原型圖的概念與應(yīng)具備的要素，色彩三要素、色彩與情感、氛圍的關(guān)系，色彩搭配方法；H5頁面版面類型及各類型設(shè)計要點3同上4H5頁面的素材設(shè)計H5頁面的圖片設(shè)計H5頁面的文字設(shè)計H5頁面的音效設(shè)計圖片素材的獲取、圖片的設(shè)計原則，H5頁面中的文字及字體、H5頁面標題文字和正文文字的設(shè)計技巧，H5頁面中音效素材的獲取方法及選擇注意事項3同上5H5頁面的動效設(shè)計H5頁面動效設(shè)計基礎(chǔ)H5頁面的內(nèi)頁動效設(shè)計H5頁面的轉(zhuǎn)場動效設(shè)計H5頁面動效的作用和主要類型，內(nèi)頁動效的選擇、層級；設(shè)計轉(zhuǎn)場動效的注意事項3同上6H5頁面的創(chuàng)意設(shè)計H5頁面的交互創(chuàng)意設(shè)計H5頁面的動態(tài)創(chuàng)意設(shè)計使用H5+720度全景技術(shù)查看全景畫面、使用H5+人臉識別技術(shù)讓內(nèi)容更有趣、使用H5+物理引擎技術(shù)創(chuàng)建虛擬世界、使用H5+重力感應(yīng)技術(shù)讓用戶的互動體驗更強、使用H5+手指跟隨技術(shù)讓操作更生動，使用H5+快閃廣告提升瀏覽體驗、使用H5+粒子特效提升視覺體驗、使用H5+視頻提升內(nèi)容的展現(xiàn)效果、使用H5+多屏互動提升營銷的娛樂性、使用H5+GIF動畫讓畫面更生動3同上7綜合案例：活動運營H5頁面的設(shè)計與制作制作元宵節(jié)活動H5頁面的前期準備元宵節(jié)活動H5頁面的設(shè)計元宵節(jié)活動H5頁面的動效制作與發(fā)布元宵節(jié)活動H5頁面設(shè)計構(gòu)思、繪制元宵節(jié)活動H5頁面原型圖、搜集元宵節(jié)活動H5頁面素材；設(shè)計元宵節(jié)活動H5標題頁、設(shè)計元宵節(jié)活動H5內(nèi)容頁、設(shè)計元宵節(jié)活動H5紅包頁、設(shè)計元宵節(jié)活動H5介紹頁；為元宵節(jié)活動H5頁面添加動效、為元宵節(jié)活動H5頁面添加音效、發(fā)布元宵節(jié)活動H5頁面3案例+實訓8綜合案例：產(chǎn)品推廣H5頁面的設(shè)計與制作制作產(chǎn)品推廣H5頁面的前期準備產(chǎn)品推廣H5頁面的設(shè)計產(chǎn)品推廣H5頁面的動效制作與發(fā)布產(chǎn)品推廣H5頁面設(shè)計構(gòu)思、繪制產(chǎn)品推廣H5頁面原型圖、搜集產(chǎn)品推廣H5頁面素材；設(shè)計產(chǎn)品推廣H5首頁、設(shè)計產(chǎn)品推廣H5內(nèi)頁、設(shè)計產(chǎn)品推廣H5尾頁；為產(chǎn)品推廣H5頁面添加動效、為產(chǎn)品推廣H5頁面添加音效、發(fā)布產(chǎn)品推廣H5頁面3同上9綜合案例：企業(yè)招聘H5頁面的設(shè)計與制作制作企業(yè)招聘H5頁面的前期準備企業(yè)招聘H5頁面的設(shè)計企業(yè)招聘H5頁面的動效制作與發(fā)布企業(yè)招聘H5頁面設(shè)計構(gòu)思、繪制企業(yè)招聘H5頁面原型圖、搜集企業(yè)招聘H5頁面素材；導入企業(yè)招聘H5頁面素材、設(shè)計企業(yè)招聘H5首頁、設(shè)計企業(yè)招聘H5內(nèi)頁；為企業(yè)招聘H5頁面添加動效、為企業(yè)招聘H5頁面添加音效、發(fā)布企業(yè)招聘H5頁面3同上五、考核要求及成績評定序號成績類別考核方式考核要求權(quán)重（%）備注1期末成績期末考試大作業(yè)50百分制，60分為及格2平時成績實戰(zhàn)訓練10次40優(yōu)、良、中、及格、不及格3平時表現(xiàn)出勤情況102次未參加課程則無法獲得學分注：此表中內(nèi)容為該課程的全部考核方式及其相關(guān)信息。六、學生學習建議學習方法建議1.理論配合課堂實訓進行學習，提高學生對H5頁面設(shè)計與制作的動手能力；2.在條件允許的情況下，可以嘗試在不同平臺工具軟件設(shè)計與制作H5頁面；3.提高學生的設(shè)計能力與動手能力。學生課外閱讀參考資料《H5創(chuàng)意與廣告設(shè)計》，教育部教育管理信息中心組編，2019年，人民郵電出版社《H5設(shè)計與運營（視頻指導版）》，余蘭亭萬潤澤編著，2020年，人民郵電出版社七、課程改革與建設(shè)本書內(nèi)容全面，深淺適度。在第1章～第2章主要對H5的基礎(chǔ)知識進行講解，第3章～第6章主要對H5頁面的設(shè)計基礎(chǔ)、素材設(shè)計、動效設(shè)計、創(chuàng)意設(shè)計等進行講解，第7章~第9章則通過3個綜合案例講解不同類型H5頁面的設(shè)計與制作方法。本書在按照現(xiàn)代教學需要進行編寫的基礎(chǔ)上，突出了實用性和可操作性。本書不但對H5基礎(chǔ)知識和常見設(shè)計規(guī)范及方法進行了介紹，還通過實例的形式，對不同的H5編輯工具進行了介紹。同時，為了幫助讀者快速了解H5，掌握不同類型的H5頁面的設(shè)計方法，本書在理論講解環(huán)節(jié)結(jié)合典型案