新媒體美工設(shè)計(jì)營銷實(shí)戰(zhàn)手冊

｜新手入門篇｜
CHAPTER 1　快速入行：了解新媒體美工設(shè)計(jì) 2
1.1　基礎(chǔ)知識(shí)：新媒體美工設(shè)計(jì)入門.3
1.1.1　什么是新媒體美工 3
1.1.2　新媒體美工的設(shè)計(jì)原則 4
1.1.3　新媒體美工的崗位要求 5
1.2　配色常識(shí)：色彩讓界面更具魅力.7
1.2.1　色調(diào)奠定主旋律 7
1.2.2　調(diào)和配色使畫面更和諧 10
1.2.3　色彩的使用要點(diǎn) 13
1.3　文字應(yīng)用：字體賦予界面競爭力.14
1.3.1　文字要易于識(shí)別 14
1.3.2　文字的層次感要強(qiáng) 15
1.3.3　清晰地表達(dá)文字信息 17
1.3.4　握好文字之間的間距 17
1.3.5　適當(dāng)設(shè)置文字的色彩 18
1.4　布局版式：新媒體美工版式設(shè)計(jì).19
1.4.1　常見的版式布局 19
1.4.2　圖片的布局處理 25

CHAPTER 2　工具應(yīng)用：掌握新媒體美工運(yùn)營工具 27
2.1　文案運(yùn)營：新媒體文案小工具.28
2.1.1　話題尋找工具：高流量的熱點(diǎn)在哪 28
2.1.2　文案策劃工具：好的文案怎樣寫29
2.1.3　活動(dòng)策劃工具：如何確保強(qiáng)互動(dòng)性 31
2.1.4　內(nèi)容編輯工具：如何打造多彩內(nèi)容 33
2.2　美工設(shè)計(jì)：新媒體設(shè)計(jì)小工具.35
2.2.1　圖片處理工具：如何打造滿意圖片 35
2.2.2　視頻音頻工具：創(chuàng)新有聲、動(dòng)畫內(nèi)容 37
2.2.3　H5 制作工具：如何制作吸睛 H5 海報(bào) 39
2.2.4　動(dòng)畫制作工具：讓新媒體內(nèi)容更有趣 41
2.2.5　二維碼生成工具：多種形式盡在“草料” 42

| 平臺(tái)制作篇 |
CHAPTER 3　微信平臺(tái)：朋友圈＋公眾號(hào)＋小程序 46
3.1　朋友圈設(shè)計(jì)：名人版背景封面設(shè)計(jì) 47
3.1.1　制作朋友圈相冊封面背景 47
3.1.2　制作朋友圈相冊封面頭像 49
3.1.3　制作朋友圈相冊封面文案 50
3.2　公眾號(hào)設(shè)計(jì)：自媒體名人求關(guān)注設(shè)計(jì) 52
3.2.1　制作矩形框背景效果 53
3.2.2　制作公眾號(hào)求關(guān)注主體效果 54
3.2.3　制作自媒體求關(guān)注主體效果 55
3.3　小程序設(shè)計(jì)：婚紗攝影小程序界面設(shè)計(jì) 56
3.3.1　制作首頁廣告效果 57
3.3.2　制作服務(wù)中心效果 60
3.3.3　制作彩色導(dǎo)航欄 63

CHAPTER 4　資訊平臺(tái)：今日頭條＋一點(diǎn)資訊＋百度新聞65
4.1　今日頭條：企業(yè)品牌 LOGO 設(shè)計(jì) 66
4.1.1　制作企業(yè)品牌 LOGO 主體效果 66
4.1.2　制作企業(yè)品牌 LOGO 字符效果 70
4.1.3　制作企業(yè)品牌 LOGO 文字效果 72
4.2　一點(diǎn)資訊：主頁橫幅廣告設(shè)計(jì).74
4.2.1　制作主頁橫幅廣告背景效果 75
4.2.2　制作主頁橫幅廣告文字效果 78
4.3　百度新聞：圖文推送廣告封面設(shè)計(jì) 80
4.3.1　制作廣告封面背景效果 81
4.3.2　制作廣告封面主體效果 82
4.3.3　制作廣告封面文案效果 84

