第一部分 電商設計基礎
第1章 新時代的電商設計
1.1 什么是電商設計 002
1.2 常見電商設計圖 004
1.2.1 主圖 004
1.2.2 詳情頁 004
1.2.3 Banner 005
1.2.4 直通車圖 006
1.2.5 首頁 006
1.2.6 活動頁/專題頁 007
1.3 新零售對電商設計的改變 008
1.4 電商設計師的前景 008
1.4.1 做好電商設計需要看懂的幾個數據 009
1.4.2 直播帶貨對電商設計的影響 010
第2章 電商設計師必會的設計軟件
2.1 PS軟件在電商設計中的應用 011
2.2 Cinema 4D軟件在電商設計中的應用 012
2.3 AI軟件在電商設計中的應用 013
2.4 選取設計軟件時要考慮的因素 014
2.4.1 位圖和矢量圖 014
2.4.2 分辨率 014
2.4.3 RGB與CMYK 015
實例 用C4D和AI制作3D字體 015
第3章 電商的平面設計基礎
3.1 版式設計基礎 020
3.1.1 排版的意義 021
3.1.2 版式設計中的三大基本元素 023
3.1.3 點線面的運用 025
3.1.4 標題文字排版 025
3.1.5 字體設計及搭配運用 026
3.1.6 字體的類型 028
3.1.7 不同字體的性格和搭配 029
3.1.8 版式設計中的層次 031
技巧1 字體的下載與安裝方法 032
技巧2 如何高效查找字體 032
3.2 色彩的基礎知識 033
3.2.1 色彩的基本屬性 033
3.2.2 色彩心理學 035
3.2.3 色彩和光源的關系 038
3.2.4 經典配色 038
技巧3 如何根據產品搭配顏色 040
實例 制作一個簡約的版式 041

第二部分 電商設計的整體思維
第4章 電商設計的品牌意識
4.1 建立品牌意識 045
4.1.1 為什么要做品牌 045
4.1.2 品牌需求的設計類型 045
4.1.3 品牌設計的底層邏輯 046
4.1.4 好的品牌設計是什么樣的？ 047
4.2 品牌logo設計 047
4.2.1 品牌與logo的關系 047
4.2.2 logo常見類型及趨勢 048
4.2.3 logo設計原則 048
4.2.4 logo設計常用方法 048
4.2.5 logo配色技巧 050
4.3 設計要從品牌出發(fā) 051
技巧 logo配色技巧 052
第5章 電商設計的賣點可視化
5.1 什么是賣點可視化 053
5.2 如何形成賣點表達的思維 055
實例1 空氣凈化器產品圖設計中的賣點思維 056
實例2 嬰兒車產品圖設計中的賣點思維 057
實例3 砧板產品圖設計中的賣點思維 058
5.3 “風”的賣點表達 058
實例4 用PS制作“風”賣點可視化 059
5.4 “熱”的賣點表達 062
實例5 用PS制作“冷”“熱”賣點可視化 066
5.5 “安靜”的賣點表達 069
5.6 “輕”的賣點表達 070
實例6 用PS制作“輕”賣點可視化 071
技巧 眼鏡如何修圖 074
5.7 其他賣點的表達 076
實例7 用PS制作眼鏡賣點可視化——眼鏡防藍光賣點表現(xiàn) 078
實例8 用C4D制作家居賣點可視化——牙刷防水賣點表現(xiàn) 080
第6章 利用文案為設計加分
6.1 用用戶思維寫文案 084
6.1.1 電商文案的類型 085
6.1.2 如何寫更合適的電商文案 086
6.2 文案的創(chuàng)作方式 088
6.3 文案如何優(yōu)化 088
6.3.1 精準地說獲得的感受 088
6.3.2 精準地說特點 089
6.4 電商設計作品的文案編排 090
實例 制作一個帶文案的電商視覺設計作品 090
 
