Photoshop網(wǎng)店美工設(shè)計(jì)（全彩慕課版）

第 1 章 初識(shí)網(wǎng)店美工與網(wǎng)店裝修
1．1 網(wǎng)店美工概述……………………… 2
1．1．1 網(wǎng)店美工的基本概念… ……… 2
1．1．2 網(wǎng)店美工的工作內(nèi)容… ……… 2
1．1．3 網(wǎng)店美工的基本技能… ……… 3
1．2 網(wǎng)店裝修的風(fēng)格定位……………… 3
1．3 網(wǎng)店的頁(yè)面構(gòu)成…………………… 4
1．4 網(wǎng)店裝修的設(shè)計(jì)要點(diǎn)……………… 7
1．4．1 基礎(chǔ)元素… …………………… 7
1．4．2 顏色搭配… …………………… 8
1．4．3 文字設(shè)計(jì)… …………………… 9
1．4．4 版式構(gòu)圖… ………………… 10
1．5 網(wǎng)店裝修的常用軟件…………… 11
1．6 網(wǎng)店裝修的基本流程…………… 12
第 2 章 商品圖片的美化處理
2．1 裁剪……………………………… 14
2．1．1 裁剪的處理基礎(chǔ)… ………… 14
2．1．2 課堂案例——裁剪校正傾斜的商品… ……………………… 14
2．1．3 課堂案例——裁剪校正變形的商品… ……………………… 15
2．2 摳圖……………………………… 16
2．2．1 摳圖的處理基礎(chǔ)… ………… 16
2．2．2 課堂案例——使用多邊形套索工具摳圖… ………………… 16
2．2．3 課堂案例——使用魔棒工具摳圖… ……………………… 17
2．2．4 課堂案例——使用鋼筆工具摳圖… ……………………… 18
2．3 調(diào)色……………………………… 19
2．3．1 調(diào)色的處理基礎(chǔ)… ………… 19
2．3．2 課堂案例——調(diào)整偏色圖片… ……………………… 20
2．3．3 課堂案例——讓圖片更出色… ……………………… 20
2．3．4 課堂案例——讓圖片更清晰… ……………………… 21
2．4 修圖……………………………… 22
2．4．1 修圖的處理基礎(chǔ)… ………… 22
2．4．2 課堂案例——修復(fù)圖像瑕疵… ……………………… 22
2．4．3 課堂案例——復(fù)制取樣圖像… ……………………… 23
2．5 課堂練習(xí)——調(diào)整曝光不足的商品圖片………………………… 24
2．6 課后習(xí)題——增加商品圖片的色彩鮮艷度……………………… 24
第3 章 網(wǎng)店?duì)I銷推廣圖設(shè)計(jì)
3．1 主圖設(shè)計(jì)………………………… 26
3．1．1 主圖的基本概念… ………… 26
3．1．2 主圖的設(shè)計(jì)要點(diǎn)… ………… 27
3．1．3 課堂案例——電風(fēng)扇主圖設(shè)計(jì)… ……………………… 29
3．2 直通車圖設(shè)計(jì)…………………… 34
3．2．1 直通車圖的基本概念……… 35
3．2．2 直通車圖的設(shè)計(jì)要點(diǎn)………… 35
3．2．3 課堂案例——鈣片直通車圖設(shè)計(jì)… ……………………… 37
3．3 鉆展圖設(shè)計(jì)……………………… 44
3．3．1 鉆展圖的基本概念… ……… 44
3．3．2 鉆展圖的設(shè)計(jì)要點(diǎn)… ……… 45
3．3．3 課堂案例——生鮮食品鉆展圖設(shè)計(jì)… ……………………… 47
3．4 課堂練習(xí)——母嬰產(chǎn)品直通車圖設(shè)計(jì)……………………………… 51
3．5 課后習(xí)題——服裝鉆展圖設(shè)計(jì)…… 52
第4 章 店鋪海報(bào)設(shè)計(jì)
4．1 海報(bào)的基本概念………………… 54
4．2 海報(bào)的設(shè)計(jì)要點(diǎn)………………… 54
4．2．1 海報(bào)的設(shè)計(jì)尺寸… ………… 54
4．2．2 海報(bào)的版式構(gòu)圖… ………… 55
4．2．3 海報(bào)的設(shè)計(jì)形式… ………… 55
4．3 課堂案例——護(hù)膚產(chǎn)品海報(bào)設(shè)計(jì)……………………………… 56
4．4 課堂練習(xí)——空調(diào)海報(bào)設(shè)計(jì)…… 62
4．5 課后習(xí)題——果汁飲品海報(bào)設(shè)計(jì)……………………………… 62
第5 章 PC 端店鋪首頁(yè)設(shè)計(jì)
5．1 首頁(yè)的基本概念………………… 64
5．2 首頁(yè)的設(shè)計(jì)模塊………………… 64
5．2．1 店招和導(dǎo)航… ……………… 65
5．2．2 輪播海報(bào)… ………………… 66
5．2．3 優(yōu)惠券… …………………… 67
5．2．4 分類模塊… ………………… 67
5．2．5 商品展示… ………………… 69
5．2．6 底部信息… ………………… 71
5．3 課堂案例——家具產(chǎn)品首頁(yè)設(shè)計(jì)……………………………… 72
5．4 課堂練習(xí)——春夏女裝首頁(yè)設(shè)計(jì)……………………………… 85
5．5 課后習(xí)題——數(shù)碼產(chǎn)品首頁(yè)設(shè)計(jì)……………………………… 86
第6 章 PC 端店鋪詳情頁(yè)設(shè)計(jì)
6．1 詳情頁(yè)的基本概念……………… 88
6．2 詳情頁(yè)的設(shè)計(jì)模塊……………… 89
6．2．1 商品焦點(diǎn)圖… ……………… 90
6．2．2 賣點(diǎn)提煉… ………………… 90
6．2．3 商品展示… ………………… 91
6．2．4 細(xì)節(jié)展示… ………………… 92
6．2．5 商品信息… ………………… 92
6．2．6 其他模塊… ………………… 93
6．3 課堂案例——月餅美食詳情頁(yè)設(shè)計(jì)……………………………… 94
6．4 課堂練習(xí)——餐具產(chǎn)品詳情頁(yè)設(shè)計(jì)………………………………105
6．5 課后習(xí)題——運(yùn)動(dòng)鞋詳情頁(yè)設(shè)計(jì)………………………………107
第7 章 PC 端店鋪裝修
7．1 圖片的切片………………………109
7．1．1 圖片切片的概念… …………109
7．1．2 圖片切片的要點(diǎn)… …………109
7．1．3 課堂案例——家具產(chǎn)品首頁(yè)圖片切片… ………………… 110
7．2 圖片的上傳………………………113
7．2．1 素材中心的概述… ………… 113
7．2．2 素材中心的功能… …………114
7．2．3 素材中心的管理… …………116
7．2．4 課堂案例——家具產(chǎn)品首頁(yè)圖片上傳… ………………… 117
7．3 店鋪裝修…………………………118
7．3．1 使用模板裝修… ……………119
7．3．2 使用模塊裝修… …………… 121
7．3．3 課堂案例——家具產(chǎn)品首頁(yè)裝修… ……………………… 123
7．4 課堂練習(xí)——數(shù)碼產(chǎn)品首頁(yè)圖片切片………………………………139
7．5 課后習(xí)題——數(shù)碼產(chǎn)品首頁(yè)裝修………………………………139
第8 章 手機(jī)端店鋪設(shè)計(jì)
8．1 手機(jī)端店鋪概述…………………141
8．1．1 手機(jī)端店鋪設(shè)計(jì)的必要性……141
8．1．2 手機(jī)端店鋪與PC 端店鋪的區(qū)別… ………………………141
8．1．3 手機(jī)端店鋪設(shè)計(jì)的關(guān)鍵點(diǎn)…… 143
8．2 手機(jī)端店鋪首頁(yè)設(shè)計(jì)模塊………143
8．2．1 店招… ………………………144
8．2．2 文字標(biāo)題… ………………… 145
8．2．3 店鋪熱搜… ………………… 145
8．2．4 輪播海報(bào)… ………………… 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 課堂案例——手機(jī)端店鋪家具產(chǎn)品首頁(yè)設(shè)計(jì)……………………148
8．4 手機(jī)端店鋪詳情頁(yè)設(shè)計(jì)模塊……157
8．5 課堂案例——手機(jī)端店鋪月餅美食詳情頁(yè)設(shè)計(jì)…………………157
8．6 課堂練習(xí)——手機(jī)端店鋪春夏女裝首頁(yè)設(shè)計(jì)……………………160
8．7 課后習(xí)題——手機(jī)端店鋪餐具產(chǎn)品詳情頁(yè)設(shè)計(jì)…………………161
第9 章 手機(jī)端店鋪裝修
9．1 手機(jī)端店鋪首頁(yè)裝修……………163
9．1．1 使用模板裝修… …………… 163
9．1．2 使用模塊裝修… …………… 163
9．1．3 課堂案例——手機(jī)端店鋪家具產(chǎn)品首頁(yè)裝修… …………… 165
9．2 手機(jī)端店鋪詳情頁(yè)裝修…………172
9．2．1 使用模板裝修… …………… 172
9．2．2 使用模塊裝修… …………… 172
9．2．3 課堂案例——手機(jī)端店鋪月餅美食詳情頁(yè)裝修… ………… 173
9．3 課堂練習(xí)——手機(jī)端店鋪春夏女裝首頁(yè)裝修……………………177
9．4 課后習(xí)題——手機(jī)端店鋪餐具產(chǎn)品詳情頁(yè)裝修…………………178
第 10 章 網(wǎng)店視頻拍攝與制作
10．1 網(wǎng)店視頻拍攝… ………………180
10．1．1 視頻構(gòu)圖的原則……………180
10．1．2 視頻拍攝的流程……………181
10．1．3 課堂案例——拍攝手沖咖啡教學(xué)視頻…………………… 182
10．2 網(wǎng)店視頻制作… ………………187
10．2．1 網(wǎng)店的視頻類型……………187
10．2．2 視頻制作的流程……………188
10．2．3 課堂案例——制作手沖咖啡教學(xué)視頻……………………190
10．3 網(wǎng)店視頻上傳… ………………196
10．3．1 視頻上傳的要求……………196
10．3．2 視頻上傳的方式……………196
10．3．3 課堂案例——上傳手沖咖啡教學(xué)視頻……………………197
10．4 課堂練習(xí)——拍攝花藝活動(dòng)宣傳視頻………………………200
10．5 課后習(xí)題——制作花藝活動(dòng)宣傳視頻………………………200