CHAPTER 5　媒體平臺(tái)：新浪微博＋知乎＋豆瓣 87
5.1　微博設(shè)計(jì)：微博主圖設(shè)計(jì).88
5.1.1　制作微博主圖主體效果 88
5.1.2　制作微博主圖文字效果 91
5.2　知乎設(shè)計(jì)：知乎賬號(hào)頭像設(shè)計(jì).93
5.2.1　制作知乎賬號(hào)頭像背景效果 94
5.2.2　制作知乎賬號(hào)頭像主體效果 95
5.2.3　制作知乎賬號(hào)頭像文字效果 99
5.3　豆瓣設(shè)計(jì)：書店頁面廣告設(shè)計(jì).101
5.3.1　制作豆瓣書店頁面廣告主體效果102
5.3.2　制作豆瓣書店頁面廣告文字效果105

CHAPTER 6　視頻平臺(tái)：快手＋抖音＋直播 110
6.1　快手設(shè)計(jì)：攝影短視頻教程宣傳設(shè)計(jì) 111
6.1.1　制作短視頻教程宣傳主體效果 111
6.1.2　制作短視頻教程宣傳文字效果 114
6.2　抖音設(shè)計(jì)：抖音個(gè)人名片設(shè)計(jì).117
6.2.1　制作個(gè)人名片背景效果 118
6.2.2　制作個(gè)人名片主體效果 119
6.2.3　制作個(gè)人名片文字效果 122
6.3　直播設(shè)計(jì)：直播應(yīng)用宣傳頁面設(shè)計(jì) 124
6.3.1　制作直播應(yīng)用背景效果 125
6.3.2　制作直播應(yīng)用主體效果 128
6.3.3　制作直播應(yīng)用文字效果 130

CHAPTER 7　音頻平臺(tái)：千聊＋荔枝＋喜馬拉雅 133
7.1　千聊微課：微課講師宣傳長頁設(shè)計(jì) 134
7.1.1　制作微課講師介紹頁面 135
7.1.2　制作微課課程大綱頁面 137
7.1.3　制作用戶反饋與求關(guān)注頁面 141
7.2　荔枝微課：微課課程頁設(shè)計(jì).144
7.2.1　制作課程頁背景效果 145
7.2.2　制作課程頁主體效果 147
7.3　喜馬拉雅：廣播活動(dòng)頁設(shè)計(jì).150
7.3.1　制作廣播活動(dòng)頁背景效果 151
7.3.2　制作廣播活動(dòng)頁背景效果 153

CHAPTER 8　電商平臺(tái)：淘寶＋天貓＋微店＋微商.157
8.1　淘寶設(shè)計(jì)：美妝網(wǎng)店首頁設(shè)計(jì).158
8.1.1　制作純色漸變效果 158
8.1.2　調(diào)整商品圖像亮度 159
8.1.3　制作文案與圖層樣式 160
8.2　天貓?jiān)O(shè)計(jì)：廚具網(wǎng)店主圖設(shè)計(jì).162
8.2.1　制作網(wǎng)店主圖主體效果 162
8.2.2　制作網(wǎng)店主圖文案效果 163
8.3　微店設(shè)計(jì)：圖書微店界面設(shè)計(jì).165
8.3.1　制作微店橫幅廣告效果 166
8.3.2　制作店鋪商品展示效果 167
8.4　微商設(shè)計(jì)：微商朋友圈廣告設(shè)計(jì).169
8.4.1　制作微商朋友圈廣告背景效果 170
8.4.2　制作微商朋友圈廣告商品效果 171
8.4.3　制作微商朋友圈廣告文案效果 173

| 廣告設(shè)計(jì)篇 |
CHAPTER 9　活動(dòng)設(shè)計(jì)：節(jié)日＋促銷＋新品推廣 178
9.1　元旦活動(dòng)：商場折扣活動(dòng)頁面設(shè)計(jì) 179
9.1.1　制作商場折扣活動(dòng)頁面主體效果179
9.1.2　制作商場折扣活動(dòng)頁面文字效果181
9.2　促銷活動(dòng)：雙十一促銷活動(dòng)頁面設(shè)計(jì) 183
9.2.1　制作雙十一促銷活動(dòng)頁面主體效果 183
9.2.2　制作雙十一促銷活動(dòng)頁面文字效果 185
9.3　新品上市：產(chǎn)品推廣活動(dòng)頁面設(shè)計(jì) 186
9.3.1　制作產(chǎn)品推廣活動(dòng)頁面文字效果186
9.3.2　制作產(chǎn)品推廣活動(dòng)頁面細(xì)節(jié)效果189

