第 1章 網(wǎng)店美工初養(yǎng)成001
1.1 如何勝任網(wǎng)店美工崗位002
1.1.1 網(wǎng)店美工要做什么002
1.1.2 網(wǎng)店美工需要哪些技能002
1.1.3 網(wǎng)店美工的注意事項003
1.2 網(wǎng)店美工必須掌握的設計 要點003
1.2.1 點、線、面三大基本設計元素003
1.2.2 怎么搭配色彩更出色005
1.2.3 視覺構圖007
1.3 網(wǎng)店美工必須掌握的文案知識008
1.3.1 文案在美工中的重要性008
1.3.2 文案的策劃與編寫008
1.4 網(wǎng)店美工必須掌握的裝修知識010
1.4.1 網(wǎng)店裝修的相關準備工作010
1.4.2 網(wǎng)店裝修的相關術語011
1.4.3 網(wǎng)店首頁的結構012
1.4.4 網(wǎng)店詳情頁的結構012
1.4.5 店鋪裝修應遵循的基本原則013
1.5 網(wǎng)店美工必須掌握的軟件014
1.5.1 認識Photoshop圖像處理軟件014
1.5.2 認識Dreamweaver頁面布局軟件015
1.6 疑難破解016
1. 淘寶美工除了掌握必需的技能外，還需要掌握哪些圖像知識？016
2. 如何定位網(wǎng)店的裝修風格？016
3. 有哪些常見的配色方案？016
4. 在網(wǎng)店裝修設計中，字體的使用有哪些技巧呢？017
5. 有哪些優(yōu)秀的網(wǎng)店店面裝修可以借鑒？017
1.7 邊學邊練018
1. 賞析TPIWR天貓旗艦店顏色搭配和字體搭配018
2. 賞析歌莉婭官方店首頁的布局018

第 2章 拍攝并處理商品圖片019
2.1 拍攝商品圖片020
2.1.1 構建拍攝環(huán)境020
2.1.2 吸光類商品圖片的拍攝 020
2.1.3 反光類商品圖片的拍攝 021
2.1.4 透明類商品圖片的拍攝 022
2.1.5 商品拍攝的基本構圖023
2.1.6 商品的清潔與擺放024
2.1.7 實戰(zhàn)拍攝香水照片 025
2.2 調(diào)整商品圖片的大小026
2.2.1 網(wǎng)店圖片的常見尺寸026
2.2.2 按尺寸裁剪圖片028
2.2.3 裁剪傾斜圖片028
2.2.4 實戰(zhàn)旋轉、裁剪并設置商品主圖的尺寸 029
2.3 修飾商品圖片030
2.3.1 使用污點修復畫筆工具組修復圖片030
2.3.2 使用圖章工具組修飾圖片034
2.3.3 使用模糊工具組修飾圖片036
2.3.4 使用減淡工具組修飾圖片037
2.3.5 使用液化工具修飾身形 038
2.3.6 實戰(zhàn)處理淘寶模特臉部瑕疵039
2.3.7 實戰(zhàn)處理金屬質感的首飾 041
2.4 調(diào)整商品圖片的色彩與質感044
2.4.1 調(diào)整圖片的亮度 對比度 044
2.4.2 調(diào)整圖片的色階045
2.4.3 調(diào)整圖片的曲線046
2.4.4 實戰(zhàn)調(diào)整旅行包圖片047
2.5 摳取商品圖片替換背景049
2.5.1 快速摳取單色背景的商品圖片049
2.5.2 摳取輪廓清晰的商品圖片051
2.5.3 摳取精細的商品圖片052
2.5.4 摳取半透明的商品圖片 053
2.5.5 摳取人物毛發(fā)055
2.5.6 實戰(zhàn)替換玻璃杯背景 056
2.6 使用文字和形狀描述商品圖片059
2.6.1 文字的選擇方法059
2.6.2 添加商品說明性文字060
2.6.3 添加形狀豐富商品圖片062
2.6.4 實戰(zhàn)美化不銹鋼炒鍋商品圖片063
2.6.5 實戰(zhàn)為商品圖片添加文字水印065
2.7 疑難破解067
1. 網(wǎng)店商品照片的拍攝有什么要求？067
2. 拍攝過程中常見的布光方式有哪些？067
3. 怎樣判斷商品圖片需要調(diào)色？067
4. 怎樣保證處理商品圖片后照片不失真？067
5. 淘寶對商品圖片有什么要求？068
6. 怎樣讓圖片表達的信息更加完整？068
7. 什么樣的文案能快速引起顧客的共鳴？068
2.8 邊學邊練068
1. 美化沐浴露效果068
2. 調(diào)整護膚品圖像效果068

