第1章網(wǎng)店頁面布局對買家的吸引
1.1網(wǎng)店欄目和頁面設(shè)計(jì)策劃 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è)計(jì) 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細(xì)致調(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è)計(jì)的內(nèi)容 033
1.8網(wǎng)店版式設(shè)計(jì)的基本類型 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è)計(jì)的基本流程 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強(qiáng)調(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通過批處理對整個(gè)文件夾中的文件應(yīng)用描邊濾鏡 103
3.4制作動態(tài)公告模板 104
第4章網(wǎng)店裝修中Dreamweaver的應(yīng)用
4.1Dreamweaver 軟件概述 109
4.1.1Dreamweaver簡介 109
4.1.2Dreamweaver工作界面 109
4.1.3Dreamweaver的面板操作 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è)計(jì)內(nèi)容的代碼 139
第5章圖片空間素材中心的使用
5.1進(jìn)入圖片空間的素材中心 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適配手機(jī) 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.4750廣告與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