CHAPTER 10　廣告設(shè)計(jì)：海報(bào)＋宣傳冊＋畫冊.191
10.1　商場海報(bào)：百貨商場廣告設(shè)計(jì).192
10.1.1　制作商場海報(bào)背景效果 192
10.1.2　制作商場海報(bào)主體效果 194
10.2　畫冊廣告：珠寶畫冊廣告設(shè)計(jì).196
10.2.1　制作珠寶畫冊背景效果 197
10.2.2　制作珠寶畫冊廣告文字效果 200
10.3　宣傳廣告：數(shù)碼產(chǎn)品廣告設(shè)計(jì).202
10.3.1　制作數(shù)碼產(chǎn)品廣告主體效果 202
10.3.2　制作數(shù)碼產(chǎn)品廣告文字效果 205

CHAPTER 11　動(dòng)畫設(shè)計(jì)：文字動(dòng)畫＋圖形動(dòng)畫＋圖像動(dòng)畫.207
11.1　文字動(dòng)畫：《清涼一夏》 .208
11.1.1　制作動(dòng)畫背景 208
11.1.2　制作圖形元件 210
11.1.3　制作跳動(dòng)文字 212
11.2　圖形動(dòng)畫：《圣誕送禮》 .215
11.2.1　制作圣誕背景 216
11.2.2　創(chuàng)建影片元件 217
11.2.3　制作禮品動(dòng)畫 219
11.2.4　制作合成動(dòng)畫 222
11.2.5　導(dǎo)出動(dòng)畫效果 224
11.3　圖像動(dòng)畫：《凌越汽車》 .225
11.3.1　制作背景效果 225
11.3.2　制作汽車標(biāo)志 227
11.3.3　制作圖形動(dòng)畫 228
11.3.4　制作文字動(dòng)畫 229
11.3.5　制作補(bǔ)間動(dòng)畫 232

CHAPTER 12　H5 設(shè)計(jì)：紅包＋宣傳＋邀請函 .236
12.1　微信增粉：口令紅包 H5 頁面設(shè)計(jì)237
12.1.1　設(shè)計(jì)口令紅包頁面效果 237
12.1.2　設(shè)計(jì)口令紅包按鈕效果 241
12.2　企業(yè)宣傳：西餐廳 H5 頁面設(shè)計(jì)242
12.2.1　制作餐廳 H5 背景效果 243
12.2.2　制作餐廳 H5 整體效果 245
12.3　邀請函：婚禮請柬 H5 頁面設(shè)計(jì)246
13.3.1　設(shè)計(jì)婚禮請柬主題背景效果 247
13.3.2　設(shè)計(jì)婚禮請柬文本矩形效果 249

CHAPTER 13　APP 設(shè)計(jì)：修圖＋娛樂＋游戲 253
13.1　修圖 APP：首頁 VIP 推廣設(shè)計(jì) 254
13.1.1　制作 VIP 推廣背景效果 254
13.1.2　制作 VIP 推廣主體效果 256
13.2　娛樂 APP：發(fā)現(xiàn)界面活動(dòng)設(shè)計(jì).260
13.2.1　制作 APP 活動(dòng)背景效果261
13.2.2　制作 APP 活動(dòng)主體效果262
13.3　游戲 APP：啟動(dòng)頁宣傳設(shè)計(jì).265
13.3.1　制作游戲宣傳背景效果 266
13.3.2　制作游戲宣傳主體效果 269

CHAPTER 14　視頻設(shè)計(jì)：風(fēng)景視頻＋電商視頻＋婚紗影像.273
14.1　風(fēng)景視頻：《繁花似錦》 .274
14.1.1　通過命令打開多相機(jī)編輯器 274
14.1.2　通過剪輯合成高原湖泊視頻 276
14.2　電商視頻：《攝影圖書》 .279
14.2.1　導(dǎo)入電商視頻素材 279
14.2.2　制作電商片頭特效 281
14.2.3　制作畫中畫宣傳特效 283
14.2.4　制作視頻背景音效 284
14.2.5　渲染輸出電商視頻 286
14.3　婚紗影像：《執(zhí)子之手》 .287
14.3.1　導(dǎo)入婚紗媒體素材 288
14.3.2　制作視頻主體特效 289
14.3.3　制作視頻背景音效 291