第3章 設計店鋪裝修元素069
3.1 設計店鋪Logo070
3.1.1 Logo的三大表現(xiàn)形式070
3.1.2 店鋪Logo設計的三大要領 070
3.1.3 實戰(zhàn)制作燈具店鋪Logo071
3.2 設計店鋪店標075
3.2.1 店標設計的四大原則075
3.2.2 店標設計的三大要領075
3.2.3 實戰(zhàn)制作靜態(tài)燈具店鋪店標076
3.2.4 實戰(zhàn)制作動態(tài)燈具店鋪店標078
3.3 設計優(yōu)惠券080
3.3.1 優(yōu)惠券的設計要點081
3.3.2 實戰(zhàn)制作燈具店鋪優(yōu)惠券081
3.4 設計快速導航條083
3.4.1 快速導航條有什么用083
3.4.2 實戰(zhàn)制作燈具店鋪的快速導航條084
3.5 疑難破解087
1. 怎樣選擇Logo素材？087
2. 在設置動態(tài)店標時，是不是動畫越多越好？088
3.6 邊學邊練088
1. 制作丫丫品牌童裝Logo088
2. 制作夏日炎炎店標088

第4章 制作宣傳推廣圖089
4.1 制作高點擊率主圖090
4.1.1 商品主圖設計的三大要點090
4.1.2 制作優(yōu)質商品主圖的技巧 091
4.1.3 實戰(zhàn)制作燈具主圖092
4.2 制作具有創(chuàng)意的直通車推廣圖095
4.2.1 什么是直通車推廣圖095
4.2.2 直通車推廣圖投放的策略096
4.2.3 直通車圖片設計原則 096
4.2.4 實戰(zhàn)制作燈具直通車推廣圖097
4.3 制作具有吸引力的智鉆圖101
4.3.1 智鉆的位置101
4.3.2 智鉆投放的目的和策略102
4.3.3 智鉆圖的設計標準102
4.3.4 智鉆圖的排版方式103
4.3.5 實戰(zhàn)制作燈具智鉆圖104
4.4 疑難破解112
1. 怎樣通過不同的主圖來 表達產(chǎn)品？112
2. 如何在宣傳圖中體現(xiàn) 消費者最在意的問題？112
4.5 邊學邊練112
1. 制作播放器主圖112
2. 制作手表首焦智鉆圖112

第5章 制作店鋪首頁113
5.1 認識店鋪首頁114
5.1.1 首頁設計的注意事項114
5.1.2 店鋪首頁布局的要點 114
5.2 制作店鋪店招115
5.2.1 店招的設計原則115
5.2.2 確定店招與眾不同的風格115
5.2.3 店招的設計要求116
5.2.4 實戰(zhàn)制作燈具常規(guī)店招116
5.2.5 實戰(zhàn)制作燈具通欄店招118
5.3 制作全屏輪播圖119
5.3.1 全屏輪播圖的設計要點120
5.3.2 實戰(zhàn)制作首張燈具全屏海報圖 120
5.3.3 實戰(zhàn)制作第二張燈具全屏海報圖123
5.4 設計分類模塊125
5.4.1 寶貝分類模塊的設計要點125
5.4.2 實戰(zhàn)制作燈具店鋪橫排分類模塊125
5.4.3 實戰(zhàn)制作燈具店鋪
縱排分類模塊128
5.5 設計寶貝促銷展示模塊130
5.5.1 寶貝促銷展示模塊設計
要點130
5.5.2 實戰(zhàn)制作新品促銷
展示模塊131
5.6 設計首頁頁尾135
5.6.1 怎樣設計頁尾模塊136
5.6.2 實戰(zhàn)制作燈具店鋪
頁尾區(qū)域136
5.7 疑難破解138
1. 怎樣應用淘寶自帶的模板？
138
2. 設計淘寶首頁有哪些技巧？
138
5.8 邊學邊練制作婚紗店鋪
首頁138

