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

第 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)店裝修的風格定位……………… 3
1．3 網(wǎng)店的頁面構成…………………… 4
1．4 網(wǎng)店裝修的設計要點……………… 7
1．4．1 基礎元素… …………………… 7
1．4．2 顏色搭配… …………………… 8
1．4．3 文字設計… …………………… 9
1．4．4 版式構圖… ………………… 10
1．5 網(wǎng)店裝修的常用軟件…………… 11
1．6 網(wǎng)店裝修的基本流程…………… 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 調(diào)色……………………………… 19
2．3．1 調(diào)色的處理基礎… ………… 19
2．3．2 課堂案例——調(diào)整偏色圖片… ……………………… 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 課堂練習——調(diào)整曝光不足的商品圖片………………………… 24
2．6 課后習題——增加商品圖片的色彩鮮艷度……………………… 24
第3 章 網(wǎng)店營銷推廣圖設計
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 課堂練習——母嬰產(chǎn)品直通車圖設計……………………………… 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 課堂案例——護膚產(chǎn)品海報設計……………………………… 56
4．4 課堂練習——空調(diào)海報設計…… 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 課堂案例——家具產(chǎn)品首頁設計……………………………… 72
5．4 課堂練習——春夏女裝首頁設計……………………………… 85
5．5 課后習題——數(shù)碼產(chǎn)品首頁設計……………………………… 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 課堂練習——餐具產(chǎn)品詳情頁設計………………………………105
6．5 課后習題——運動鞋詳情頁設計………………………………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 課堂練習——數(shù)碼產(chǎn)品首頁圖片切片………………………………139
7．5 課后習題——數(shù)碼產(chǎn)品首頁裝修………………………………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 課堂案例——手機端店鋪家具產(chǎn)品首頁設計……………………148
8．4 手機端店鋪詳情頁設計模塊……157
8．5 課堂案例——手機端店鋪月餅美食詳情頁設計…………………157
8．6 課堂練習——手機端店鋪春夏女裝首頁設計……………………160
8．7 課后習題——手機端店鋪餐具產(chǎn)品詳情頁設計…………………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 課堂練習——手機端店鋪春夏女裝首頁裝修……………………177
9．4 課后習題——手機端店鋪餐具產(chǎn)品詳情頁裝修…………………178
第 10 章 網(wǎng)店視頻拍攝與制作
10．1 網(wǎng)店視頻拍攝… ………………180
10．1．1 視頻構圖的原則……………180
10．1．2 視頻拍攝的流程……………181
10．1．3 課堂案例——拍攝手沖咖啡教學視頻…………………… 182
10．2 網(wǎng)店視頻制作… ………………187
10．2．1 網(wǎng)店的視頻類型……………187
10．2．2 視頻制作的流程……………188
10．2．3 課堂案例——制作手沖咖啡教學視頻……………………190
10．3 網(wǎng)店視頻上傳… ………………196
10．3．1 視頻上傳的要求……………196
10．3．2 視頻上傳的方式……………196
10．3．3 課堂案例——上傳手沖咖啡教學視頻……………………197
10．4 課堂練習——拍攝花藝活動宣傳視頻………………………200
10．5 課后習題——制作花藝活動宣傳視頻………………………200