作者簡介
王穎,藝術設計專業畢業,電商/新媒體設計師,在電商培訓領域深耕多年,擁有豐富的電商教學經驗,尤其對網上開店、新媒體美工設計的培訓更是有獨到的授課方式。同時涉足頭條號、公眾號、小程式、H5、微博、直播、微商、微店等新媒體廣告設計實戰工作,積累了深厚的設計實戰經驗。
本書是作者在新媒體美工設計方向多年的工作總結,本書分為了解美工設計基礎、學習設計必備知識、學會設計工具使用和掌握典型實例設計4個階段。
內容簡介
《從零開始學新媒體美工設計》是一本關於新媒體美工設計的工具書,全書共12 章,內容包括新媒體美工設計入門、設計知識、工具掌握和設計實例4 個大的部分。通過對本書的學習,可以讓零基礎的讀者快速上手並掌握新媒體美工設計的各種必備知識和操作。《從零開始學新媒體美工設計》內容全面,案例豐富,並結合大量的圖示和操作配圖進行圖解化講解,儘量降低讀者的學習難度,並且所有配圖均具有非常高的觀賞性和借鑑意義,因此不僅適合零基礎的讀者快速入門,也非常適合有一定新媒體美工從業經驗和相關工作經驗的設計人員閱讀。
圖書目錄
第1 章 新媒體美工設計基礎快速入門
1.1 了解新媒體美工行業 2
1.1.1 新媒體究竟是什麼2
1.1.2 什麼是新媒體美工3
1.1.3 新媒體美工的崗位要求 4
1.2 了解新媒體設計中的構成要素 6
1.2.1 色彩:讓畫面更具魅力 6
1.2.2 布局:讓信息更有格調 8
1.2.3 圖片:讓界面更具吸引力 9
1.2.4 文字:讓內容更具競爭力10
1.3 新媒體設計工具總覽 13
1.3.1 圖片處理工具 13
1.3.2 視頻音頻工具 14
1.3.3 H5 動畫製作工具17
1.3.4 其他常用工具介紹18
第2 章 美工設計應掌握的配色知識
2.1 認識色彩 20
2.1.1 色彩的來源20
2.1.2 色彩的三原色 23
2.1.3 色彩的顯示模式 24
2.2 色彩的要素與心理影響 27
2.2.1 色彩的三要素 27
2.2.2 色彩的冷與暖 29
2.2.3 常見色彩與心理 31
2.3 色彩的搭配技巧33
2.3.1 反差較大的顏色搭配34
2.3.2 反差較小的顏色搭配36
2.3.3 色調的搭配方法 38
2.4 客群與色彩的選擇 40
2.4.1 根據客群年齡選色40
2.4.2 根據客群性別選色42
2.4.3 根據產品特性選色43
第3 章 高格調的版式效果設計方法
3.1 版式設計基礎知識 46
3.1.1 什麼是版式設計 46
3.1.2 版式設計的原則 47
3.1.3 版式設計的視覺流程50
3.2 版式設計的基本構圖元素 54
3.2.1 點 54
3.2.2 線 56
3.2.3 面 57
3.3 版式設計的布局57
3.4 版式設計的形式法則64
3.4.1 對稱與均衡64
3.4.2 節奏與韻律66
3.4.3 虛實與留白68
3.4.4 對比與協調69
第4 章 圖片的套用與搭配很講究
4.1 應該準備什麼樣的圖片 72
4.1.1 圖片清晰度要高 72
4.1.2 圖片大小要求能快速打開73
4.1.3 最佳的圖片尺寸 74
4.1.4 圖片的光線效果要好78
4.1.5 動圖的動感效果要好79
4.1.6 水印圖片要具有推廣作用80
4.2 優質封面圖片的製作技巧 82
4.2.1 什麼樣的圖是優質好圖 82
4.2.2 信息展示要有主次83
4.2.3 直線構圖產生視覺衝擊力84
4.2.4 發散構圖聚焦設計突出主題 85
4.3 圖片的編排注意事項86
4.3.1 圖片的位置87
4.3.2 圖片的面積89
4.3.3 圖片的數量90
4.4 圖片布局中如何用好形狀 92
4.4.1 線條的妙用92
4.4.2 圓形的妙用94
4.4.3 矩形的妙用96
4.5 神器圖片網站大集合97
4.5.1 覓元素:免費摳圖素材網站 97
4.5.2 Shape Collage:將圖片拼成馬賽克效果98
4.5.3 Optimizilla:線上圖片最佳化器 99
4.5.4 iLoveIMG:圖像線上編輯工具 99
4.5.5 圖好快:最佳化圖片大小 100
第5 章 設計中的字型規劃有學問
5.1 了解文字的功能 102
5.1.1 信息交流與知識傳播 102
5.1.2 文化傳承與象徵103
5.1.3 形象符號與視覺吸引 103
5.2 字型設計論成敗 104
5.2.1 不同的字型張力不同 105
5.2.2 改變文字的顏色107
5.2.3 將文字進行創意重疊 107
5.2.4 改變文字的外形108
5.3 文字設計中的原則 109
5.3.1 字型與版面主題統一 109
5.3.2 字型與版面背景統一 110
5.3.3 文本具有較高可讀性 111
第6 章 新媒體文案設計與編排技巧
6.1 新媒體文案的常見類型114
6.1.1 按目的劃分文案類型 114
6.1.2 按特點劃分文案類型 117
6.1.3 按形式劃分文案類型 118
6.2 文案撰寫中的四要素121
6.2.1 標題是文案吸睛第一步 121
6.2.2 開篇是文案成功的起點 124
6.2.3 文案內容需要善於表達 126
6.2.4 文案結尾需要畫龍點睛 127
6.3 新媒體文案編排技巧提升 128
6.3.1 為文案布局等於化妝 129
6.3.2 文案配圖更具吸引力 129
6.3.3 不可忽略的動圖與視頻 131
6.3.4 文案編排的通用技巧 133
第7 章 信息的視覺呈現全掌握
7.1 信息可視化的基礎認知136
7.1.1 信息可視化呈現的優勢是什麼 137
7.1.2 了解信息可視化的方式有哪些 140
7.1.3 信息如何從文字變為可視化效果 146
7.2 關係信息圖可視化展示,你需要懂得什麼 152
7.2.1 手動繪製關係圖中的圖形符號 152
7.2.2 圖形與信息要保持一致 154
7.2.3 想像力是提升關係圖可視化呈現的關鍵 154
7.3 專業數據圖表可視化展示的設計要點 156
7.3.1 從文字型現專業156
7.3.2 從顏色體現專業 158
7.3.3 從外觀體現專業160
7.3.4 從細節體現專業163
7.3.5 從表達體現專業165
第8 章 Photoshop 圖像處理軟體實操
8.1 初次接觸Photoshop168
8.1.1 認識Photoshop 的工作界面 168
8.1.2 Photoshop 的最佳化設定 169
8.1.3 快速掌握圖像檔案的基本操作 173
8.2 利用Photoshop 進行摳圖操作 180
8.2.1 認識選擇與摳圖的方法 180
8.2.2 選區的基本操作181
8.2.3 選區的編輯操作183
8.3 顏色與色調調整有規律可循186
8.3.1 顏色的基礎知識186
8.3.2 轉換圖像的顏色模式 187
8.3.3 快速調整圖像 189
8.3.4 圖像色調的精細調整 191
8.4 打造時尚炫酷的文字194
8.4.1 輸入橫排文字 194
8.4.2 輸入直排文字 195
第9 章 H5 界面設計與製作方法
9.1 H5 基礎知識全掌握198
9.1.1 認識H5 198
9.1.2 常用H5 製作網站介紹 199
9.2 H5 的常規用途199
9.2.1 電子傳單 200
9.2.2 電子邀請函 200
9.2.3 招聘廣告 201
9.2.4 行銷遊戲 202
9.2.5 其他用途 202
9.3 H5 製作準備工作 203
9.3.1 選擇瀏覽器 203
9.3.2 頁面尺寸 203
9.3.3 資料準備 204
9.4 H5 製作七大步驟 206
9.4.1 確定物料用途 206
9.4.2 選擇風格模板 207
9.4.3 拆分設計要點 208
9.4.4 添加動畫元素 215
9.4.5 添加背景音樂 217
9.4.6 完成並發布作品218
9.4.7 數據跟蹤與分析219
9.5 專業級的互動H5 220
9.5.1 了解各類互動模組 220
9.5.2 添加互動動作 221
9.6 H5 作品的套用及推廣 223
9.6.1 H5 作品的商用場景 223
9.6.2 擴大H5 的推廣範圍 224
第10 章 網路互動平台設計實例
10.1 微博主圖廣告設計226
10.1.1 製作微博主圖的主體效果 226
10.1.2 製作微博主圖的文字效果 229
10.2 朋友圈相冊封面設計 232
10.2.1 製作頭像與裝飾效果 232
10.2.2 製作信息簡介效果 237
10.3 公眾號求關注頁面設計 239
10.3.1 製作推薦公眾號標誌效果 240
10.3.2 製作推薦公眾號文案效果 244
10.4 微信小程式主界面設計 246
10.4.1 製作搜尋框效果 246
10.4.2 製作功能選單與首頁廣告效果 250
10.4.3 製作導航欄效果 254
第11 章 資訊與微商平台設計實例
11.1 今日頭條資訊橫幅廣告設計258
11.1.1 製作橫幅廣告背景效果 258
11.1.2 製作橫幅廣告文字效果 260
11.2 百度新聞圖文推送廣告封面設計 263
11.2.1 製作廣告封面背景效果 264
11.2.2 製作廣告封面主體效果 266
11.2.3 製作廣告封面主體效果 268
11.3 新品推廣秒殺活動頁面設計271
11.3.1 製作秒殺頁面的主體效果 271
11.3.2 製作秒殺頁面的文案效果 274
第12 章 直播視聽平台設計實例
12.1 騰訊直播課程宣傳長頁設計280
12.1.1 製作直播講師信息效果 280
12.1.2 製作講師簡介與課程大綱效果 283
12.1.3 製作圖書推薦與求關注效果 286
12.2 快手直播推薦海報設計 290
12.2.1 製作直播推薦海報背景 290
12.2.2 製作發游標題文字效果 292
12.2.3 製作海報立體按鈕效果 295
12.3 荔枝微課音頻課堂主圖設計297
12.3.1 製作音頻課堂主圖背景效果 298
12.3.2 製作音頻課堂主圖文字效果 299
12.4 喜馬拉雅播放主頁封面設計302
12.4.1 製作播放主頁封面背景效果 302
12.4.2 製作播放主頁封面主體效果 306