課程名稱： 《新媒體視覺必殺技：長圖、H5及推文制作》

主講：  傅嬋老師  6課時(shí)

課程背景：

新媒體的變革時(shí)代已經(jīng)悄然來臨，面對(duì)傳統(tǒng)經(jīng)營模式和增長方式受到的種種挑戰(zhàn)，該如何運(yùn)用互聯(lián)網(wǎng)營銷思維來做營銷推廣，如何做到從形似到神似，從量變到質(zhì)變，以全新的市場(chǎng)思維進(jìn)行商業(yè)模式和服務(wù)模式的革新，很多企業(yè)還在實(shí)踐的過程中。

本課程幫助企業(yè)營銷人員快速掌握如何制作吸睛長圖、互動(dòng)H5和微信推文的實(shí)用技能，來幫助企業(yè)分支機(jī)構(gòu)進(jìn)行客戶獲取、維護(hù)和營銷，宣傳企業(yè)文化、及時(shí)傳遞公司資訊、分享產(chǎn)品信息。本課程可操作性強(qiáng)，課堂產(chǎn)出效果明顯。

課程收益：

通過本課程的學(xué)習(xí)使學(xué)員能夠：

1.     熟悉長圖、H5和微信推文的應(yīng)用和優(yōu)勢(shì)

2.     掌握長圖、H5和微信推文的制作技巧

課程對(duì)象：企業(yè)營銷人員、客戶經(jīng)理

授課方式：案例教學(xué)、實(shí)操演練，點(diǎn)評(píng)式教學(xué)。

課程大綱/要點(diǎn)：

模塊一 新媒體視覺必殺技——顏值（1小時(shí)）

一、設(shè)計(jì)新手的七宗罪

1. 長篇大論

2. 五顏六色

3. 風(fēng)格雜亂

4. 低劣圖片

5. 排版混亂

6. 濫用動(dòng)畫

7. 邏輯不清

二、精美制作的“四化”模型

1. 結(jié)構(gòu)化思考

2. 圖表化表達(dá)

3. 色彩化突出

4. 動(dòng)態(tài)化呈現(xiàn)

三、設(shè)計(jì)風(fēng)格定位

1. 夸張風(fēng)：濃妝艷抹

2. 商務(wù)風(fēng)：質(zhì)樸簡約

3. 藝術(shù)風(fēng)：天馬行空

4. 極簡風(fēng)：只言片語

模塊二 長圖制作（1.5小時(shí)）

第一講： 長圖制作入門

1.     為什么長圖成為營銷利器？

1)     一圖勝千言

2)     長圖的應(yīng)用場(chǎng)景

2.     長圖的制作change六步法

1)     Content內(nèi)容提煉加工

2)     Hierarchy內(nèi)容結(jié)構(gòu)層次

3)     Action設(shè)計(jì)用戶行為

4)     Network搭建關(guān)系鏈接

5)     Graphic圖像效果呈現(xiàn)

6)     Emphasis設(shè)計(jì)強(qiáng)化突出

第二講： 長圖制作實(shí)戰(zhàn)（以圖怪獸為例）

1.     長圖制作七要素

1)     找模版

2)     選文字

3)     配照片

4)     搭素材

5)     加圖表

6)     換背景

7)     調(diào)文案

2.     四種類型長圖制作

1)     海報(bào)

2)     信息圖

3)     手抄報(bào)

4)     GIF動(dòng)圖

模塊三 H5制作（2小時(shí)）

第一講： H5制作入門

1.     引發(fā)H5傳播的四大心理因素

2.     金融H5的五種熱門形式

3.     常用H5制作工具對(duì)比及介紹

第二講： 制作實(shí)戰(zhàn)5部曲（以易企秀為例）

第1步：認(rèn)識(shí)H5的操作界面

1. 菜單欄（文本、圖片、背景、音樂、形狀、表單、特效）

2. 模板欄（單頁模板、功能模板、我的模板）

第2步：搭建H5的結(jié)構(gòu)

1. 素材準(zhǔn)備

1）安裝圖片水印去除軟件

2）安裝音視頻剪切軟件

3）安裝屏幕取色器軟件

2. 設(shè)計(jì)主題封面

1）添加公司LOGO

2）標(biāo)題字體字號(hào)顏色設(shè)計(jì)

3）正文字體字號(hào)顏色設(shè)計(jì)

4）主題背景設(shè)計(jì)

3. 設(shè)計(jì)主題內(nèi)容頁數(shù)規(guī)劃

第3步：豐富H5的內(nèi)容

1. 豐富內(nèi)容三要素：圖片、文字、音樂

2. 內(nèi)容的七大來源：筆記本、訪談、相片、搜索、同行、書報(bào)雜志、實(shí)地考察

第4步：提升H5的顏值

1. 排版美化六要素

2. 版面設(shè)計(jì)4大要求

3. 版面設(shè)計(jì)工具

1）網(wǎng)格開關(guān)

2）智能參考線

3）吸附效果

4. 文字處理技巧

1）文不如句、句不如詞

2）標(biāo)題字體字號(hào)顏色

3）正文字體字號(hào)顏色

5. 圖片的來源

6. 圖片的常用處理技巧

7. 色彩搭配技巧

8. 色彩的四大形式（字體、形狀、邊框、背景）

9. 音頻的剪切技巧

第5步：渲染H5的動(dòng)畫

1. 動(dòng)畫的四種類型（進(jìn)入、強(qiáng)調(diào)、退出、特殊）

2. 動(dòng)畫的批處理技巧和設(shè)置技巧

3. 頁面特效的設(shè)置

第三講 交互場(chǎng)景和創(chuàng)意

1. 分頁跳轉(zhuǎn)

2. 導(dǎo)流轉(zhuǎn)化

3. 表單測(cè)評(píng)

4. 互動(dòng)觸發(fā)

5. 撥打電話

6. 抽獎(jiǎng)互動(dòng)

模塊四 微信推文制作（1.5小時(shí)）

第一講： 推文制作入門

1.     金融推文的四種熱門形式

2.     常用推文編輯工具對(duì)比及介紹

第二講： 推文制作實(shí)戰(zhàn)（以135編輯器為例）

一、認(rèn)識(shí)編輯器的操作界面

1. 功能欄（標(biāo)題、正文、引導(dǎo)、圖文、布局、行業(yè)等）

2. 編輯欄

3. 其他功能

二、推文排版

1. 一鍵排版

2. 模版排版

3. 功能排版

三、標(biāo)題編輯

1. 基礎(chǔ)標(biāo)題

2. 編號(hào)標(biāo)題

3. 框線標(biāo)題

4. 底色標(biāo)題

5. 圖片標(biāo)題

6. 符號(hào)標(biāo)題

7. 主副標(biāo)題

四、正文編輯

1. 基礎(chǔ)正文

2. 引用

3. 段落文字

4. 邊框內(nèi)容

5. 底色內(nèi)容

6. 序號(hào)/軸線

7. 對(duì)話

8. 表格

9. 分欄

五、引導(dǎo)設(shè)置

1. 關(guān)注

2. 閱讀原文

3. 分享

4. 在看

5. 二維碼

六、圖文

1. 基礎(chǔ)圖文

2. 圖片樣式

3. 多圖組合

4. 長圖制作

七、頁面布局

1. 基礎(chǔ)布局

2. 頁面留白