目錄
第1 章 網(wǎng)店設計裝修入門基礎 ................................................................................................. 1
1.1 初步了解網(wǎng)店美工 ........................................................................................................ 2
1.1.1 什么是網(wǎng)店美工 ................................................................................................ 2
1.1.2 怎樣確定網(wǎng)店的風格 ........................................................................................ 2
1.2 網(wǎng)店美工必須注意的問題 ............................................................................................ 4
1.3 網(wǎng)店美工工作準備 ........................................................................................................ 6
1.3.1 網(wǎng)店美工需要掌握的軟件 ................................................................................ 6
1.3.2 網(wǎng)店美工主要工作內容 .................................................................................... 8
1.3.3 搜集常用素材 .................................................................................................. 10
1.4 不同電商平臺的裝修規(guī)范 .......................................................................................... 11
1.5 網(wǎng)店美工設計工作流程 .............................................................................................. 16
1.6 練習題 .......................................................................................................................... 17
第2 章 商品照片拍攝基本方法 ............................................................................................... 18
2.1 使用數(shù)碼照相機拍攝商品 .......................................................................................... 19
2.1.1 室內拍攝場景的布置 ...................................................................................... 19
2.1.2 不同角度的光線效果 ...................................................................................... 21
2.1.3 自動對焦 .......................................................................................................... 22
2.1.4 微距功能與細節(jié)展示 ...................................................................................... 23
2.1.5 曝光補償 .......................................................................................................... 23
2.1.6 白平衡 .............................................................................................................. 24
2.2 在戶外拍攝商品 .......................................................................................................... 25
2.3 表面材質不同的商品的拍攝 ...................................................................................... 28
2.3.1 吸光類商品的拍攝 .......................................................................................... 28
2.3.2 反光類商品的拍攝 .......................................................................................... 29
2.3.3 透明類商品的拍攝 .......................................................................................... 30
2.4 商品拍攝的基本構圖技巧 .......................................................................................... 31
2.4.1 橫式構圖 .......................................................................................................... 31
2.4.2 豎式構圖 .......................................................................................................... 31
2.4.3 對角線構圖 ...................................................................................................... 32
2.4.4 黃金分割法構圖 .............................................................................................. 32
2.4.5 對稱式構圖 ...................................................................................................... 33
2.4.6 曲線構圖 .......................................................................................................... 34
2.4.7 其他藝術形式構圖 .......................................................................................... 34
2.5 練習題 .......................................................................................................................... 39
第3 章 讓客戶心動的視覺優(yōu)化 ............................................................................................... 40
3.1 店鋪視覺設計 .............................................................................................................. 41
3.1.1 優(yōu)化店鋪結構 .................................................................................................. 41
3.1.2 店鋪首頁布局 .................................................................................................. 41
3.1.3 商品列表頁 ...................................................................................................... 42
3.1.4 首頁促銷廣告 .................................................................................................. 44
3.2 店鋪視覺導航設計 ...................................................................................................... 45
3.2.1 導航欄目設計 .................................................................................................. 45
3.2.2 注意要點 .......................................................................................................... 46
3.3 首頁布局優(yōu)化 .............................................................................................................. 47
3.3.1 海報優(yōu)化 .......................................................................................................... 47
3.3.2 主推（熱銷）單品優(yōu)化 .................................................................................. 48
3.3.3 商品陳列優(yōu)化 .................................................................................................. 49
3.4 提升圖片點擊率的技巧 .............................................................................................. 49
3.4.1 場景營造 .......................................................................................................... 50
3.4.2 創(chuàng)意技巧 .......................................................................................................... 51
3.4.3 促銷主題 .......................................................................................................... 51
3.4.4 細節(jié)放大 .......................................................................................................... 51
3.4.5 環(huán)境差異化 ...................................................................................................... 52
3.4.6 點睛文案 .......................................................................................................... 53
3.5 熱銷爆款商品頁面特點 .............................................................................................. 53
3.5.1 頁面生動、有趣 .............................................................................................. 53
3.5.2 引導客戶購買搭配商品 .................................................................................. 54
3.5.3 通過商品圖片了解商品的尺寸 ...................................................................... 55
3.5.4 商品描述信息準確、詳細 .............................................................................. 56
3.5.5 分享購買者的評價 .......................................................................................... 58
3.5.6 展示相關證書和證明材料 .............................................................................. 58
3.5.7 文字清晰易讀 .................................................................................................. 59
3.6 人氣商品頁面分析 ...................................................................................................... 60
3.6.1 營造良好的氛圍 .............................................................................................. 60
3.6.2 從客戶的視角設計 .......................................................................................... 60
3.7 產品視覺設計 .............................................................................................................. 61
3.7.1 關聯(lián)銷售創(chuàng)造更多商機 .................................................................................. 61
3.7.2 提煉出絕佳的視覺創(chuàng)意 .................................................................................. 62
3.7.3 店鋪視覺設計風格統(tǒng)一 .................................................................................. 63
3.8 練習題 .......................................................................................................................... 64
第4 章 網(wǎng)店頁面配色技巧 ....................................................................................................... 65
4.1 色彩的原理 .................................................................................................................. 66
4.2 色彩搭配技巧 .............................................................................................................. 67
4.3 紅色系的配色 .............................................................................................................. 69
4.3.1 紅色系適合的配色方案 .................................................................................. 70
4.3.2 適用紅色系的網(wǎng)店 .......................................................................................... 70
4.4 橙色系的配色 .............................................................................................................. 71
4.4.1 橙色系適合的配色方案 .................................................................................. 72
4.4.2 適用橙色系的網(wǎng)店 .......................................................................................... 72
4.5 黃色系的配色 .............................................................................................................. 73
4.5.1 黃色系適合的配色方案 .................................................................................. 73
4.5.2 適用黃色系的網(wǎng)店 .......................................................................................... 74
4.6 紫色系的配色 .............................................................................................................. 75
4.6.1 紫色系適合的配色方案 .................................................................................. 75
4.6.2 適用紫色系的網(wǎng)店 .......................................................................................... 76
4.7 綠色系的配色 .............................................................................................................. 77
4.7.1 綠色系適合的配色方案 .................................................................................. 77
4.7.2 適用綠色系的網(wǎng)店 .......................................................................................... 78
4.8 藍色系的配色 .............................................................................................................. 79
4.8.1 藍色系適合的配色方案 .................................................................................. 79
4.8.2 適用藍色系的網(wǎng)店 .......................................................................................... 80
4.9 無彩色的配色 .............................................................................................................. 81
4.9.1 白色系的網(wǎng)店 .................................................................................................. 81
4.9.2 灰色系的網(wǎng)店 .................................................................................................. 82
4.9.3 黑色系的網(wǎng)店 .................................................................................................. 83
4.10 練習題 ........................................................................................................................ 83
第5 章 商品圖片的處理 ........................................................................................................... 85
5.1 商品主圖的尺寸規(guī)范 .................................................................................................. 86
5.2 圖片修復技巧 .............................................................................................................. 88
5.2.1 去除圖片水印 .................................................................................................. 88
5.2.2 調整曝光過度的圖片 ...................................................................................... 89
5.2.3 虛化商品輪廓 .................................................................................................. 90
5.3 摳圖技巧 ...................................................................................................................... 91
5.3.1 摳取圖片 .......................................................................................................... 92
5.3.2 合成圖片 .......................................................................................................... 93
5.4 調整圖片顏色 .............................................................................................................. 94
5.4.1 適當?shù)牧炼?...................................................................................................... 94
5.4.2 正確的色彩 ...................................................................................................... 97
5.5 邊框、水印、批處理 .................................................................................................. 99
5.5.1 添加水印 .......................................................................................................... 99
5.5.2 添加邊框 ........................................................................................................ 100
5.5.3 批處理 ............................................................................................................ 102
5.6 切割與優(yōu)化圖片 ........................................................................................................ 105
5.7 練習題 ........................................................................................................................ 107
第6 章 特效文字制作和常用圖片及促銷廣告設計 ............................................................. 108
6.1 網(wǎng)店特效文字制作 .................................................................................................... 109
6.1.1 促銷立體字 .................................................................................................... 109
6.1.2 材質文字 ........................................................................................................ 111
6.1.3 特效爆炸字 .................................................................................................... 113
6.2 網(wǎng)店常用圖片設計 .................................................................................................... 118
6.2.1 主圖設計 ........................................................................................................ 118
6.2.2 直通車圖設計 ................................................................................................ 120
6.2.3 活動圖片設計 ................................................................................................ 125
6.3 促銷廣告設計 ............................................................................................................ 129
6.3.1 促銷廣告制作 ................................................................................................ 130
6.3.2 突出活動主題 ................................................................................................ 131
6.3.3 保證廣告形式美觀 ........................................................................................ 132
6.3.4 排版構圖技巧 ................................................................................................ 134
6.4 練習題 ........................................................................................................................ 135
第7 章 設計精美的店標和首頁 ............................................................................................. 136
7.1 設計店標 .................................................................................................................... 137
7.2 設計首頁 .................................................................................................................... 141
7.2.1 首頁的作用 .................................................................................................... 141
7.2.2 首頁的框架 .................................................................................................... 144
7.2.3 首頁的設計思路 ............................................................................................ 146
7.2.4 首頁的設計實戰(zhàn) ............................................................................................ 149
7.2.5 首頁的商品陳列 ............................................................................................ 155
7.3 練習題 ........................................................................................................................ 158
第8 章 淘寶店鋪裝修實戰(zhàn) ..................................................................................................... 159
8.1 手機淘寶店鋪裝修特點 ............................................................................................ 160
8.2 通用裝修設置 ............................................................................................................ 161
8.2.1 基礎設置 ........................................................................................................ 161
8.2.2 店鋪印象 ........................................................................................................ 164
8.2.3 店鋪搜索設置 ................................................................................................ 166
8.3 手機淘寶首頁布局模塊管理 .................................................................................... 168
8.3.1 首頁裝修入口 ................................................................................................ 168
8.3.2 添加店鋪熱搜 ................................................................................................ 170
8.3.3 添加店鋪優(yōu)惠券 ............................................................................................ 172
8.3.4 添加上新公告 ................................................................................................ 174
8.3.5 鹿班智能貨架添加商品 ................................................................................ 177
8.3.6 鹿班一鍵全店智能裝修 ................................................................................ 180
8.4 練習題 ........................................................................................................................ 185
第9 章 拼多多店鋪裝修實戰(zhàn) ................................................................................................. 186
9.1 拼多多店鋪首頁布局的特點 .................................................................................... 187
9.2 裝修頁面 .................................................................................................................... 190
9.2.1 裝修頁面簡介 ................................................................................................ 190
9.2.2 圖片組件 ........................................................................................................ 192
9.2.3 商品組件 ........................................................................................................ 197
9.2.4 營銷組件 ........................................................................................................ 203
9.3 模板市場助力裝修 .................................................................................................... 204
9.3.1 模板市場入口 ................................................................................................ 204
9.3.2 編輯修改模板 ................................................................................................ 208
9.4 練習題 ........................................................................................................................ 210
第10 章 京東店鋪裝修實戰(zhàn) ................................................................................................... 211
10.1 京東店鋪首頁布局的特點 ...................................................................................... 212
10.2 京東智鋪裝修系統(tǒng) .................................................................................................. 215
10.2.1 功能介紹 ...................................................................................................... 215
10.2.2 店鋪裝修 ...................................................................................................... 216
10.2.3 素材中心 ...................................................................................................... 219
10.2.4 運營中心 ...................................................................................................... 221
10.3 設置裝修模塊 .......................................................................................................... 223
10.3.1 設置“智能商品”模塊 .............................................................................. 223
10.3.2 設置“視頻推薦”模塊 .............................................................................. 224
10.3.3 設置“智能海報”模塊 .............................................................................. 225
10.3.4 設置“智能選品”模塊 .............................................................................. 226
10.4 京東裝吧裝修詳情頁 .............................................................................................. 227
10.4.1 使用京東詳情頁模板 .................................................................................. 227
10.4.2 元件容器操作 .............................................................................................. 230
10.4.3 添加溫馨公告 .............................................................................................. 231
10.5 練習題 ...................................................................................................................... 231