| 文案排版篇 |
CHAPTER 15　文案撰寫：打造優(yōu)質(zhì)的標(biāo)題與正文 .294
15.1　文案標(biāo)題：掌握標(biāo)題類型和撰寫技巧 295
15.1.1　文案標(biāo)題的主要類型 295
15.1.2　文案標(biāo)題的撰寫技巧 297
15.2　文案布局：專業(yè)的文案表現(xiàn)手法.301
15.2.1　有格局的精準(zhǔn)文案 301
15.2.2　無裝飾的精巧文案 302
15.2.3　突出式的簡短文案 302
15.2.4　注重韻律斟酌表現(xiàn) 303
15.3　內(nèi)容打磨：文案的多種寫作技巧.304
15.3.1　正文開頭的寫作方法 304
15.3.2　正文中間的寫作方法 306
15.3.3　正文結(jié)尾的寫作方法 310

CHAPTER 16　排版實(shí)戰(zhàn)：微信后臺(tái)與專業(yè)排版器的應(yīng)用.313
16.1　視覺體現(xiàn)：微信公眾號(hào)欄目設(shè)置.314
16.1.1　欄目設(shè)置對平臺(tái)的重要性 314
16.1.2　怎樣進(jìn)行公眾號(hào)欄目設(shè)置 317
16.2　排版技巧：提升版式視覺效果的技巧 319
16.2.1　排版風(fēng)格要選好 320
16.2.2　色彩搭配要適宜 321
16.2.3　文字間距要適宜 322
16.2.4　分隔線的妙用 325
16.2.5　圖文結(jié)合要謹(jǐn)慎 326
16.2.6　版式簡潔更舒適 327
16.3　特殊引流：開頭、結(jié)尾版式的作用 328
16.3.1　文章開頭增加關(guān)注 328
16.3.2　文章結(jié)尾增加點(diǎn)擊量 329
16.4　排版工具：3 種最常用的編輯器介紹 .330
16.4.1　秀米編輯器330
16.4.2　135 微信編輯器 333
16.4.3　i 排版編輯器334

｜視覺運(yùn)營篇｜
CHAPTER 17　圖片編輯：超高顏值引爆讀者眼球 .336
17.1　挑選圖片：優(yōu)質(zhì)好圖的挑選技巧.337
17.1.1　掌握圖片的基本特征 337
17.1.2　掌握選圖的基礎(chǔ)要素 337
17.1.3　注重體現(xiàn)圖片的質(zhì)感 342
17.2　圖片布局：掌握多種構(gòu)圖技巧.343
17.2.1　分隔構(gòu)圖：展示全貌，清晰明了343
17.2.2　直線構(gòu)圖：提供的不是一種選擇344
17.2.3　發(fā)散構(gòu)圖：擴(kuò)展目光 or 聚集焦點(diǎn) 344
17.2.4　漸進(jìn)構(gòu)圖：明顯的立體感與空間感 345
17.3　圖片設(shè)計(jì)：超高顏品，一秒吸睛.345
17.3.1　長圖文：連貫的圖與文，相輔相成 345
17.3.2　水?。嘿N上專屬標(biāo)簽，自動(dòng)推廣346
17.3.3　二維碼：5 種類型，到處是商機(jī) 347

CHAPTER 18　視覺運(yùn)營：美與賣點(diǎn)二者還須兼得 .349
18.1　頁面展示：注重細(xì)節(jié)抓住消費(fèi)者心理 350
18.1.1　陳列信息：導(dǎo)航清晰，重點(diǎn)突出350
18.1.2　重點(diǎn)信息：放在顯眼的有效范圍內(nèi) 351
18.1.3　場景帶入：須與受眾心理高度契合 351
18.1.4　凡事至簡：不費(fèi)力地快速獲取信息 352
18.1.5　通感效應(yīng)：通過聯(lián)想打造逼真效果 352
18.2　形式美感：字體 + 按鈕和箭頭 + 氣氛353
18.2.1　字體選擇：重要程度不同的信息的傳遞 353
18.2.2　按鈕和箭頭：引導(dǎo)受眾進(jìn)行購物354
18.2.3　氣氛的營造：通過畫面字眼來實(shí)現(xiàn) 354
18.3　廣告視覺：通過視覺設(shè)計(jì)提升轉(zhuǎn)化率 355
18.3.1　鉆展廣告：增加有活力，提升點(diǎn)擊率 355
18.3.2　產(chǎn)品內(nèi)頁：要注重將賣點(diǎn)融入效果中 356
18.3.3　連續(xù)賣點(diǎn)：重視組合視覺，擺脫乏味 357
18.3.4　主題視覺化：吸引注意，提升轉(zhuǎn)化率 359
18.3.5　技術(shù)實(shí)現(xiàn)：精細(xì)設(shè)計(jì)，闡述產(chǎn)品賣點(diǎn) 359