第6章 視頻的拍攝
與制作139
6.1 制作主圖視頻140
6.1.1 拍攝寶貝視頻的流程140
6.1.2 認識會聲會影141
6.1.3 實戰(zhàn)拍攝護手霜
主圖視頻141
6.1.4 實戰(zhàn)制作電飯煲
主圖視頻143
6.2 制作詳情頁視頻145
6.2.1 分割視頻素材145
6.2.2 添加視頻轉場特效146
6.2.3 添加視頻字幕147
6.2.4 錄制視頻聲音147
6.2.5 實戰(zhàn)分割詳情頁
視頻147
6.2.6 實戰(zhàn)為詳情頁視頻
添加轉場與特效149
6.2.7 實戰(zhàn)為視頻添加
字幕151
6.2.8 實戰(zhàn)為視頻添加
音頻153
6.3 將視頻上傳到網(wǎng)店中154
6.3.1 輸出視頻155
6.3.2 支持視頻功能的商品
類目155
6.3.3 上傳視頻的要求155
6.3.4 實戰(zhàn)上傳主圖視頻
155
6.3.5 實戰(zhàn)上傳詳情頁
視頻156
6.4 疑難破解157
1. 視頻的基本術語有哪些？
157
2. 常用的視頻格式有哪些
特點？157
6.5 邊學邊練158
1. 制作牛排主圖視頻158
2. 制作刀具詳情頁視頻158

第7章 制作商品詳情頁159
7.1 認識商品詳情頁160
7.1.1 商品詳情頁的設計要點160
7.1.2 商品詳情頁的設計思路與設計準備161
7.1.3 商品詳情頁的設計原則161
7.2 制作焦點圖162
7.2.1 焦點圖的設計要點162
7.2.2 實戰(zhàn)制作燈具焦點圖163
7.3 制作商品賣點圖165
7.3.1 商品賣點的特征165
7.3.2 商品賣點提煉的原則與方法165
7.3.3 實戰(zhàn)制作燈具賣點圖 165
7.4 制作商品信息展示圖171
7.4.1 商品參數(shù)的常用表達方式171
7.4.2 對比圖的制作171
7.4.3 商品信息的展示方式172
7.4.4 實戰(zhàn)制作燈具信息展示圖172
7.5 制作商品細節(jié)圖174
7.5.1 商品細節(jié)圖的展示方法174
7.5.2 實戰(zhàn)制作燈具細節(jié)圖176
7.6 制作商品快遞與售后圖179
7.6.1 商品快遞與售后圖的設計要點179
7.6.2 實戰(zhàn)制作燈具快遞與售后圖179
7.7 疑難破解182
1. 商品詳情頁有什么設計技巧？182
2. 如何抓住詳情頁設計的重點？182
3. 為什么顧客瀏覽詳情頁后還是流失了？183
7.8 邊學邊練183
1. 制作女包詳情頁183
2. 制作旅行包詳情頁184

