第 1 章 初識網店美工與網店裝修
1.1 網店美工概述……………………… 2
1.1.1 網店美工的基本概念… ……… 2
1.1.2 網店美工的工作內容… ……… 2
1.1.3 網店美工的基本技能… ……… 3
1.2 網店裝修的風格定位……………… 3
1.3 網店的頁面構成…………………… 4
1.4 網店裝修的設計要點……………… 7
1.4.1 基礎元素… …………………… 7
1.4.2 顏色搭配… …………………… 8
1.4.3 文字設計… …………………… 9
1.4.4 版式構圖… ………………… 10
1.5 網店裝修的常用軟件…………… 11
1.6 網店裝修的基本流程…………… 12
第 2 章 商品圖片的美化處理
2.1 裁剪……………………………… 14
2.1.1 裁剪的處理基礎… ………… 14
2.1.2 課堂案例裁剪校正傾斜的商品… ……………………… 14
2.1.3 課堂案例裁剪校正變形的商品… ……………………… 15
2.2 摳圖……………………………… 16
2.2.1 摳圖的處理基礎… ………… 16
2.2.2 課堂案例使用多邊形套索工具摳圖… ………………… 16
2.2.3 課堂案例使用魔棒工具摳圖… ……………………… 17
2.2.4 課堂案例使用鋼筆工具摳圖… ……………………… 18
2.3 調色……………………………… 19
2.3.1 調色的處理基礎… ………… 19
2.3.2 課堂案例調整偏色圖片… ……………………… 20
2.3.3 課堂案例讓圖片更出色… ……………………… 20
2.3.4 課堂案例讓圖片更清晰… ……………………… 21
2.4 修圖……………………………… 22
2.4.1 修圖的處理基礎… ………… 22
2.4.2 課堂案例修復圖像瑕疵… ……………………… 22
2.4.3 課堂案例復制取樣圖像… ……………………… 23
2.5 課堂練習調整曝光不足的商品圖片………………………… 24
2.6 課后習題增加商品圖片的色彩鮮艷度……………………… 24
第3 章 網店營銷推廣圖設計
3.1 主圖設計………………………… 26
3.1.1 主圖的基本概念… ………… 26
3.1.2 主圖的設計要點… ………… 27
3.1.3 課堂案例電風扇主圖設計… ……………………… 29
3.2 直通車圖設計…………………… 34
3.2.1 直通車圖的基本概念……… 35
3.2.2 直通車圖的設計要點………… 35
3.2.3 課堂案例鈣片直通車圖設計… ……………………… 37
3.3 鉆展圖設計……………………… 44
3.3.1 鉆展圖的基本概念… ……… 44
3.3.2 鉆展圖的設計要點… ……… 45
3.3.3 課堂案例生鮮食品鉆展圖設計… ……………………… 47
3.4 課堂練習母嬰產品直通車圖設計……………………………… 51
3.5 課后習題服裝鉆展圖設計…… 52
第4 章 店鋪海報設計
4.1 海報的基本概念………………… 54
4.2 海報的設計要點………………… 54
4.2.1 海報的設計尺寸… ………… 54
4.2.2 海報的版式構圖… ………… 55
4.2.3 海報的設計形式… ………… 55
4.3 課堂案例護膚產品海報設計……………………………… 56
4.4 課堂練習空調海報設計…… 62
4.5 課后習題果汁飲品海報設計……………………………… 62
第5 章 PC 端店鋪首頁設計
5.1 首頁的基本概念………………… 64
5.2 首頁的設計模塊………………… 64
5.2.1 店招和導航… ……………… 65
5.2.2 輪播海報… ………………… 66
5.2.3 優(yōu)惠券… …………………… 67
5.2.4 分類模塊… ………………… 67
5.2.5 商品展示… ………………… 69
5.2.6 底部信息… ………………… 71
5.3 課堂案例家具產品首頁設計……………………………… 72
5.4 課堂練習春夏女裝首頁設計……………………………… 85
5.5 課后習題數碼產品首頁設計……………………………… 86
第6 章 PC 端店鋪詳情頁設計
6.1 詳情頁的基本概念……………… 88
6.2 詳情頁的設計模塊……………… 89
6.2.1 商品焦點圖… ……………… 90
6.2.2 賣點提煉… ………………… 90
6.2.3 商品展示… ………………… 91
6.2.4 細節(jié)展示… ………………… 92
6.2.5 商品信息… ………………… 92
6.2.6 其他模塊… ………………… 93
6.3 課堂案例月餅美食詳情頁設計……………………………… 94
6.4 課堂練習餐具產品詳情頁設計………………………………105
6.5 課后習題運動鞋詳情頁設計………………………………107
第7 章 PC 端店鋪裝修
7.1 圖片的切片………………………109
7.1.1 圖片切片的概念… …………109
7.1.2 圖片切片的要點… …………109
7.1.3 課堂案例家具產品首頁圖片切片… ………………… 110
7.2 圖片的上傳………………………113
7.2.1 素材中心的概述… ………… 113
7.2.2 素材中心的功能… …………114
7.2.3 素材中心的管理… …………116
7.2.4 課堂案例家具產品首頁圖片上傳… ………………… 117
7.3 店鋪裝修…………………………118
7.3.1 使用模板裝修… ……………119
7.3.2 使用模塊裝修… …………… 121
7.3.3 課堂案例家具產品首頁裝修… ……………………… 123
7.4 課堂練習數碼產品首頁圖片切片………………………………139
7.5 課后習題數碼產品首頁裝修………………………………139
第8 章 手機端店鋪設計
8.1 手機端店鋪概述…………………141
8.1.1 手機端店鋪設計的必要性……141
8.1.2 手機端店鋪與PC 端店鋪的區(qū)別… ………………………141
8.1.3 手機端店鋪設計的關鍵點…… 143
8.2 手機端店鋪首頁設計模塊………143
8.2.1 店招… ………………………144
8.2.2 文字標題… ………………… 145
8.2.3 店鋪熱搜… ………………… 145
8.2.4 輪播海報… ………………… 145
8.2.5 優(yōu)惠券… …………………… 145
8.2.6 分類模塊… ………………… 145
8.2.7 商品展示… …………………146
8.2.8 底部信息… …………………146
8.2.9 排行榜… ……………………146
8.2.10 逛逛更多…………………… 147
8.3 課堂案例手機端店鋪家具產品首頁設計……………………148
8.4 手機端店鋪詳情頁設計模塊……157
8.5 課堂案例手機端店鋪月餅美食詳情頁設計…………………157
8.6 課堂練習手機端店鋪春夏女裝首頁設計……………………160
8.7 課后習題手機端店鋪餐具產品詳情頁設計…………………161
第9 章 手機端店鋪裝修
9.1 手機端店鋪首頁裝修……………163
9.1.1 使用模板裝修… …………… 163
9.1.2 使用模塊裝修… …………… 163
9.1.3 課堂案例手機端店鋪家具產品首頁裝修… …………… 165
9.2 手機端店鋪詳情頁裝修…………172
9.2.1 使用模板裝修… …………… 172
9.2.2 使用模塊裝修… …………… 172
9.2.3 課堂案例手機端店鋪月餅美食詳情頁裝修… ………… 173
9.3 課堂練習手機端店鋪春夏女裝首頁裝修……………………177
9.4 課后習題手機端店鋪餐具產品詳情頁裝修…………………178
第 10 章 網店視頻拍攝與制作
10.1 網店視頻拍攝… ………………180
10.1.1 視頻構圖的原則……………180
10.1.2 視頻拍攝的流程……………181
10.1.3 課堂案例拍攝手沖咖啡教學視頻…………………… 182
10.2 網店視頻制作… ………………187
10.2.1 網店的視頻類型……………187
10.2.2 視頻制作的流程……………188
10.2.3 課堂案例制作手沖咖啡教學視頻……………………190
10.3 網店視頻上傳… ………………196
10.3.1 視頻上傳的要求……………196
10.3.2 視頻上傳的方式……………196
10.3.3 課堂案例上傳手沖咖啡教學視頻……………………197
10.4 課堂練習拍攝花藝活動宣傳視頻………………………200
10.5 課后習題制作花藝活動宣傳視頻………………………200