項目一　初識網店美工　1
任務一　網店美工概述　2
一、網店美工的定義　2
二、網店美工的技能要求　2
三、網店美工的工作范疇　2
四、網店美工需要注意的問題　4
任務二　網店美工必備的視覺設計知識　5
一、色彩搭配　5
二、文字應用　7
三、頁面布局　9
任務三　網店美工常用的設計軟件　12
一、Photoshop　12
二、C4D　12
三、Illustrator　13
任務四　網店美工的設計流程　13
一、設計定位　13
二、收集設計素材　14
三、素材處理與設計　14
四、頁面設計　15
五、設計審核與效果調整　15
六、店鋪裝修　16
思考與練習　17
項目二　處理商品圖片　19
任務一　調整商品圖片尺寸　20
一、調整商品圖片的大小　20
二、裁剪商品圖片　20
三、【課堂案例】——處理“草莓”商品圖片大小　21
任務二　調整商品圖片顏色　23
一、調整偏暗或偏亮的商品圖片　23
二、調整偏色的商品圖片　24
三、【課堂案例】——調整首飾商品圖片的顏色　26
任務三　修復商品圖片　28
一、修復商品圖片的常用方法　28
二、【課堂案例】——去除商品圖片中的污漬　30
三、【課堂案例】——去除商品圖片中的多余部分　32
任務四　摳取商品圖片　34
一、摳取商品圖片的常用方法　34
二、【課堂案例】——摳取女包商品圖片　35
三、【課堂案例】——摳取婚紗商品圖片　37
任務五　豐富商品圖片內容　40
一、添加與設置文字　40
二、添加形狀與圖案　40
三、合成商品圖片　41
四、【課堂案例】——制作投影燈海報　42
五、【課堂案例】——合成端午節(jié)海報　43
思考與練習　48
項目三　設計與制作推廣圖　50
任務一　商品主圖的設計與制作　51
一、商品主圖的制作要求　51
二、制作優(yōu)質商品主圖的技巧　52
三、【課堂案例】——制作數(shù)據(jù)線商品主圖　53
任務二　設計與制作直通車圖　56
一、直通車圖的設計目的和策略　56
二、直通車圖的投放位置　56
三、直通車圖的設計原則　57
四、【課堂案例】——制作榨汁機直通車圖　57
任務三　設計與制作引力魔方推廣圖　60
一、引力魔方推廣圖的位置和規(guī)范　60
二、引力魔方推廣圖的設計要點　61
三、【課堂案例】——制作水果引力魔方推廣圖　62
思考與練習　65
項目四　設計與制作店鋪首頁　67
任務一　認識店鋪首頁　68
一、店鋪首頁的主要功能　68
二、店鋪首頁的組成結構　68
任務二　設計與制作店招與導航　69
一、店招與導航的設計要求　69
二、店招與導航的設計要點　70
三、【課堂案例】——制作家紡店鋪店招與導航　70
任務三　設計與制作全屏海報　74
一、全屏海報的設計要點　74
二、【課堂案例】——制作家紡店鋪全屏海報　74
任務四　設計與制作優(yōu)惠券　77
一、優(yōu)惠券的設計原則　77
二、【課堂案例】——制作家紡店鋪優(yōu)惠券　78
任務五　設計與制作商品推薦區(qū)　80
一、商品推薦區(qū)的設計要點　80
二、【課堂案例】——制作家紡店鋪商品推薦區(qū)　80
思考與練習　84
項目五　設計與制作其他頁面　85
任務一　設計與制作活動頁　86
一、活動的目的和作用　86
二、活動頁的類型　87
三、活動頁的設計要點　88
四、【課堂案例】——設計“中秋”活動頁　88
任務二　設計與制作品牌介紹頁　96
一、品牌介紹頁的展示方式　96
二、【課堂案例】——設計家紡品牌介紹頁　97
思考與練習　101
項目六　設計與制作商品詳情頁　102
任務一　認識商品詳情頁　103
一、商品詳情頁的設計要求　103
二、商品詳情頁的設計要點　103
任務二　商品詳情頁的設計與制作　104
一、商品詳情頁的組成部分　104
二、【課堂案例】——設計毛巾焦點圖　106
三、【課堂案例】——設計毛巾賣點說明圖　107
四、【課堂案例】——設計毛巾信息展示圖　110
五、【課堂案例】——設計毛巾快遞與售后圖　111
思考與練習　114
項目七　設計與制作短視頻　115
任務一　認識短視頻　116
一、短視頻的特征與優(yōu)勢　116
二、短視頻的類型　116
任務二　拍攝短視頻　116
一、短視頻的拍攝流程　116
二、短視頻的運鏡方式　117
三、短視頻拍攝的景別　118
四、短視頻拍攝的角度和方位　118
五、【課堂案例】——拍攝堅果短視頻　119
任務三　短視頻制作　121
一、短視頻的制作要求　121
二、短視頻的制作流程　123
三、【課堂案例】——制作毛巾主圖短視頻　123
四、【課堂案例】——設計大米詳情頁短視頻　126
五、【課堂案例】——上傳主圖短視頻　129
思考與練習　132
項目八　設計與制作移動端頁面　133
任務一　設計與制作移動端店鋪首頁　134
一、移動端店鋪首頁的組成　134
二、移動端店鋪首頁的設計注意事項　135
三、【課堂案例】——制作陶瓷店鋪移動端首頁　135
任務二　設計與制作移動端商品詳情頁　142
一、移動端商品詳情頁的特征　142
二、移動端商品詳情頁的設計要點　142
三、【課堂案例】——制作茶杯移動端商品詳情頁　142
思考與練習　148
項目九　裝修店鋪　149
任務一　圖片切片與上傳　150
一、圖片切片的技巧　150
二、【課堂案例】——家紡店鋪首頁切片與上傳　150
任務二　裝修PC端店鋪首頁　152
一、認識裝修基礎模塊　153
二、【課堂案例】——使用模塊裝修店鋪首頁　153
任務三　裝修移動端店鋪首頁　157
一、認識移動端店鋪首頁模塊　157
二、【課堂案例】——使用模塊裝修移動端首頁　158
任務四　上傳商品詳情頁　160
一、商品詳情頁上傳的注意事項　160
二、【課堂案例】——上傳茶杯商品詳情頁　161
思考與練習　164
項目十　綜合案例——生鮮店鋪設計與制作　165
任務一　處理生鮮店鋪素材　166
一、制作思路　166
二、設計實施　167
任務二　制作生鮮店鋪首頁　168
一、制作思路　168
二、設計實施　169
任務三　制作生鮮店鋪商品詳情頁　174
一、制作思路　174
二、設計實施　175
任務四　制作生鮮商品直通車推廣圖　177
一、制作思路　177
二、設計實施　177
任務五　制作生鮮店鋪主圖短視頻　179
一、制作思路　179
二、設計實施　179
思考與練習　182