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

第 1 章 初識網(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)店的頁面構(gòu)成…………………… 4
1．4 網(wǎng)店裝修的設(shè)計要點……………… 7
1．4．1 基礎(chǔ)元素… …………………… 7
1．4．2 顏色搭配… …………………… 8
1．4．3 文字設(shè)計… …………………… 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)店營銷推廣圖設(shè)計
3．1 主圖設(shè)計………………………… 26
3．1．1 主圖的基本概念… ………… 26
3．1．2 主圖的設(shè)計要點… ………… 27
3．1．3 課堂案例——電風(fēng)扇主圖設(shè)計… ……………………… 29
3．2 直通車圖設(shè)計…………………… 34
3．2．1 直通車圖的基本概念……… 35
3．2．2 直通車圖的設(shè)計要點………… 35
3．2．3 課堂案例——鈣片直通車圖設(shè)計… ……………………… 37
3．3 鉆展圖設(shè)計……………………… 44
3．3．1 鉆展圖的基本概念… ……… 44
3．3．2 鉆展圖的設(shè)計要點… ……… 45
3．3．3 課堂案例——生鮮食品鉆展圖設(shè)計… ……………………… 47
3．4 課堂練習(xí)——母嬰產(chǎn)品直通車圖設(shè)計……………………………… 51
3．5 課后習(xí)題——服裝鉆展圖設(shè)計…… 52
第4 章 店鋪海報設(shè)計
4．1 海報的基本概念………………… 54
4．2 海報的設(shè)計要點………………… 54
4．2．1 海報的設(shè)計尺寸… ………… 54
4．2．2 海報的版式構(gòu)圖… ………… 55
4．2．3 海報的設(shè)計形式… ………… 55
4．3 課堂案例——護膚產(chǎn)品海報設(shè)計……………………………… 56
4．4 課堂練習(xí)——空調(diào)海報設(shè)計…… 62
4．5 課后習(xí)題——果汁飲品海報設(shè)計……………………………… 62
第5 章 PC 端店鋪首頁設(shè)計
5．1 首頁的基本概念………………… 64
5．2 首頁的設(shè)計模塊………………… 64
5．2．1 店招和導(dǎo)航… ……………… 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 課堂案例——家具產(chǎn)品首頁設(shè)計……………………………… 72
5．4 課堂練習(xí)——春夏女裝首頁設(shè)計……………………………… 85
5．5 課后習(xí)題——數(shù)碼產(chǎn)品首頁設(shè)計……………………………… 86
第6 章 PC 端店鋪詳情頁設(shè)計
6．1 詳情頁的基本概念……………… 88
6．2 詳情頁的設(shè)計模塊……………… 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 課堂案例——月餅美食詳情頁設(shè)計……………………………… 94
6．4 課堂練習(xí)——餐具產(chǎn)品詳情頁設(shè)計………………………………105
6．5 課后習(xí)題——運動鞋詳情頁設(shè)計………………………………107
第7 章 PC 端店鋪裝修
7．1 圖片的切片………………………109
7．1．1 圖片切片的概念… …………109
7．1．2 圖片切片的要點… …………109
7．1．3 課堂案例——家具產(chǎn)品首頁圖片切片… ………………… 110
7．2 圖片的上傳………………………113
7．2．1 素材中心的概述… ………… 113
7．2．2 素材中心的功能… …………114
7．2．3 素材中心的管理… …………116
7．2．4 課堂案例——家具產(chǎn)品首頁圖片上傳… ………………… 117
7．3 店鋪裝修…………………………118
7．3．1 使用模板裝修… ……………119
7．3．2 使用模塊裝修… …………… 121
7．3．3 課堂案例——家具產(chǎn)品首頁裝修… ……………………… 123
7．4 課堂練習(xí)——數(shù)碼產(chǎn)品首頁圖片切片………………………………139
7．5 課后習(xí)題——數(shù)碼產(chǎn)品首頁裝修………………………………139
第8 章 手機端店鋪設(shè)計
8．1 手機端店鋪概述…………………141
8．1．1 手機端店鋪設(shè)計的必要性……141
8．1．2 手機端店鋪與PC 端店鋪的區(qū)別… ………………………141
8．1．3 手機端店鋪設(shè)計的關(guān)鍵點…… 143
8．2 手機端店鋪首頁設(shè)計模塊………143
8．2．1 店招… ………………………144
8．2．2 文字標(biāo)題… ………………… 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 課堂案例——手機端店鋪家具產(chǎn)品首頁設(shè)計……………………148
8．4 手機端店鋪詳情頁設(shè)計模塊……157
8．5 課堂案例——手機端店鋪月餅美食詳情頁設(shè)計…………………157
8．6 課堂練習(xí)——手機端店鋪春夏女裝首頁設(shè)計……………………160
8．7 課后習(xí)題——手機端店鋪餐具產(chǎn)品詳情頁設(shè)計…………………161
第9 章 手機端店鋪裝修
9．1 手機端店鋪首頁裝修……………163
9．1．1 使用模板裝修… …………… 163
9．1．2 使用模塊裝修… …………… 163
9．1．3 課堂案例——手機端店鋪家具產(chǎn)品首頁裝修… …………… 165
9．2 手機端店鋪詳情頁裝修…………172
9．2．1 使用模板裝修… …………… 172
9．2．2 使用模塊裝修… …………… 172
9．2．3 課堂案例——手機端店鋪月餅美食詳情頁裝修… ………… 173
9．3 課堂練習(xí)——手機端店鋪春夏女裝首頁裝修……………………177
9．4 課后習(xí)題——手機端店鋪餐具產(chǎn)品詳情頁裝修…………………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í)——拍攝花藝活動宣傳視頻………………………200
10．5 課后習(xí)題——制作花藝活動宣傳視頻………………………200