網(wǎng)店美工與短視頻案例實戰(zhàn)

第1章網(wǎng)店裝修基礎知識 / 1
1．1 與網(wǎng)店裝修相關 / 1
1．1．1 網(wǎng)店裝修的重要性 / 1
1．1．2 不同電商平臺裝修規(guī)范 / 2
1．1．3 如何確定網(wǎng)店裝修風格 / 4
1．2 網(wǎng)店裝修三大要素――色彩、文字和版式 / 6
1．2．1 網(wǎng)店裝修常見配色方案 / 6
1．2．2 掌握網(wǎng)店文字的編排準則 / 8
1．2．3 通過合適分割方式安排裝修文本 / 10
1．2．4 版面布局的形式法則 / 11
1．2．5 常見的網(wǎng)店裝修版式布局視覺流程 / 13
1．3 網(wǎng)店裝修中常用的軟件 / 15
1．3．1 認識網(wǎng)店裝修的利器――Photoshop / 15
1．3．2 網(wǎng)店視頻制作利器――Premiere Pro / 16
1．4 網(wǎng)店裝修的工作流程 / 17
1．4．1 收集并整理裝修素材 / 17
1．4．2 在Photoshop 中設計裝修效果圖 / 17
1．4．3 對圖片進行切片并優(yōu)化處理 / 18
1．4．4 將圖片和視頻上傳到網(wǎng)絡空間中 / 20
1．4．5 編寫代碼完成店鋪裝修 / 21
第2章網(wǎng)店裝修五大技能 / 23
2．1 裁剪與校正 / 23
2．1．1 重設圖片的大小 / 23
2．1．2 裁剪圖像改變構(gòu)圖 / 24
2．1．3 拉直讓商品端正展示 / 25
2．2 修復瑕疵還原精致細節(jié) / 26
2．2．1 去除用于懸掛商品的掛鉤 / 26
2．2．2 去除攝影棚的痕跡 / 28
2．2．3 去除模特的瑕疵 / 28
2．2．4 去除商品上的毛發(fā)、灰塵 / 31
2．2．5 去除商品包裝上的瑕疵 / 32
2．2．6 修復商品表面的缺陷 / 33
2．3 校正和美化顏色 / 34
2．3．1 恢復照片的正常亮度 / 34
2．3．2 校正白平衡還原真實顏色 / 36
2．3．3 修復發(fā)灰的照片 / 37
2．3．4 改變商品色調(diào)營造特殊氛圍 / 38
2．4 摳取與合成 / 39
2．4．1 純色背景的摳取 / 40
2．4．2 外形規(guī)則的商品摳取 / 41
2．4．3 外形不規(guī)則的商品摳取 / 42
2．4．4 精細圖像的摳取 / 44
2．4．5 特定顏色的摳取 / 45
2．4．6 半透明圖像的摳取 / 46
2．4．7 合成裝飾元素讓畫面更豐富 / 47
2．5 文字應用 / 48
2．5．1 文字的添加與設置 / 48
2．5．2 文字的藝術化編排 / 50
2．5．3 變形文字 / 51
第3章 網(wǎng)店首頁元素設計 / 53
3．1 店招與導航條設計 / 53
3．1．1 店招與導航條設計要點 / 53
3．1．2 燈具網(wǎng)店店招與導航條設計 / 54
3．1．3 寵物用品網(wǎng)店店招與導航條設計 / 57
3．2 歡迎模塊與輪播圖設計 / 61
3．2．1 歡迎模塊與輪播圖的設計規(guī)范 / 61
3．2．2 新品上架歡迎模塊設計 / 62
3．2．2 箱包促銷輪播圖設計 / 66
3．3 商品陳列區(qū)設計 / 72
3．3．1 商品陳列區(qū)的常用布局 / 72
3．3．2 時尚的女鞋網(wǎng)店商品陳列區(qū) / 74
3．3．3 規(guī)整的女裝網(wǎng)店商品陳列區(qū) / 79
第4章 商品詳情頁面元素設計 / 85
4．1 主圖和櫥窗照設計 / 85
4．1．1 主圖和櫥窗照的設計規(guī)范 / 85
4．1．2 清爽風格的主圖設計 / 86
4．1．3 清爽風格的主圖設計 / 90
4．2 寶貝分類區(qū)設計 / 94
4．2．1 分類區(qū)設計要點 / 94
4．2．2 炫彩風格的寶貝分類區(qū)設計 / 95
4．2．3 單色風格的寶貝分類區(qū)設計 / 96
4．3 商品搭配區(qū)設計 / 98
4．3．1 商品搭配專區(qū)的表現(xiàn)方式 / 98
4．3．2 冷酷風格的商品搭配區(qū)設計 / 99
4．3．3 清新風格的商品搭配區(qū)設計 / 103
4．4 商品細節(jié)展示區(qū)設計 / 107
4．4．1 商品細節(jié)展示區(qū)的表現(xiàn)方式 / 107
4．4．2 指示型商品細節(jié)展示區(qū)的設計 / 109
4．4．3 局部圖解型商品細節(jié)展示區(qū)設計 / 113
第5章 網(wǎng)店首頁整體裝修設計 / 117
5．1 女裝網(wǎng)店首頁裝修設計 / 117
5．1．1 文字和圖形組成簡約店招和導航條 / 119
5．1．2 圖層蒙版制作溶圖 / 121
5．1．3 簡易色塊組成的分類欄 / 122
5．1．4 制作簡約風格的女裝展示區(qū)域 / 122
5．1．5 利用客服區(qū)提升首頁服務品質(zhì) / 125
5．1．6 調(diào)色和銳化 / 126
5．2 飾品網(wǎng)店首頁裝修設計 / 127
5．2．1 制作背景確定設計風格 / 129
5．2．2 摳取飾品圖像制作歡迎模塊 / 130
5．2．3 明度較暗的二級海報 / 131
5．2．4 使用分類區(qū)引導購物 / 134
5．2．5 推薦款區(qū)域呈現(xiàn)主打商品 / 136
5．2．6 補充內(nèi)容完善首頁信息表現(xiàn) / 137
5．3 家具網(wǎng)店首頁裝修設計 / 139
5．3．1 制作拼接效果的歡迎模塊 / 141
5．3．2 簡潔的店招和導航條設計 / 142
5．3．3 利用線條引導視線的商品展示區(qū) / 144
5．3．4 添加收藏完善畫面效果 / 147
第6章 商品詳情頁面裝修設計 / 149
6．1 女包詳情頁面設計 / 149
6．1．1 利用廣告圖展示女包形象 / 151
6．1．2 全面的女包詳情 / 152
6．1．3 制作側(cè)邊欄 / 156
6．1．4 添加收藏區(qū)豐富側(cè)邊欄 / 157
6．1．5 簡約的女包櫥窗照 / 157
6．2 腕表詳情頁面設計 / 158
6．2．1 冷酷大氣的廣告圖 / 160
6．2．2 暗色調(diào)的商品詳情 / 161
6．2．3 金屬材質(zhì)的側(cè)邊欄 / 165
6．2．4 簡約大氣的腕表櫥窗照 / 166
6．3 運動鞋詳情頁面設計 / 167
6．3．1 炫酷的運動鞋廣告圖 / 169
6．3．2 指示性線條突出商品賣點 / 172
6．3．3 運動鞋的多個亮點設計 / 174
6．3．4 添加尺碼對照表 / 175
6．3．5 輔助信息塑造專業(yè)店鋪形象 / 176
6．3．6 選取圖像制作運動鞋櫥窗照 / 176
6．4 眼鏡框詳情頁面設計 / 179
6．4．1 簡潔的商品廣告圖 / 181
6．4．2 內(nèi)容詳細的商品詳情展示 / 182
6．4．3 風格統(tǒng)一的眼鏡框櫥窗照 / 186
第7章 制作視頻的軟件基礎 / 187
7．1　視頻編輯基礎 / 187
7．1．1　創(chuàng)建項目 / 187
7．1．2　向項目中導入素材 / 188
7．1．3　創(chuàng)建序列 / 188
7．1．4 向序列中添加素材 / 189
7．1．5　存儲和輸出視頻 / 191
7．2　編輯視頻素材 / 193
7．2．1　調(diào)整視頻素材位置 / 193
7．2．2 裁剪和旋轉(zhuǎn)視頻素材 / 194
7．2．3 視頻素材的顏色調(diào)整 / 196
7．2．4　分割和刪除視頻素材 / 197
7．3　添加視頻過渡效果 / 198
7．3．1　應用過渡效果 / 199
7．3．2　添加默認轉(zhuǎn)場效果 / 199
7．3．3　自定義過渡參數(shù) / 200
7．3．4　替換和刪除過渡效果 / 201
7．4　豐富多彩的視頻效果應用 / 203
7．4．1　添加視頻效果 / 203
7．4．2　控制視頻播放效果 / 204
7．4．3　禁用和啟用效果 / 205
7．4．4　刪除視頻效果 / 205
7．5　創(chuàng)建和編輯字幕 / 206
7．5．1　創(chuàng)建靜態(tài)字幕 / 206
7．5．2　創(chuàng)建動態(tài)字幕 / 208
7．5．3　設置字幕文字屬性 / 209
7．5．4 應用字幕樣式 / 210
7．6　設置音頻特效 / 211
7．6．1　在項目中添加音頻素材 / 211
7．6．2　分割和刪除音頻（文件） / 212
7．6．3　設置音頻速度和持續(xù)時間 / 213
7．6．4　調(diào)整音量 / 214
7．6．5　制作音效過渡效果 / 215
第8章 網(wǎng)店視頻制作 / 217
8．1　網(wǎng)店主圖視頻設計 / 217
8．1．1　主圖視頻的設計規(guī)范 / 217
8．1．2　臺燈主圖視頻設計 / 218
8．1．3　茶葉主圖視頻設計 / 227
8．2　詳情視頻設計 / 235
8．2．1　詳情視頻設計規(guī)范 / 235
8．2．2　鼠標詳情視頻設計 / 236
8．2．3　眼影詳情視頻設計 / 246