目 錄
CONTENTS
前言
如何獲取云空間資料
第1章　不可不知——網(wǎng)店裝修快速入門
1.1　網(wǎng)店裝修的基礎知識 / 12
1.1.1　網(wǎng)店裝修的概念 / 12
1.1.2　網(wǎng)店裝修的位置 / 13
1.1.3 網(wǎng)店裝修的類型 / 15
1.2　網(wǎng)店裝修的色調與風格的定位 / 16
1.2.1 用類似色形成統(tǒng)一風格 / 16
1.2.2 用互補色構建撞色風格 / 17
1.2.3 用多種色彩打造炫彩風格 / 18
1.2.4 各行業(yè)店鋪裝修的色調與風格解析 / 19
1.3　網(wǎng)店裝修的前期準備 / 20
1.3.1 拍攝商品照片和視頻 / 20
1.3.2 搜集修飾素材 / 22
1.3.3 獲取網(wǎng)絡存儲空間 / 23
1.3.4 了解網(wǎng)店裝修規(guī)范 / 25
1.4　網(wǎng)店裝修中常用的文件類型與軟件 / 28
1.4.1 網(wǎng)店裝修常用的文件類型 / 28
1.4.2 網(wǎng)店裝修設計利器——Photoshop / 32
1.4.3 網(wǎng)店視頻制作利器—會聲會影 / 33
1.5　網(wǎng)店裝修中需要注意的問題 / 34
1.5.1 圖片忌過多過大 / 34
1.5.2 動畫和特效忌過多 / 34
1.5.3 頁面設計忌復雜 / 35
1.5.4 設計風格忌不統(tǒng)一 / 35
1.5.5 視頻忌過長 / 35
第2章　必備絕技——網(wǎng)店裝修五大技能
2.1　裁圖—裁剪照片糾正角度 / 37
2.1.1 重設圖片的大小 / 37
2.1.2 裁去多余圖像改變構圖 / 38
2.1.3 校正變形的商品 / 39
2.2　修圖—構建完美細節(jié) / 40
2.2.1 去除水印 / 40
2.2.2 局部擦除多余內容 / 42
2.2.3 模特妝面美容 / 43
2.2.4 模特身形調整 / 45
2.2.5 銳化圖像使商品更清晰 / 47
2.3　調色—校正色差美化圖片 / 49
2.3.1 恢復圖片的正常亮度 / 49
2.3.2 校正白平衡還原真實色彩 / 51
2.3.3 改變商品色調營造特殊氛圍 / 52
2.4　摳圖—精確選取替換背景 / 53
2.4.1 單色背景的快速摳取 / 53
2.4.2 規(guī)則對象的摳取 / 54
2.4.3 多邊形對象的摳取 / 56
2.4.4 輪廓清晰對象的摳取 / 57
2.4.5 圖像的精細摳取 / 58
2.4.6 復雜或半透明圖像的摳取 / 59
2.4.7 讓摳取的商品圖像邊緣更理想 / 62
2.5　文字—輔助商品信息的表現(xiàn) / 63
2.5.1 輸入文字并設置格式 / 63
2.5.2 打造具有創(chuàng)意的標題文字 / 64
2.5.3 段落文字的藝術化編排 / 65
第3章　網(wǎng)店首頁——給顧客帶來信心與驚喜
3.1　招牌—店招與導航 / 67
3.1.1　設計要點 / 67
3.1.2　燈具店鋪店招與導航設計 / 68
3.1.3　寵物用品店鋪店招與導航設計 / 72
3.2　動態(tài)—歡迎模塊 / 76
3.2.1　設計要點 / 76
3.2.2　新品上架歡迎模塊設計 / 77
3.2.3　母親節(jié)歡迎模塊設計 / 81
3.3　服務—收藏與客服區(qū) / 86
3.3.1　設計要點 / 86
3.3.2　收藏區(qū)設計 / 87
3.3.3　客服區(qū)設計 / 91
妙招　快速制作簡約大氣的歡迎模塊 / 95
第4章　商品詳情——精準地抓住顧客的眼球
4.1　形象—櫥窗展示 / 98
4.1.1　設計要點 / 98
4.1.2　特效合成類的櫥窗展示設計 / 99
4.1.3　綜合表現(xiàn)類的櫥窗展示設計 / 102
4.2　系統(tǒng)—商品分類 / 105
4.2.1　設計要點 / 105
4.2.2　炫彩風格的商品分類設計 / 106
4.2.3　單色風格的商品分類設計 / 108
4.3　推薦—商品搭配專區(qū) / 110
4.3.1　設計要點 / 110
4.3.2　冷酷風格的商品搭配專區(qū)設計 / 111
4.3.3　清爽風格的商品搭配專區(qū)設計 / 115
4.4　詳情—商品細節(jié)展示 / 119
4.4.1　設計要點 / 119
4.4.2　指示式商品細節(jié)展示設計 / 120
4.4.3　拆分式商品細節(jié)展示設計 / 124
妙招　商品詳情頁信息的最佳展示順序 / 128
第5章　第一印象——網(wǎng)店首頁整體裝修
5.1　飾品店鋪首頁裝修設計 / 131
5.1.1　制作背景確定設計風格 / 133
5.1.2　摳取飾品制作歡迎模塊 / 134
5.1.3　制作二級海報展示人氣商品 / 136
5.1.4　使用商品分類欄引導購物 / 138
5.1.5　制作推薦款區(qū)域呈現(xiàn)主打商品 / 140
5.1.6　補充內容完善首頁信息 / 142
5.2　女裝店鋪首頁裝修設計 / 143
5.2.1　文字和圖形組成簡約店招和導航 / 145
5.2.2　利用圖層蒙版制作溶圖 / 146
5.2.3　繪制簡易色塊組成分類欄 / 147
5.2.4　制作簡約風格的女裝展示 / 148
5.2.5　制作客服區(qū)提升首頁服務品質 / 151
5.2.6　調色和銳化整個頁面 / 153
5.3　相機店鋪首頁裝修設計 / 154
5.3.1　制作藍色調的店招和導航 / 156
5.3.2　摳取相機打造精致的歡迎模塊 / 157
5.3.3　添加優(yōu)惠券和客服區(qū) / 159
5.3.4　制作用線條引導視線的商品區(qū) / 160
第6章　單品形象——商品詳情頁裝修
6.1　裙裝詳情頁設計 / 163
6.1.1　設計標題欄確定頁面風格 / 165
6.1.2　制作詳盡的裙裝展示頁面 / 166
6.1.3　單色簡約的側邊分類欄 / 169
6.1.4　清新自然的裙裝櫥窗照 / 170
6.2　女包詳情頁設計 / 171
6.2.1　利用廣告圖展示女包形象 / 173
6.2.2　專業(yè)全面的女包詳情 / 174
6.2.3　制作側邊分類欄 / 178
6.2.4　添加收藏區(qū)豐富側邊分類欄 / 179
6.2.5　專業(yè)簡約的女包櫥窗照 / 179
6.3　金飾詳情頁設計 / 181
6.3.1　高端大氣的金飾詳情頁 / 183
6.3.2　精致的場景及佩戴展示 / 186
6.3.3　內容豐富的側邊分類欄 / 189
6.3.4　典雅簡約的金飾櫥窗照 / 191
6.4　腕表詳情頁設計 / 193
6.4.1　冷酷大氣的廣告圖 / 195
6.4.2　暗色調