電子商務顛覆了傳統(tǒng)的商業(yè)模式,其較為特殊的交易方式使網(wǎng)店的視覺設(shè)計比實體店鋪的裝修更加重要。本書的宗旨是給商家提供全面、實用、快速的網(wǎng)店裝修設(shè)計指導。本書從網(wǎng)店裝修的基礎(chǔ)知識、商品照片的處理與修飾、網(wǎng)店視頻的編輯與設(shè)計、網(wǎng)店首頁和詳情頁面各個模塊的設(shè)計等方面著手,循序漸進地介紹了網(wǎng)店裝修需要掌握的知識與技能。本書選擇人們?nèi)粘=佑|的飾品、女裝、家居、箱包等商品作為表現(xiàn)對象,通過詳細的案例分析與操作步驟,展示專業(yè)店鋪裝修設(shè)計的思路和工作流程。另外,書中還增加了影音動態(tài)的主圖視頻和詳情視頻的案例,使讀者了解網(wǎng)店裝修中涉及的視頻處理技術(shù)。本書可作為高等學校及高職學校電子商務、數(shù)字媒體、設(shè)計類等專業(yè)相關(guān)課程的教材,也適合想自己裝修網(wǎng)店的新手店主閱讀,也可作為電子商務技能培訓班的培訓教材。
創(chuàng)銳設(shè)計為快學習(成都)教育發(fā)展有限公司旗下品牌,出版多部設(shè)計領(lǐng)域與電商領(lǐng)域的暢銷作品。
第1章網(wǎng)店裝修基礎(chǔ)知識 / 1
1.1 與網(wǎng)店裝修相關(guān) / 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 中設(shè)計裝修效果圖 / 17
1.4.3 對圖片進行切片并優(yōu)化處理 / 18
1.4.4 將圖片和視頻上傳到網(wǎng)絡(luò)空間中 / 20
1.4.5 編寫代碼完成店鋪裝修 / 21
第2章網(wǎng)店裝修五大技能 / 23
2.1 裁剪與校正 / 23
2.1.1 重設(shè)圖片的大小 / 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 文字的添加與設(shè)置 / 48
2.5.2 文字的藝術(shù)化編排 / 50
2.5.3 變形文字 / 51
第3章 網(wǎng)店首頁元素設(shè)計 / 53
3.1 店招與導航條設(shè)計 / 53
3.1.1 店招與導航條設(shè)計要點 / 53
3.1.2 燈具網(wǎng)店店招與導航條設(shè)計 / 54
3.1.3 寵物用品網(wǎng)店店招與導航條設(shè)計 / 57
3.2 歡迎模塊與輪播圖設(shè)計 / 61
3.2.1 歡迎模塊與輪播圖的設(shè)計規(guī)范 / 61
3.2.2 新品上架歡迎模塊設(shè)計 / 62
3.2.2 箱包促銷輪播圖設(shè)計 / 66
3.3 商品陳列區(qū)設(shè)計 / 72
3.3.1 商品陳列區(qū)的常用布局 / 72
3.3.2 時尚的女鞋網(wǎng)店商品陳列區(qū) / 74
3.3.3 規(guī)整的女裝網(wǎng)店商品陳列區(qū) / 79
第4章 商品詳情頁面元素設(shè)計 / 85
4.1 主圖和櫥窗照設(shè)計 / 85
4.1.1 主圖和櫥窗照的設(shè)計規(guī)范 / 85
4.1.2 清爽風格的主圖設(shè)計 / 86
4.1.3 清爽風格的主圖設(shè)計 / 90
4.2 寶貝分類區(qū)設(shè)計 / 94
4.2.1 分類區(qū)設(shè)計要點 / 94
4.2.2 炫彩風格的寶貝分類區(qū)設(shè)計 / 95
4.2.3 單色風格的寶貝分類區(qū)設(shè)計 / 96
4.3 商品搭配區(qū)設(shè)計 / 98
4.3.1 商品搭配專區(qū)的表現(xiàn)方式 / 98
4.3.2 冷酷風格的商品搭配區(qū)設(shè)計 / 99
4.3.3 清新風格的商品搭配區(qū)設(shè)計 / 103
4.4 商品細節(jié)展示區(qū)設(shè)計 / 107
4.4.1 商品細節(jié)展示區(qū)的表現(xiàn)方式 / 107
4.4.2 指示型商品細節(jié)展示區(qū)的設(shè)計 / 109
4.4.3 局部圖解型商品細節(jié)展示區(qū)設(shè)計 / 113
第5章 網(wǎng)店首頁整體裝修設(shè)計 / 117
5.1 女裝網(wǎng)店首頁裝修設(shè)計 / 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)店首頁裝修設(shè)計 / 127
5.2.1 制作背景確定設(shè)計風格 / 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)店首頁裝修設(shè)計 / 139
5.3.1 制作拼接效果的歡迎模塊 / 141
5.3.2 簡潔的店招和導航條設(shè)計 / 142
5.3.3 利用線條引導視線的商品展示區(qū) / 144
5.3.4 添加收藏完善畫面效果 / 147
第6章 商品詳情頁面裝修設(shè)計 / 149
6.1 女包詳情頁面設(shè)計 / 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 腕表詳情頁面設(shè)計 / 158
6.2.1 冷酷大氣的廣告圖 / 160
6.2.2 暗色調(diào)的商品詳情 / 161
6.2.3 金屬材質(zhì)的側(cè)邊欄 / 165
6.2.4 簡約大氣的腕表櫥窗照 / 166
6.3 運動鞋詳情頁面設(shè)計 / 167
6.3.1 炫酷的運動鞋廣告圖 / 169
6.3.2 指示性線條突出商品賣點 / 172
6.3.3 運動鞋的多個亮點設(shè)計 / 174
6.3.4 添加尺碼對照表 / 175
6.3.5 輔助信息塑造專業(yè)店鋪形象 / 176
6.3.6 選取圖像制作運動鞋櫥窗照 / 176
6.4 眼鏡框詳情頁面設(shè)計 / 179
6.4.1 簡潔的商品廣告圖 / 181
6.4.2 內(nèi)容詳細的商品詳情展示 / 182
6.4.3 風格統(tǒng)一的眼鏡框櫥窗照 / 186
第7章 制作視頻的軟件基礎(chǔ) / 187
7.1 視頻編輯基礎(chǔ) / 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 設(shè)置字幕文字屬性 / 209
7.5.4 應用字幕樣式 / 210
7.6 設(shè)置音頻特效 / 211
7.6.1 在項目中添加音頻素材 / 211
7.6.2 分割和刪除音頻(文件) / 212
7.6.3 設(shè)置音頻速度和持續(xù)時間 / 213
7.6.4 調(diào)整音量 / 214
7.6.5 制作音效過渡效果 / 215
第8章 網(wǎng)店視頻制作 / 217
8.1 網(wǎng)店主圖視頻設(shè)計 / 217
8.1.1 主圖視頻的設(shè)計規(guī)范 / 217
8.1.2 臺燈主圖視頻設(shè)計 / 218
8.1.3 茶葉主圖視頻設(shè)計 / 227
8.2 詳情視頻設(shè)計 / 235
8.2.1 詳情視頻設(shè)計規(guī)范 / 235
8.2.2 鼠標詳情視頻設(shè)計 / 236
8.2.3 眼影詳情視頻設(shè)計 / 246