第8章 裝修店鋪頁面185
8.1 使用Photoshop切片186
8.1.1 切片的作用186
8.1.2 切片技巧186
8.1.3 實戰(zhàn)圖片的切片186
8.1.4 實戰(zhàn)切片的優(yōu)化和保存188
8.2 圖片空間190
8.2.1 圖片空間的進入方法190
8.2.2 圖片空間的優(yōu)勢191
8.2.3 管理空間圖片191
8.2.4 查看圖片排列與引用方式191
8.2.5 實戰(zhàn)上傳商品圖片到圖片空間192
8.2.6 實戰(zhàn)刪除與還原圖片194
8.2.7 實戰(zhàn)替換寶貝圖片 194
8.3 使用Dreamweaver生成代碼195
8.3.1 HTML 標簽介紹195
8.3.2 店鋪中常見的鏈接代碼196
8.3.3 實戰(zhàn)使用Dreamweaver生成和修改代碼196
8.3.4 實戰(zhàn)在Dreamweaver中添加熱點與鏈接198
8.4 完成店鋪裝修200
8.4.1 選擇合適的店鋪版本200
8.4.2 應用系統(tǒng)模板200
8.4.3 搭建框架201
8.4.4 實戰(zhàn)使用系統(tǒng)模塊裝修店招202
8.4.5 實戰(zhàn)使用源代裝修常規(guī)海報204
8.4.6 實戰(zhàn)使用外部代碼裝修全屏海報205
8.5 疑難破解207
1. 裝修過程中有哪些誤區(qū)？該怎么進行解決？207
2. 上傳圖片提示你不能使用他人圖片空間中的圖片該怎么辦？207
8.6 邊學邊練208
1. 切片休閑鞋主圖208
2. 上傳休閑鞋首頁208

第9章 手機淘寶店鋪頁面設計209
9.1 手機淘寶店鋪要怎么裝修210
9.1.1 手機淘寶店鋪裝修的潮流趨勢210
9.1.2 手機端店鋪的裝修要點 210
9.1.3 手機端店鋪設計的必要性210
9.1.4 手機端店鋪與電腦端店鋪大比拼211
9.1.5 實戰(zhàn)手機淘寶店鋪裝修入口及后臺操作212
9.2 手機淘寶店鋪首頁裝修213
9.2.1 手機淘寶店鋪首頁有哪些模塊213
9.2.2 手機端淘寶店鋪首頁模塊的裝修要點214
9.2.3 手機淘寶店鋪首頁的裝修注意事項214
9.2.4 實戰(zhàn)制作手機淘寶店鋪店招214
9.2.5 實戰(zhàn)制作手機端焦點圖216
9.2.6 實戰(zhàn)制作手機端優(yōu)惠券218
9.2.7 實戰(zhàn)設計手機端商品分類導航221
9.2.8 實戰(zhàn)設計手機端寶貝列表圖222
9.3 使用淘寶神筆模板制作詳情頁227
9.3.1 手機端詳情頁的特征227
9.3.2 手機端詳情頁設計的 要點228
9.3.3 實戰(zhàn)使用淘寶神筆制作女包詳情頁228
9.4 自定義個性化頁面裝修231
9.4.1 自定義頁面裝修要點231
9.4.2 實戰(zhàn)制作自定義菜單231
9.4.3 實戰(zhàn)制作自定義活動頁面232
9.5 疑難破解234
1. 手機端活動頁的主要類型有哪些？234
2. 如何提升手機端淘寶店鋪的流量？234
3. 如何快速將電腦端模板轉化應用于手機端？234
9.6 邊學邊練制作棉襪手機端詳情頁234

第 10章 綜合實例設計旅行箱店鋪頁面235
10.1 設計旅行箱店鋪的首頁236
10.1.1 旅行箱店鋪首頁的設計思路236
10.1.2 旅行箱店鋪首頁有哪些模塊236
10.1.3 旅行箱店鋪首頁的設計237
10.2 設計旅行箱店鋪的詳情頁255
10.2.1 旅行箱店鋪詳情頁的設計思路255
10.2.2 旅行箱店鋪詳情頁有哪些模塊256
10.2.3 旅行箱店鋪詳情頁的操作步驟256
10.3 邊學邊練264
1. 制作女包首頁264
2. 制作女包詳情頁264