為什么要開發(fā)本課程？隨著移動互聯(lián)網(wǎng)的發(fā)展，H5和長圖的運用越來越廣，對于宣傳企業(yè)文化、及時傳遞公司資訊、分享微課等都非常有利。 如何開發(fā)本課程？對比多款技術軟件，對最常用的軟件應用進行實操演示。 本課程的特色是什么？可操作性強，課堂產出效果明顯。
1、知識方面：熟悉H5和長圖的應用和優(yōu)勢 2、技能方面：掌握H5和長圖的制作技巧 3、獲贈豐富的模板和素材、相關軟件等
上篇：H5的制作訓練 第一章：制作H5的十大工具對比 1、易企秀的優(yōu)缺點 2、人人秀的優(yōu)缺點 3、MAKA的優(yōu)缺點 4、兔展的優(yōu)缺點 5、人人秀的優(yōu)缺點 6、70C的優(yōu)缺點 7、最酷網(wǎng)的優(yōu)缺點 8、云來的優(yōu)缺點 9、Epub360的優(yōu)缺點 10、iH5的優(yōu)缺點 第二章： 制作實戰(zhàn)篇（以易企秀為例） 第1步：認識H5的操作界面 1、菜單欄 1）文本 2）圖片 3）背景 4）音樂 5）形狀 6）表單 7）特效 2、模板欄 1）單頁模板（與整體模板對應） 2）功能模板 3）我的模板 第2步：1.0版H5——骨感 1、全副武裝 1)安裝圖片水印去除軟件 2)安裝音視頻剪切軟件 3)安裝屏幕取色器軟件 2、設計主題封面 1)添加公司LOGO 2)標題字體字號顏色設計 3)正文字體字號顏色設計 4)主題背景設計 3、設計主題內容總頁數(shù) 第3步：2.0版H5——豐滿 1、豐富血肉三要素 1)圖片 2)文字 3)音樂 2、七大渠道豐富血肉 1)記錄本 2)學員訪談 3)相片圖片 4)互聯(lián)網(wǎng) 5)同行激蕩 6)書報雜志 7)實地考察 第4步：3.0版H5——美化 1、排版美化六要素 1)內容 2)文字 3)結構 4)色彩 5)音頻 6)動畫 3、版面設計4大要求 1)聚焦 2)簡潔 3)美觀 4)創(chuàng)意 4、版面設計工具 1)網(wǎng)格開關 2)智能參考線 3)吸附效果 5、文字處理技巧 1)文不如句、句不如詞 2)標題字體字號顏色 3)正文字體字號顏色 6、圖片的兩大來源 1)百度圖片 2)專業(yè)圖片網(wǎng)站 7、圖片的常用處理技巧（結合圖片處理軟件） 8、色彩搭配技巧 1)三色原則 2)深淺原則 3)統(tǒng)一原則 9、色彩的四大形式 1)字體顏色 2)形狀顏色 3)邊框顏色 4)背景顏色 10、音頻的剪切技巧示范 第5步：4.0版H5——動畫 1、動畫的四種類型 1)進入動畫 2)強調動畫 3)退出動畫 4)特殊動畫 2、動畫的批處理技巧和設置技巧 1)H5極品動畫欣賞 2)動畫設置技巧 3、頁面特效的設置 第三章： 設計理念篇 1、H5新手的七宗罪 1)長篇大論 2)五顏六色 3)風格雜亂 4)低劣圖片 5)排版混亂 6)濫用動畫 7)邏輯不清 2、精美H5四要素模型 1)結構化思考 2)圖表化表達 3)色彩化突出 4)動態(tài)化呈現(xiàn) 3、何謂結構化與結構化的優(yōu)點 1)簡明扼要 2)清晰明了 3)容易記憶 4、H5風格的定位 1)夸張風格：濃妝艷抹 2)商務風格：質樸簡約 3)藝術風格：天馬行空 4)極簡風格：只言片語 下篇：長圖文的制作訓練（課前準備：安裝240種書法字體） 第一章：制作長圖文的常用軟件 1、電腦自帶畫圖工具 2、Word 3、PPT 4、美圖秀秀 5、PhotoShop（位圖軟件） 6、Ai（矢量圖軟件） 7、Indesign（排版強大，位圖+矢量圖，擅長文字） 8、Coredraw（排版強大，位圖+矢量圖，擅長文字） 9、網(wǎng)頁工具——秀米（做H5，做公眾號） 10、手機APP（如簡書） 第二章：制作實戰(zhàn)篇（以PhotoShop為例） 1、圖片的基本知識 1）像素與矢量（函數(shù)） 2）位圖與位圖設計軟件（PS、美圖秀秀） 3）矢量圖與矢量設計軟件 4）圖片的存儲格式（jpg有背景，png背景透明，占空間，psd-PS，ai-AI,GIF動圖等） 2、圖片的顏色模式 1）位圖模式（黑白模式） 2）灰度模式（與位圖模式的差別） 3）RGB模式（紅綠藍） 4）CMYK模式（打?。? 5）Lab模式 3、圖片大小的影響因素 1）寬度與高度比例 2）分辨率 4、長圖制作六步驟 1）設置圖片大?。▽捀摺⒎直媛剩? 2）圖片主色調選擇 3）設計長圖背景 4）主字體選擇 5）圖層素材收集 6）圖文排版 5、圖層素材的來源 1）形狀工具的妙用 2）選區(qū)工具制作icon 3）PS筆刷 4）圖層素材網(wǎng)站（千庫網(wǎng)等） 5）圖層樣式的設置 6、版面設計工具 1）標尺 2）網(wǎng)格線 3）參考線 4）對齊格式 7、圖片導出 8、H5設計理念知識點回顧（色彩、配色、風格） 第三章：制作延展篇 1、秀米制作長圖文（網(wǎng)頁端） 2、簡書制作長圖文（手機端） 注：課綱大綱可根據(jù)企業(yè)實際需求進行調整，最終以課件內容為準！