第三部分 具體實施
第7章 電商產品圖的拍攝與美化
7.1 產品圖片拍攝 093
7.1.1 如何搭建拍攝臺面 093
7.1.2 如何用手機拍攝產品圖片 094
7.1.3 如何拍攝出符合產品屬性的廣告圖 096
實例1 用手機拍攝帽子產品圖 096
7.2 產品圖片修圖 098
實例2 用鋼筆工具摳圖 099
實例3 整體調色 099
技巧1 雜亂背景如何修圖 101
技巧2 如何修圖使產品更具質感 102
實例4 飾品精修案例詳解 103
7.3 圖片創(chuàng)意合成 106
7.3.1 什么是透視 106
7.3.2 怎樣運用光影關系 107
實例5 奶粉創(chuàng)意海報合成 109
第8章 電商產品主圖和直通車圖設計
8.1 設計師的運營思維：主圖/直通車圖 114
8.1.1 主圖 115
實例1 腰帶圖 116
8.1.2 直通車圖 116
8.1.3 主圖與直通車圖的區(qū)別 117
8.2 主圖/直通車圖常見設計技巧 117
8.2.1 主圖常用的設計版式 118
8.2.2 如何制造差異化 118
8.3 主圖/直通車圖常用的表現(xiàn)形式 121
8.4 主圖/直通車圖的制作思路 122
8.5 常用的高點擊率的主圖設計思路 123
實例2 用PS制作日用品主圖 125
實例3 用PS制作美妝類主圖 131
實例4 用C4D制作數碼3C主圖 134
技巧 毛發(fā)的制作 138
第9章 平面海報設計和Banner設計
9.1 平面海報設計與Banner設計的區(qū)別 140
9.2 平面海報設計 141
9.2.1 平面海報設計的原則 141
9.2.2 常規(guī)的平面海報布局方式 142
9.2.3 非常規(guī)的平面海報布局方式 143
9.2.4 不同風格類型平面海報表現(xiàn)方式 144
9.2.5 平面海報設計思維訓練 149
9.2.6 平面海報設計的印刷規(guī)范 150
技巧1 如何不摳圖制作設計感海報 151
技巧2 活用混合模式的技巧 154
9.3 Banner設計 156
9.3.1 Banner的組成要素 156
9.3.2 Banner設計前的準備工作 156
9.3.3 Banner版式部分的設計技巧 157
9.3.4 Banner色彩部分的設計技巧 158
9.3.5 Banner常見的視覺風格 160
實例 用PS制作大促活動Banner 161
第10章 電商詳情頁設計
10.1 設計詳情頁前的準備 166
10.1.1 找到產品的目標人群 168
10.1.2 風格策劃 170
10.1.3 怎樣提高轉化率 171
10.2 詳情頁的結構規(guī)范 172
10.3 優(yōu)化詳情頁視覺體驗 175
10.4 詳情頁的制作流程分析 178
技巧 如何打造爆款詳情頁 178
實例 用PS制作沙發(fā)套詳情頁 180
第11章 電商GIF動圖制作 183
11.1 電商動圖的使用類型 183
11.2 動態(tài)詳情頁設計與制作 184
實例 用PS制作蝴蝶飛舞動態(tài)圖 189
第12章 電商短視頻拍攝與制作 191
12.1 短視頻的拍攝 191
12.1.1 產品拍攝流程 192
12.1.2 視頻構圖的基本原則 193
12.1.3 景別 195
12.1.4 角度 195
12.2 短視頻的剪輯 195
12.2.1 常用剪輯軟件 195
12.2.2 視頻剪輯流程 196
12.2.3 視頻剪輯技巧 197
12.2.4 視頻制作技巧 197
12.3 短視頻的輸出與應用 199
12.3.1 常用的視頻輸出格式 200
12.3.2 視頻的尺寸 200
 
第四部分 思考和提升
第13章 電商品牌全案設計流程
13.1 項目設計流程 202
13.2 如何更有效地溝通 203
13.3 養(yǎng)成優(yōu)秀的復盤習慣 205
13.4 外包如何報價 206
實例 制訂一個電商視覺設計方案 207
第14章 設計師的自我提升
14.1 給自己制訂學習計劃 213
14.2 在實踐中不斷提升 215
 
附錄
一、人群的精準定位 216
二、常見的電商促銷節(jié)日主題活動 218
三、設計工具推薦 219
四、優(yōu)秀設計資源推薦 222
五、矢量插畫 224
實例 用AI繪制矢量插畫 225
六、常用的logo靈感網站 227
七、贈送案例制作視頻 228