網(wǎng)店美工視覺設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版 第2版）

第 1 章　網(wǎng)店美工基礎(chǔ)知識(shí)．．．．．001
1．1　網(wǎng)店美工概述 ．．．．．．．．．．．．．．．．．．．　002
1．1．1　網(wǎng)店美工的工作范疇．．．．．．　002
1．1．2　網(wǎng)店美工的技能要求．．．．．．　003
1．2　網(wǎng)店美工必備的視覺營(yíng)銷知識(shí) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　004
1．2．1　色彩搭配．．．．．．．．．．．．．．．．．．．．．．004
1．2．2　圖形元素的應(yīng)用．．．．．．．．．．．．　006
1．2．3　文字的應(yīng)用．．．．．．．．．．．．．．．．．．．　007
1．3　Photoshop CS6 的基本操作 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　010
1．3．1　設(shè)置前景色與背景色．．．．．．010
1．3．2　圖層的基本操作．．．．．．．．．．．　011
1．3．3　裁剪并更改圖片尺寸．．．．．．012
1．3．4　批處理圖片．．．．．．．．．．．．．．．．．．．013
1．4　利用 Photoshop CS6 摳圖 ．．．　014
1．4．1　規(guī)則圖像摳圖．．．．．．．．．．．．．．．　014
1．4．2　簡(jiǎn)單背景摳圖．．．．．．．．．．．．．．．．016
1．4．3　復(fù)雜圖像摳圖．．．．．．．．．．．．．．．．018
1．4．4　毛發(fā)摳圖．．．．．．．．．．．．．．．．．．．．．．　020
1．4．5　半透明物體摳圖．．．．．．．．．．．．　022
1．5　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　024
1．5．1　為沙發(fā)更換背景．．．．．．．．．．．．　025
1．5．2　為榨汁機(jī)更換背景．．．．．．．．．　026
課后練習(xí)?。?29
第　2 篇 網(wǎng)店圖片處理
第　2章 圖片調(diào)色 ．．．．．．．．．．．．．．．．．．030
2．1　了解圖片調(diào)色 ．．．．．．．．．．．．．．．．．．．　031
2．1．1　圖片調(diào)色的原則．．．．．．．．．．．．031
2．1．2　使用調(diào)整圖層調(diào)色．．．．．．．．．　032
2．2　處理曝光不足或曝光過度的圖片 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　033
2．2．1　提高亮度與對(duì)比度．．．．．．．．．034
2．2．2　調(diào)整高光、陰影與中間調(diào)．．．．．．．．．．．．．．．．．．．．．．．．．．034
2．3　圖片調(diào)色 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　039
2．3．1　圖片偏色矯正．．．．．．．．．．．．．．．．　039
2．3．2　圖片特殊顏色調(diào)整．．．．．．．．．　042
2．4　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　045
2．4．1　童裝調(diào)色．．．．．．．．．．．．．．．．．．．．．．．　045
2．4．2　打造街拍圖片風(fēng)格．．．．．．．．．047
課后練習(xí)　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　049
第　3 章 圖片修飾 ．．．．．．．．．．．．．．．．．051
3．1　修飾商品圖片 ．．．．．．．．．．．．．．．．．．．　052
3．1．1　清除商品上的污跡．．．．．．．．．　052
3．1．2　去除背景中多余的物品．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　053
3．1．3　美化模特．．．．．．．．．．．．．．．．．．．．．．　055
3．1．4　光滑材質(zhì)表面．．．．．．．．．．．．．．．．　056
3．1．5　加強(qiáng)亮部與暗部的對(duì)比．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　057
3．1．6　增加金屬質(zhì)感．．．．．．．．．．．．．．．．　059
3．1．7　提高圖片清晰度．．．．．．．．．．．．　062
3．2　豐富商品圖片內(nèi)容 ．．．．．．．．．．．．　063
3．2．1　添加與美化圖片文本．．．．．．．　063
3．2．2　添加形狀與圖案．．．．．．．．．．．．．　066
3．3　添加圖片特效 ．．．．．．．．．．．．．．．．．．．　067
3．3．1　虛化背景．．．．．．．．．．．．．．．．．．．．．．．　067
3．3．2　添加發(fā)光效果．．．．．．．．．．．．．．．．　068
3．3．3　添加高光與投影效果．．．．．．．　070
3．4　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　072
3．4．1　修飾家用榨汁機(jī)．．．．．．．．．．．．．　072
3．4．2　修飾羽絨服．．．．．．．．．．．．．．．．．．．　075
課后練習(xí)?。?78
第３篇　店鋪裝修
第4章　店鋪首頁(yè)核心模塊設(shè)計(jì) ．．．．．．079
4．1　店招設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．．．．．　080
4．1．1　店招制作規(guī)范．．．．．．．．．．．．．．．．　080
4．1．2　制作常規(guī)店招．．．．．．．．．．．．．．．．　080
4．1．3　制作通欄店招．．．．．．．．．．．．．．．．　083
4．2　海報(bào)設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．．．．．　084
4．2．1　制作全屏海報(bào)．．．．．．．．．．．．．．．．084
4．2．2　制作常規(guī)海報(bào)．．．．．．．．．．．．．．．．　085
4．3　優(yōu)惠券設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．　087
4．3．1　優(yōu)惠券的設(shè)計(jì)原則．．．．．．．．．　087
4．3．2　制作優(yōu)惠券．．．．．．．．．．．．．．．．．．．　088
4．4　活動(dòng)區(qū)設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．　090
4．4．1　活動(dòng)區(qū)的設(shè)計(jì)要點(diǎn)．．．．．．．．．　090
4．4．2　制作活動(dòng)區(qū)．．．．．．．．．．．．．．．．．．．　090
4．5　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　094
4．5．1　制作女裝店鋪店招．．．．．．．．．　094
4．5．2　制作女裝店鋪海報(bào)．．．．．．．．．　097
課后練習(xí)?。?99
第　5 章 詳情頁(yè)視覺設(shè)計(jì) ．．．．．．100
5．1　詳情頁(yè)設(shè)計(jì)要點(diǎn) ．．．．．．．．．．．．．．．．　101
5．1．1　商品詳情頁(yè)制作規(guī)范．．．．．　101
5．1．2　商品詳情頁(yè)的內(nèi)容分析與策劃要點(diǎn)．．．．．．．．．．．．．．．．．．．．．．　101
5．2　寶貝描述核心模塊設(shè)計(jì) ．．．．．　102
5．2．1　寶貝焦點(diǎn)圖設(shè)計(jì)．．．．．．．．．．．．．102
5．2．2　功能描述圖設(shè)計(jì)．．．．．．．．．．．．　104
5．2．3　信息展示圖設(shè)計(jì)．．．．．．．．．．．．．106
5．2．4　賣點(diǎn)說(shuō)明圖設(shè)計(jì)．．．．．．．．．．．．．107
5．3　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　110
5．3．1　制作四件套焦點(diǎn)圖．．．．．．．．．　110
5．3．2　制作四件套展示圖．．．．．．．．．　112
課后練習(xí)?。?15
第6章　店鋪裝修 ．．．．．．．．．．．．．．．．．．117
6．1　使用素材中心 ．．．．．．．．．．．．．．．．．．．　118
6．1．1　切片技巧．．．．．．．．．．．．．．．．．．．．．．　118
6．1．2　圖片切片與保存．．．．．．．．．．．　118
6．1．3　上傳圖片到素材中心．．．．．．120
6．1．4　重命名并移動(dòng)圖片．．．．．．．．　121
6．1．5　刪除與替換圖片．．．．．．．．．．．．122
6．2　使用模塊裝修店鋪 ．．．．．．．．．．．．　123
6．2．1　認(rèn)識(shí)裝修模塊．．．．．．．．．．．．．．．．123
6．2．2　裝修頁(yè)頭．．．．．．．．．．．．．．．．．．．．．．　124
6．2．3　熱點(diǎn)+源代碼裝修．．．．．．．．．．．126
6．2．4　其他模塊裝修．．．．．．．．．．．．．．．．128
6．3　實(shí)戰(zhàn)演練——裝修寶貝描述頁(yè) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　129
課后練習(xí)?。?32
第7章　視覺營(yíng)銷推廣圖的制作 ．．．133
7．1　制作高點(diǎn)擊率的主圖 ．．．．．．．．．　134
7．1．1　寶貝主圖規(guī)范．．．．．．．．．．．．．．．　134
7．1．2　制作優(yōu)質(zhì)商品主圖的技巧．．．．．．．．．．．．．．．．．．．．．．．．　134
7．1．3　數(shù)據(jù)線主圖設(shè)計(jì)．．．．．．．．．．．．．135
7．2　智鉆圖設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．　137
7．2．1　智鉆圖的設(shè)計(jì)要點(diǎn)．．．．．．．．．137
7．2．2　智鉆圖的構(gòu)圖方式．．．．．．．．　138
7．2．3　制作淘寶首焦智鉆圖．．．．．．．139
7．3　直通車推廣圖設(shè)計(jì) ．．．．．．．．．．．．　141
7．3．1　直通車展現(xiàn)方式．．．．．．．．．．．．141
7．3．2　直通車圖的設(shè)計(jì)要點(diǎn)．．．．．　142
7．3．3　直通車圖引流的關(guān)鍵．．．．．．　143
7．3．4　設(shè)計(jì)剃須刀直通車圖．．．．．　144
7．4　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　147
7．4．1　設(shè)計(jì)唇彩直通車圖．．．．．．．．　147
7．4．2　設(shè)計(jì)紫色護(hù)膚品智鉆圖．．．149
課后練習(xí)?。?51
第　4 篇 無(wú)線終端應(yīng)用
第　8 章 無(wú)線終端首頁(yè)的視覺設(shè)計(jì)與裝修 ．．．．．．．．．．．．．．．152
8．1　無(wú)線終端首頁(yè)設(shè)計(jì)基礎(chǔ) ．．．．．　153
8．1．1　無(wú)線終端與計(jì)算機(jī)端的不同．．．．．．．．．．．．．．．．．．．．．．．．．．．．．153
8．1．2　無(wú)線終端首頁(yè)模塊的組成．．．．．．．．．．．．．．．．．．．．．．．．．．．．．153
8．1．3　無(wú)線終端首頁(yè)裝修注意事項(xiàng)．．．．．．．．．．．．．．．．．．．．．．．．．．．．．155
8．2　無(wú)線終端首頁(yè)關(guān)鍵模塊的視覺設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．．．．　155
8．2．1　店招設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．155
8．2．2　海報(bào)設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．156
8．2．3　優(yōu)惠券設(shè)計(jì)．．．．．．．．．．．．．．．．．．．158
8．2．4　分類設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．159
8．2．5　寶貝展示圖設(shè)計(jì)．．．．．．．．．．．．．160
8．3　無(wú)線終端店鋪裝修 ．．．．．．．．．．．．　163
8．3．1　模塊裝修．．．．．．．．．．．．．．．．．．．．．．．163
8．3．2　模板裝修．．．．．．．．．．．．．．．．．．．．．．　164
8．4　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　165
8．4．1　制作沙發(fā)無(wú)線終端首焦海報(bào)與優(yōu)惠券．．．．．．．．．．．．．．．．165
8．4．2　制作沙發(fā)無(wú)線終端商品展示圖．．．．．．．．．．．．．．．．．．．．．．．．．．167
課后練習(xí)?。?70
第　9 章 無(wú)線終端詳情頁(yè)的視覺設(shè)計(jì)與裝修 ．．．．．．．．．．．．．．．171
9．1　無(wú)線終端詳情頁(yè)設(shè)計(jì)基礎(chǔ)．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　172
9．1．1　無(wú)線終端詳情頁(yè)的特征．．．．．．．．．．．．．．．．．．．．．．．．．．172
9．1．2　無(wú)線終端詳情頁(yè)設(shè)計(jì)的要點(diǎn)．．．．．．．．．．．．．．．．．．．．．．．．．．172
9．2　無(wú)線終端詳情頁(yè)的設(shè)計(jì)與裝修 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　173
9．2．1　無(wú)線終端詳情頁(yè)設(shè)計(jì)．．．．．．173
9．2．2　無(wú)線終端詳情頁(yè)裝修．．．．．．．176
9．2．3　無(wú)線終端模板裝修．．．．．．．．．．177
9．3　無(wú)線終端自定義頁(yè)面裝修 ．．．　179
9．3．1　自定義頁(yè)面裝修要點(diǎn)．．．．．．．179
9．3．2　自定義菜單．．．．．．．．．．．．．．．．．．．．179
9．3．3　自定義頁(yè)面裝修．．．．．．．．．．．．　181
9．4　實(shí)戰(zhàn)演練 ．．．．．．．．．．．．．．．．．．．．．．．．．．．　182
9．4．1　制作無(wú)線終端零食詳情頁(yè)．．．．．．．．．．．．．．．．．．．．．．．．．．182
9．4．2　制作返場(chǎng)活動(dòng)頁(yè)．．．．．．．．．．．．．186
課后練習(xí)　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．　190
第　10章 無(wú)線終端H5設(shè)計(jì) ．．．．．192
10．1　H5的基礎(chǔ)知識(shí) ．．．．．．．．．．．．．．．．　193
10．1．1　H5概述．．．．．．．．．．．．．．．．．．．．．．．．193
10．1．2　H5的類型．．．．．．．．．．．．．．．．．．．．194
10．1．3　H5的制作工具．．．．．．．．．．．．．．196
10．1．4　H5的制作流程．．．．．．．．．．．．．197
10．2　H5的制作 ．．．．．．．．．．．．．．．．．．．．．．．．　197
10．2．1　使用MAKA工具制作H5．．．．．．．．．．．．．．．．．．．．．．．．197
10．2．2　使用iH5工具制作H5．．．．．．201
實(shí)戰(zhàn)演練——制作新品促銷H5
課后練習(xí)?。?12