內容簡介
本書編寫前已做了充分的市場調研,從58同城、前程無憂、智聯招聘等網站,全面蒐集、整理了新媒體美工的崗位要求,並由經驗豐富的新媒體設計師編寫,從3條線幫助新手從入門到成為新媒體美工高手。
第1條是平台製作線,講解了19個新媒體平台的案例製作,如朋友圈、公眾號、小程式、頭條號、微博、知乎、快手、抖音、微課、直播、電商等。第2條是廣告設計線,包括了18個新媒體廣告設計效果,如節日廣告、促銷廣告、新品推廣、海報、宣傳冊、動畫、 H5設計、 APP設計、視頻設計等
第3條是新媒體運營線,包括文案撰寫、圖文排版、圖片編輯以及視覺運營等內容,這些是新媒體美工和運營者的核心技能,掌握以上內容能更好地勝任工作崗位。
本書適合對新媒體行業感興趣的美工、運營者和管理員等閱讀使用,也可作為電子商務專業相關院校的輔導教材。
作者簡介
蔣珍珍,筆名阿珍,電商專業教師,電商、新媒體設計師,擁有10年電商教學與設計經驗。從傳統網際網路的淘寶、天貓、電商廣告,到移動網際網路智慧型手機UI界面的設計,如UI視覺設計、互動設計、元素設計、字型設計、圖示設計、APP設計、遊戲UI等,再到新媒體廣告平台設計,如頭條號、公眾號、音頻號、視頻號、小程式、H5、微博、直播、微商、微店、微課等新媒體廣告設計,都有一線實戰設計和教學經驗。
圖書目錄
|新手入門篇|
CHAPTER 1 快速入行:了解新媒體美工設計 2
1.1 基礎知識:新媒體美工設計入門.3
1.1.1 什麼是新媒體美工 3
1.1.2 新媒體美工的設計原則 4
1.1.3 新媒體美工的崗位要求 5
1.2 配色常識:色彩讓界面更具魅力.7
1.2.1 色調奠定主旋律 7
1.2.2 調和配色使畫面更和諧 10
1.2.3 色彩的使用要點 13
1.3 文字套用:字型賦予界面競爭力.14
1.3.1 文字要易於識別 14
1.3.2 文字的層次感要強 15
1.3.3 清晰地表達文字信息 17
1.3.4 握好文字之間的間距 17
1.3.5 適當設定文字的色彩 18
1.4 布局版式:新媒體美工版式設計.19
1.4.1 常見的版式布局 19
1.4.2 圖片的布局處理 25
CHAPTER 2 工具套用:掌握新媒體美工運營工具 27
2.1 文案運營:新媒體文案小工具.28
2.1.1 話題尋找工具:高流量的熱點在哪 28
2.1.2 文案策劃工具:好的文案怎樣寫29
2.1.3 活動策劃工具:如何確保強互動性 31
2.1.4 內容編輯工具:如何打造多彩內容 33
2.2 美工設計:新媒體設計小工具.35
2.2.1 圖片處理工具:如何打造滿意圖片 35
2.2.2 視頻音頻工具:創新有聲、動畫內容 37
2.2.3 H5 製作工具:如何製作吸睛H5 海報 39
2.2.4 動畫製作工具:讓新媒體內容更有趣 41
2.2.5 二維碼生成工具:多種形式盡在“草料” 42
| 平台製作篇 |
CHAPTER 3 微信平台:朋友圈+公眾號+小程式 46
3.1 朋友圈設計:名人版背景封面設計 47
3.1.1 製作朋友圈相冊封面背景 47
3.1.2 製作朋友圈相冊封面頭像 49
3.1.3 製作朋友圈相冊封面文案 50
3.2 公眾號設計:自媒體名人求關注設計 52
3.2.1 製作矩形框背景效果 53
3.2.2 製作公眾號求關注主體效果 54
3.2.3 製作自媒體求關注主體效果 55
3.3 小程式設計:婚紗攝影小程式界面設計 56
3.3.1 製作首頁廣告效果 57
3.3.2 製作服務中心效果 60
3.3.3 製作彩色導航欄 63
CHAPTER 4 資訊平台:今日頭條+一點資訊+百度新聞65
4.1 今日頭條:企業品牌 LOGO 設計 66
4.1.1 製作企業品牌 LOGO 主體效果 66
4.1.2 製作企業品牌 LOGO 字元效果 70
4.1.3 製作企業品牌 LOGO 文字效果 72
4.2 一點資訊:主頁橫幅廣告設計.74
4.2.1 製作主頁橫幅廣告背景效果 75
4.2.2 製作主頁橫幅廣告文字效果 78
4.3 百度新聞:圖文推送廣告封面設計 80
4.3.1 製作廣告封面背景效果 81
4.3.2 製作廣告封面主體效果 82
4.3.3 製作廣告封面文案效果 84
CHAPTER 5 媒體平台:新浪微博+知乎+豆瓣 87
5.1 微博設計:微博主圖設計.88
5.1.1 製作微博主圖主體效果 88
5.1.2 製作微博主圖文字效果 91
5.2 知乎設計:知乎賬號頭像設計.93
5.2.1 製作知乎賬號頭像背景效果 94
5.2.2 製作知乎賬號頭像主體效果 95
5.2.3 製作知乎賬號頭像文字效果 99
5.3 豆瓣設計:書店頁面廣告設計.101
5.3.1 製作豆瓣書店頁面廣告主體效果102
5.3.2 製作豆瓣書店頁面廣告文字效果105
CHAPTER 6 視頻平台:快手+抖音+直播 110
6.1 快手設計:攝影短視頻教程宣傳設計 111
6.1.1 製作短視頻教程宣傳主體效果 111
6.1.2 製作短視頻教程宣傳文字效果 114
6.2 抖音設計:抖音個人名片設計.117
6.2.1 製作個人名片背景效果 118
6.2.2 製作個人名片主體效果 119
6.2.3 製作個人名片文字效果 122
6.3 直播設計:直播套用宣傳頁面設計 124
6.3.1 製作直播套用背景效果 125
6.3.2 製作直播套用主體效果 128
6.3.3 製作直播套用文字效果 130
CHAPTER 7 音頻平台:千聊+荔枝+喜馬拉雅 133
7.1 千聊微課:微課講師宣傳長頁設計 134
7.1.1 製作微課講師介紹頁面 135
7.1.2 製作微課課程大綱頁面 137
7.1.3 製作用戶反饋與求關注頁面 141
7.2 荔枝微課:微課課程頁設計.144
7.2.1 製作課程頁背景效果 145
7.2.2 製作課程頁主體效果 147
7.3 喜馬拉雅:廣播活動頁設計.150
7.3.1 製作廣播活動頁背景效果 151
7.3.2 製作廣播活動頁背景效果 153
CHAPTER 8 電商平台:淘寶+天貓+微店+微商.157
8.1 淘寶設計:美妝網店首頁設計.158
8.1.1 製作純色漸變效果 158
8.1.2 調整商品圖像亮度 159
8.1.3 製作文案與圖層樣式 160
8.2 天貓設計:廚具網店主圖設計.162
8.2.1 製作網店主圖主體效果 162
8.2.2 製作網店主圖文案效果 163
8.3 微店設計:圖書微店界面設計.165
8.3.1 製作微店橫幅廣告效果 166
8.3.2 製作店鋪商品展示效果 167
8.4 微商設計:微商朋友圈廣告設計.169
8.4.1 製作微商朋友圈廣告背景效果 170
8.4.2 製作微商朋友圈廣告商品效果 171
8.4.3 製作微商朋友圈廣告文案效果 173
| 廣告設計篇 |
CHAPTER 9 活動設計:節日+促銷+新品推廣 178
9.1 元旦活動:商場折扣活動頁面設計 179
9.1.1 製作商場折扣活動頁面主體效果179
9.1.2 製作商場折扣活動頁面文字效果181
9.2 促銷活動:雙十一促銷活動頁面設計 183
9.2.1 製作雙十一促銷活動頁面主體效果 183
9.2.2 製作雙十一促銷活動頁面文字效果 185
9.3 新品上市:產品推廣活動頁面設計 186
9.3.1 製作產品推廣活動頁面文字效果186
9.3.2 製作產品推廣活動頁面細節效果189
CHAPTER 10 廣告設計:海報+宣傳冊+畫冊.191
10.1 商場海報:百貨商場廣告設計.192
10.1.1 製作商場海報背景效果 192
10.1.2 製作商場海報主體效果 194
10.2 畫冊廣告:珠寶畫冊廣告設計.196
10.2.1 製作珠寶畫冊背景效果 197
10.2.2 製作珠寶畫冊廣告文字效果 200
10.3 宣傳廣告:數碼產品廣告設計.202
10.3.1 製作數碼產品廣告主體效果 202
10.3.2 製作數碼產品廣告文字效果 205
CHAPTER 11 動畫設計:文字動畫+圖形動畫+圖像動畫.207
11.1 文字動畫:《清涼一夏》 .208
11.1.1 製作動畫背景 208
11.1.2 製作圖形元件 210
11.1.3 製作跳動文字 212
11.2 圖形動畫:《聖誕》 .215
11.2.1 製作聖誕背景 216
11.2.2 創建影片元件 217
11.2.3 製作禮品動畫 219
11.2.4 製作合成動畫 222
11.2.5 導出動畫效果 224
11.3 圖像動畫:《凌越汽車》 .225
11.3.1 製作背景效果 225
11.3.2 製作汽車標誌 227
11.3.3 製作圖形動畫 228
11.3.4 製作文字動畫 229
11.3.5 製作補間動畫 232
CHAPTER 12 H5 設計:紅包+宣傳+邀請函.236
12.1 微信增粉:口令紅包 H5 頁面設計237
12.1.1 設計口令紅包頁面效果 237
12.1.2 設計口令紅包按鈕效果 241
12.2 企業宣傳:西餐廳 H5 頁面設計242
12.2.1 製作餐廳 H5 背景效果 243
12.2.2 製作餐廳 H5 整體效果 245
12.3 邀請函:婚禮請柬 H5 頁面設計246
13.3.1 設計婚禮請柬主題背景效果 247
13.3.2 設計婚禮請柬文本矩形效果 249
CHAPTER 13 APP 設計:修圖+娛樂+遊戲253
13.1 修圖 APP:首頁 VIP 推廣設計 254
13.1.1 製作 VIP 推廣背景效果 254
13.1.2 製作 VIP 推廣主體效果 256
13.2 娛樂 APP:發現界面活動設計.260
13.2.1 製作 APP 活動背景效果261
13.2.2 製作 APP 活動主體效果262
13.3 遊戲 APP:啟動頁宣傳設計.265
13.3.1 製作遊戲宣傳背景效果 266
13.3.2 製作遊戲宣傳主體效果 269
CHAPTER 14 視頻設計:風景視頻+電商視頻+婚紗影像.273
14.1 風景視頻:《繁花似錦》 .274
14.1.1 通過命令打開多相機編輯器 274
14.1.2 通過剪輯合成高原湖泊視頻 276
14.2 電商視頻:《攝影圖書》 .279
14.2.1 導入電商視頻素材 279
14.2.2 製作電商片頭特效 281
14.2.3 製作畫中畫宣傳特效 283
14.2.4 製作視頻背景音效 284
14.2.5 渲染輸出電商視頻 286
14.3 婚紗影像:《執子之手》 .287
14.3.1 導入婚紗媒體素材 288
14.3.2 製作視頻主體特效 289
14.3.3 製作視頻背景音效 291
| 文案排版篇 |
CHAPTER 15 文案撰寫:打造優質的標題與正文 .294
15.1 文案標題:掌握標題類型和撰寫技巧 295
15.1.1 文案標題的主要類型 295
15.1.2 文案標題的撰寫技巧 297
15.2 文案布局:專業的文案表現手法.301
15.2.1 有格局的精準文案 301
15.2.2 無裝飾的精巧文案 302
15.2.3 突出式的簡短文案 302
15.2.4 注重韻律斟酌表現 303
15.3 內容打磨:文案的多種寫作技巧.304
15.3.1 正文開頭的寫作方法 304
15.3.2 正文中間的寫作方法 306
15.3.3 正文結尾的寫作方法 310
CHAPTER 16 排版實戰:微信後台與專業排版器的套用.313
16.1 視覺體現:微信公眾號欄目設定.314
16.1.1 欄目設定對平台的重要性 314
16.1.2 怎樣進行公眾號欄目設定 317
16.2 排版技巧:提升版式視覺效果的技巧 319
16.2.1 排版風格要選好 320
16.2.2 色彩搭配要適宜 321
16.2.3 文字間距要適宜 322
16.2.4 分隔線的妙用 325
16.2.5 圖文結合要謹慎 326
16.2.6 版式簡潔更舒適 327
16.3 特殊引流:開頭、結尾版式的作用 328
16.3.1 文章開頭增加關注 328
16.3.2 文章結尾增加點擊量 329
16.4 排版工具:3 種常用的編輯器介紹.330
16.4.1 秀米編輯器330
16.4.2 135 微信編輯器 333
16.4.3 i 排版編輯器334
|視覺運營篇|
CHAPTER 17 圖片編輯:超高顏值引爆讀者眼球 .336
17.1 挑選圖片:優質好圖的挑選技巧.337
17.1.1 掌握圖片的基本特徵 337
17.1.2 掌握選圖的基礎要素 337
17.1.3 注重體現圖片的質感 342
17.2 圖片布局:掌握多種構圖技巧.343
17.2.1 分隔構圖:展示全貌,清晰明了343
17.2.2 直線構圖:提供的不是一種選擇344
17.2.3 發散構圖:擴展目光 or 聚集焦點 344
17.2.4 漸進構圖:明顯的立體感與空間感 345
17.3 圖片設計:超高顏品,一秒吸睛.345
17.3.1 長圖文:連貫的圖與文,相輔相成 345
17.3.2 水印:貼上專屬標籤,自動推廣346
17.3.3 二維碼:5 種類型,到處是商機 347
CHAPTER 18 視覺運營:美與賣點二者還須兼得 .349
18.1 頁面展示:注重細節抓住消費者心理 350
18.1.1 陳列信息:導航清晰,重點突出350
18.1.2 重點信息:放在顯眼的有效範圍內 351
18.1.3 場景帶入:須與客群心理高度契合 351
18.1.4 凡事至簡:不費力地快速獲取信息 352
18.1.5 通感效應:通過聯想打造逼真效果 352
18.2 形式美感:字型 按鈕和箭頭 氣氛353
18.2.1 字型選擇:重要程度不同的信息的傳遞353
18.2.2 按鈕和箭頭:引導客群進行購物354
18.2.3 氣氛的營造:通過畫面字眼來實現 354
18.3 廣告視覺:通過視覺設計提升轉化率 355