新媒體視覺(jué)必殺技：長(zhǎng)圖、H5及推文制作

課程名稱(chēng)： 《新媒體視覺(jué)必殺技：長(zhǎng)圖、H5及推文制作》

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

課程背景：

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

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

課程收益：

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

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

2.     掌握長(zhǎng)圖、H5和微信推文的制作技巧

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

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

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

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

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

1. 長(zhǎng)篇大論

2. 五顏六色

3. 風(fēng)格雜亂

4. 低劣圖片

5. 排版混亂

6. 濫用動(dòng)畫(huà)

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ì)樸簡(jiǎn)約

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

4. 極簡(jiǎn)風(fēng)：只言片語(yǔ)

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

第一講： 長(zhǎng)圖制作入門(mén)

1.     為什么長(zhǎng)圖成為營(yíng)銷(xiāo)利器？

1)     一圖勝千言

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

2.     長(zhǎng)圖的制作change六步法

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

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

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

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

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

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

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

1.     長(zhǎng)圖制作七要素

1)     找模版

2)     選文字

3)     配照片

4)     搭素材

5)     加圖表

6)     換背景

7)     調(diào)文案

2.     四種類(lèi)型長(zhǎng)圖制作

1)     海報(bào)

2)     信息圖

3)     手抄報(bào)

4)     GIF動(dòng)圖

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

第一講： H5制作入門(mén)

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

2.     金融H5的五種熱門(mén)形式

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

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

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

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

2. 模板欄（單頁(yè)模板、功能模板、我的模板）

第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)容頁(yè)數(shù)規(guī)劃

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

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

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

第4步：提升H5的顏值

1. 排版美化六要素

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

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

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

2）智能參考線(xiàn)

3）吸附效果

4. 文字處理技巧

1）文不如句、句不如詞

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

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

5. 圖片的來(lái)源

6. 圖片的常用處理技巧

7. 色彩搭配技巧

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

9. 音頻的剪切技巧

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

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

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

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

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

1. 分頁(yè)跳轉(zhuǎn)

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

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

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

5. 撥打電話(huà)

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

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

第一講： 推文制作入門(mén)

1.     金融推文的四種熱門(mén)形式

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. 框線(xiàn)標(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)/軸線(xiàn)

7. 對(duì)話(huà)

8. 表格

9. 分欄

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

1. 關(guān)注

2. 閱讀原文

3. 分享

4. 在看

5. 二維碼

六、圖文

1. 基礎(chǔ)圖文

2. 圖片樣式

3. 多圖組合

4. 長(zhǎng)圖制作

七、頁(yè)面布局

1. 基礎(chǔ)布局

2. 頁(yè)面留白