第1章網(wǎng)店頁(yè)面布局對(duì)買(mǎi)家的吸引
1.1網(wǎng)店欄目和頁(yè)面設(shè)計(jì)策劃 002
1.1.1策劃在制作之前的作用 003
1.1.2網(wǎng)店欄目策劃 003
1.1.3網(wǎng)店的頁(yè)面策劃 006
1.2網(wǎng)店布局的基本元素 010
1.2.1店招 010
1.2.2促銷(xiāo)廣告 010
1.2.3寶貝分類(lèi) 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詳情頁(yè) 016
1.3版面布局設(shè)計(jì) 016
1.3.1版面布局原則 018
1.3.2網(wǎng)店頁(yè)面內(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)一間距與對(duì)齊 030
1.6圖像制作的布局 031
1.6.1圖像的構(gòu)圖類(lèi)型 031
1.6.2圖像合成展示 032
1.7認(rèn)識(shí)版式布局設(shè)計(jì)的內(nèi)容 033
1.8網(wǎng)店版式設(shè)計(jì)的基本類(lèi)型 035
1.8.1骨骼型 035
1.8.2滿(mǎn)版型 035
1.8.3上下分割型 035
1.8.4左右分割型 036
1.8.5中軸型 036
1.8.6曲線型 036
1.8.7傾斜型 036
1.8.8對(duì)稱(chēng)型 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色彩對(duì)心理的影響 039
2.2認(rèn)識(shí)網(wǎng)店色彩 040
2.3色彩理論 040
2.3.1色彩與視覺(jué)原理 041
2.3.2色彩分類(lèi) 042
2.3.3色彩三要素 044
2.4色彩顏色管理 046
2.4.1識(shí)別色域范圍外的顏色 047
2.4.2色彩模式 048
2.4.3色彩模式轉(zhuǎn)換 051
2.4.4調(diào)整顏色建議 052
2.5網(wǎng)頁(yè)安全色 052
2.6網(wǎng)店配色 053
2.6.1自定義頁(yè)面的主色與輔助色 053
2.6.2網(wǎng)店色調(diào)與配色 055
2.6.3色彩推移 069
2.6.4色彩采集 070
2.7色彩介紹 072
2.7.1色彩對(duì)比 072
2.7.2色彩調(diào)和 077
2.8網(wǎng)店頁(yè)面色彩分類(lèi) 078
2.8.1靜態(tài)色彩與動(dòng)態(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通過(guò)工具創(chuàng)建切片 083
3.1.2基于參考線創(chuàng)建切片 084
3.1.3基于圖層創(chuàng)建切片 085
3.1.4通過(guò)劃分切片創(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動(dòng)作面板 098
3.3.2創(chuàng)建動(dòng)作 100
3.3.3批處理 101
3.3.4通過(guò)批處理對(duì)整個(gè)文件夾中的文件應(yīng)用描邊濾鏡 103
3.4制作動(dòng)態(tài)公告模板 104
第4章網(wǎng)店裝修中Dreamweaver的應(yīng)用
4.1Dreamweaver 軟件概述 109
4.1.1Dreamweaver簡(jiǎn)介 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)過(guò)圖像 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改變店鋪名稱(chēng)及信息 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通過(guò)代碼制作帶導(dǎo)航全屏店招并添加鏈接 171
6.5在淘寶中添加自定義頁(yè)面并將鏈接替換到店招中 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通過(guò)代碼添加全屏廣告應(yīng)用 197
6.7.4750廣告與190廣告應(yīng)用 199
6.8為淘寶自定義內(nèi)容添加鼠標(biāo)經(jīng)過(guò)效果 203
6.9寶貝分類(lèi)的使用 209
6.9.1應(yīng)用寶貝分類(lèi) 209
6.9.2應(yīng)用子寶貝分類(lèi) 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)頁(yè) 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è)廣告的應(yīng)用 234