店鋪運營：網(wǎng)上店鋪視覺營銷手冊

第1章 網(wǎng)店頁面布局對買家的吸引
1.1 網(wǎng)店欄目和頁面設(shè)計策劃  002
1.1.1 策劃在制作之前的作用  003
1.1.2 網(wǎng)店欄目策劃  003
1.1.3 網(wǎng)店的頁面策劃  006
1.2 網(wǎng)店布局的基本元素  010
1.2.1 店招  010
1.2.2 促銷廣告  010
1.2.3 寶貝分類  012
1.2.4 聯(lián)系方式  012
1.2.5 店鋪收藏  013
1.2.6 店鋪二維碼  013
1.2.7 店鋪公告  014
1.2.8 寶貝展示  015
1.2.9 寶貝排行  015
1.2.10 詳情頁  016
1.3 版面布局設(shè)計  016
1.3.1 版面布局原則  018
1.3.2 網(wǎng)店頁面內(nèi)容的排版  019
1.4 為網(wǎng)拍商品制作統(tǒng)一邊框  025
1.4.1 照片邊緣色彩添加統(tǒng)一邊框  025
1.4.2 細致調(diào)整圖像背景邊緣  026
1.4.3 統(tǒng)一邊框樣式  027
1.4.4 商品圖像邊框的制作  029
1.5 統(tǒng)一間距與對齊  030
1.6 圖像制作的布局  031
1.6.1 圖像的構(gòu)圖類型  031
1.6.2 圖像合成展示  032
1.7 認(rèn)識版式布局設(shè)計的內(nèi)容  033
1.8 網(wǎng)店版式設(shè)計的基本類型  035
1.8.1 骨骼型  035
1.8.2 滿版型  035
1.8.3 上下分割型  035
1.8.4 左右分割型  036
1.8.5 中軸型  036
1.8.6 曲線型  036
1.8.7 傾斜型  036
1.8.8 對稱型  036
1.8.9 重心型  036
1.8.10 三角型  036
1.8.11 并置型  037
1.8.12 自由型  037
1.8.13 四角型  037
1.9 版式設(shè)計的基本流程  037
第2章 店鋪配色與商品色彩
2.1 色彩對心理的影響  039
2.2 認(rèn)識網(wǎng)店色彩  040
2.3 色彩理論  040
2.3.1 色彩與視覺原理  041
2.3.2 色彩分類  042
2.3.3 色彩三要素  044
2.4 色彩顏色管理  046
2.4.1 識別色域范圍外的顏色  047
2.4.2 色彩模式  048
2.4.3 色彩模式轉(zhuǎn)換  051
2.4.4 調(diào)整顏色建議  052
2.5 網(wǎng)頁安全色  052
2.6 網(wǎng)店配色  053
2.6.1 自定義頁面的主色與輔助色  053
2.6.2 網(wǎng)店色調(diào)與配色  055
2.6.3 色彩推移  069
2.6.4 色彩采集  070
2.7 色彩介紹  072
2.7.1 色彩對比  072
2.7.2 色彩調(diào)和  077
2.8 網(wǎng)店頁面色彩分類  078
2.8.1 靜態(tài)色彩與動態(tài)色彩  078
2.8.2 強調(diào)色彩  078
2.9 商品色調(diào)風(fēng)格調(diào)整  079
2.10 圖像配色技巧  079
第3章 圖片的切割與優(yōu)化
3.1 在Photoshop中創(chuàng)建切片  083
3.1.1 通過工具創(chuàng)建切片  083
3.1.2 基于參考線創(chuàng)建切片  084
3.1.3 基于圖層創(chuàng)建切片  085
3.1.4 通過劃分切片創(chuàng)建陳列區(qū)圖像的切片圖像  085
3.1.5 店鋪公告圖片切割  089
3.1.6 詳情描述模板切割  091
3.2 切片圖片的優(yōu)化  093
3.2.1 編輯切片  094
3.2.2 設(shè)置優(yōu)化格式  095
3.2.3 應(yīng)用顏色表  096
3.2.4 圖像大小  097
3.2.5 網(wǎng)店圖片格式  097
3.3 批處理多張圖片  098
3.3.1 動作面板  098
3.3.2 創(chuàng)建動作  100
3.3.3 批處理  101
3.3.4 通過批處理對整個文件夾中的文件應(yīng)用“描邊”濾鏡  103
3.4 制作動態(tài)公告模板  104
第4章 網(wǎng)店裝修中Dreamweaver的應(yīng)用
4.1 Dreamweaver 軟件概述  109
4.1.1 Dreamweaver簡介  109
4.1.2 Dreamweaver工作界面  109
4.1.3 Dreamweaver的面板操作  111
4.2 創(chuàng)建表格  114
4.2.1 表格的制作  114
4.2.2 表格的基本編輯  115
4.3 插入店鋪圖像切片  121
4.3.1 創(chuàng)建圖像以及表格  121
4.3.2 插入圖像  127
4.3.3 插入鼠標(biāo)經(jīng)過圖像  128
4.3.4 以背景方式插入圖像  132
4.4 創(chuàng)建圖片的熱區(qū)  135
4.4.1 創(chuàng)建規(guī)則熱區(qū)  135
4.4.2 創(chuàng)建不規(guī)則熱區(qū)  137
4.5 選擇設(shè)計內(nèi)容的代碼  139
第5章 圖片空間素材中心的使用
5.1 進入圖片空間的素材中心  141
5.2 編輯素材中心  143
5.2.1 新建文件夾管理圖片  143
5.2.2 刪除素材中心中的文件夾  145
5.2.3 上傳優(yōu)化好的圖片  146
5.2.4 圖片搬家  149
5.2.5 恢復(fù)刪除的圖片  150
5.2.6 全選圖片  152
5.2.7 替換  152
5.2.8 編輯  153
5.2.9 適配手機  154
5.2.10 為圖片添加水印  155
5.3 復(fù)制圖片鏈接  157
5.4 將鏈接粘貼到Dreamweaver代碼區(qū)  158
第6章 店鋪可裝修區(qū)域的應(yīng)用
6.1 改變店鋪名稱及信息  160
6.2 應(yīng)用或更換店標(biāo)  162
6.3 統(tǒng)一店鋪的配色  164
6.4 應(yīng)用與更換店招  165
6.4.1 快速替換店招  165
6.4.2 標(biāo)準(zhǔn)通欄全屏店招制作  169
6.4.3 通過代碼制作帶導(dǎo)航全屏店招并添加鏈接  171
6.5 在淘寶中添加自定義頁面并將鏈接替換到店招中  176
6.6 輪播圖的應(yīng)用  180
6.6.1 標(biāo)準(zhǔn)輪播圖應(yīng)用  180
6.6.2 智能全屏輪播圖應(yīng)用  184
6.6.3 代碼全屏輪播圖應(yīng)用  187
6.7 自定義廣告的應(yīng)用  191
6.7.1 標(biāo)準(zhǔn)通欄廣告應(yīng)用  191
6.7.2 智能全屏寬圖廣告應(yīng)用  194
6.7.3 通過代碼添加全屏廣告應(yīng)用  197
6.7.4 750廣告與190廣告應(yīng)用  199
6.8 為淘寶自定義內(nèi)容添加鼠標(biāo)經(jīng)過效果  203
6.9 寶貝分類的使用  209
6.9.1 應(yīng)用寶貝分類  209
6.9.2 應(yīng)用子寶貝分類  212
6.9.3 應(yīng)用懸浮導(dǎo)航  215
6.10 店鋪公告模板的使用  216
6.11 店鋪收藏的應(yīng)用  221
6.11.1 獲取店鋪收藏的代碼  221
6.11.2 店鋪收藏的應(yīng)用  223
6.12 客服的應(yīng)用  225
6.12.1 為制作的圖片創(chuàng)建切片并導(dǎo)出網(wǎng)頁  226
6.12.2 在Dreamweaver中生成代碼  227
6.12.3 在旺遍天下中獲取代碼  229
6.12.4 在Dreamweaver中應(yīng)用代碼并替換圖片的代碼  229
6.12.5 聯(lián)系我們的應(yīng)用   231
6.13 詳情頁廣告的應(yīng)用  234