第1 章　網(wǎng)上開店前期企劃 .................................................................................... 1 1.1　客戶群定位 .................................................................................................................2 1.2　選擇經(jīng)營商品 .............................................................................................................3 1.3　網(wǎng)上瀏覽行業(yè)旺鋪 .....................................................................................................5 1.3.1　通過店鋪數(shù)量選擇行業(yè)旺鋪 ............................................................................... 5 1.3.2　通過店鋪的等級來看 ........................................................................................... 6 1.3.3　通過店鋪的裝修來看 ........................................................................................... 7 1.4　批發(fā)城實(shí)地調(diào)研 .........................................................................................................8 1.5　組成網(wǎng)店的各個功能元素 .........................................................................................8 1.5.1　店標(biāo) ....................................................................................................................... 8 1.5.2　店招 ....................................................................................................................... 9 1.5.3　廣告內(nèi)容區(qū) ........................................................................................................... 9 1.5.4　寶貝分類 ............................................................................................................. 10 1.5.5　客服 ......................................................................................................................11 1.5.6　店鋪收藏 ............................................................................................................. 12 1.5.7　店鋪二維碼 ......................................................................................................... 13 1.5.8　店鋪公告 ............................................................................................................. 13 1.5.9　寶貝展示 ............................................................................................................. 14 1.5.10　寶貝排行 ........................................................................................................... 14 1.5.11　詳情頁 ............................................................................................................... 15 1.6　網(wǎng)上店鋪的制作流程 ...............................................................................................15 1.6.1　規(guī)劃時期 ............................................................................................................. 16 1.6.2　設(shè)計時期 ............................................................................................................. 20 1.6.3　保存與發(fā)布時期 ................................................................................................. 21 1.6.4　維護(hù)更新時期 ..................................................................................................... 21 1.7　網(wǎng)上開店 ...................................................................................................................22 1.7.1　淘寶開設(shè)店鋪的特點(diǎn) ......................................................................................... 22 1.7.2　網(wǎng)店開店的基本流程 ......................................................................................... 23 第2 章　商品信息采集【掃碼閱讀】 ........................................................... 29 第3 章　美工在網(wǎng)店中的作用 ............................................................................... 30 3.1　寶貝圖片處理 ...........................................................................................................31 3.1.1　剪裁與傾斜校正 ................................................................................................. 31 3.1.2　修飾寶貝圖像 ..................................................................................................... 35 3.1.3　商品寶貝調(diào)色處理 ............................................................................................. 40 3.1.4　商品寶貝瑕疵修復(fù) ............................................................................................. 46 3.2　網(wǎng)店圖像多種摳圖技巧 ...........................................................................................55 3.2.1　規(guī)則形狀摳圖 ..................................................................................................... 56 3.2.2　簡單背景摳圖 ..................................................................................................... 59 3.2.3　復(fù)雜圖形摳圖 ..................................................................................................... 62 3.2.4　毛發(fā)摳圖 ............................................................................................................. 69 3.2.5圖層關(guān)系替換背景 ................................................................................................. 71 3.2.6　透明寶貝的摳圖方法 ......................................................................................... 74 3.2.7　綜合摳圖方法 ..................................................................................................... 78 3.3　圖像在網(wǎng)店設(shè)計中的作用 .......................................................................................79 3.3.1　商品整體參與設(shè)計 ............................................................................................. 79 3.3.2　商品切斷式參與整體設(shè)計 ................................................................................. 79 3.3.3　不同視角參與整體設(shè)計 ..................................................................................... 80 3.3.4 超出范圍參與整體設(shè)計 ........................................................................................ 80 3.4　文案在網(wǎng)店美工中的作用 .......................................................................................81 3.4.1　為什么要做文案 ................................................................................................. 81 3.4.2　文案怎樣寫 ......................................................................................................... 82 3.4.3　文案的布局 ......................................................................................................... 82 3.3.4　活動文案 ............................................................................................................. 86 第4 章　定位網(wǎng)店的配色與細(xì)節(jié) ........................................................................... 88 4.1　網(wǎng)店中圖像的配色 ...................................................................................................89 4.2　網(wǎng)店配色 ...................................................................................................................91 4.2.1　自定義頁面的主色與輔助色 ............................................................................. 92 4.2.2網(wǎng)店色調(diào)與配色 ..................................................................................................... 93 4.2.3　色彩采集 ............................................................................................................110 4.2.4　色彩推移 ............................................................................................................112 4.3 　網(wǎng)店頁面色彩分類 ................................................................................................113 4.3.1　靜態(tài)色彩與動態(tài)色彩 ........................................................................................113 4.3.2　強(qiáng)調(diào)色彩 ............................................................................................................113 4.4　統(tǒng)一間距與對齊 .....................................................................................................114 4.5　為網(wǎng)拍商品制作統(tǒng)一邊框 .....................................................................................116 4.5.1　按圖片顏色為其添加邊框 ................................................................................116 4.5.2　細(xì)致調(diào)整圖片背景邊緣 ....................................................................................117 4.5.3　統(tǒng)一邊框樣式 ....................................................................................................118 4.5.4　商品圖像邊框的制作 ....................................................................................... 120 4.6　增加圖像的細(xì)節(jié) .....................................................................................................121 4.6.1　為商品添加標(biāo)簽 ............................................................................................... 122 4.6.2　放大商品的局部特征 ....................................................................................... 122 4.6.3　調(diào)整細(xì)節(jié)，增加商品視覺效果 ....................................................................... 123 第5 章　提升店鋪流量的視覺圖 ......................................................................... 124 5.1　設(shè)計店標(biāo) .................................................................................................................126 5.1.1　店標(biāo)設(shè)計的原則 ............................................................................................... 126 5.1.2 　店標(biāo)的作用 ...................................................................................................... 127 5.1.3　店標(biāo)的制作構(gòu)思 ............................................................................................... 127 5.1.4　店標(biāo)的制作過程 ............................................................................................... 128 5.1.5　發(fā)布店標(biāo) ........................................................................................................... 130 5.2　直通車圖片設(shè)計 .....................................................................................................132 5.2.1　直通車圖片的設(shè)計原則 ................................................................................... 133 5.2.2　直通車在淘寶中的位置 ................................................................................... 138 5.2.3　設(shè)計與制作直通車圖片 ................................................................................... 139 5.3　鉆展圖片設(shè)計 .........................................................................................................141 5.3.1　鉆展圖片的設(shè)計原則 ....................................................................................... 141 5.3.2　鉆展圖片主圖設(shè)計與制作 ............................................................................... 142 5.3.3　鉆展圖片右側(cè)小圖設(shè)計與制作 ....................................................................... 147 5.4　店招設(shè)計 .................................................................................................................150 5.4.1　店招設(shè)計的原則 ............................................................................................... 150 5.4.2　通欄帶導(dǎo)航店招的設(shè)計與制作 ....................................................................... 150 5.1.4　帶導(dǎo)航的標(biāo)準(zhǔn)店招制作 ................................................................................... 155 5.4.4　標(biāo)準(zhǔn)店招制作 ................................................................................................... 156 5.4.5　帶導(dǎo)航的通欄店招背景制作 ........................................................................... 157 5.5　全屏通欄首屏廣告制作 .........................................................................................157 5.5.1　全屏廣告圖設(shè)計與制作 .................................................................................. 158 5.5.2　標(biāo)準(zhǔn)950廣告圖制作 ......................................................................................... 163 5.6　其他區(qū)域廣告制作 .................................................................................................164 5.6.1　750廣告圖設(shè)計與制作 ..................................................................................... 164 5.6.2　190廣告圖設(shè)計與制作 ..................................................................................... 169 5.6.3　圖像陳列設(shè)計與制作 ....................................................................................... 170 5.6.4　項(xiàng)目區(qū)圖像設(shè)計與制作 ................................................................................... 174 5.7　寶貝分類設(shè)計 .........................................................................................................176 5.7.1　寶貝分類的設(shè)計原則 ....................................................................................... 176 5.7.2　寶貝分類圖片設(shè)計與制作 ............................................................................... 177 5.7.3　子寶貝分類設(shè)計 ............................................................................................... 181 5.8　店鋪收藏與客服制作 .............................................................................................183 5.8.1　店鋪收藏圖片設(shè)計與制作 ............................................................................... 183 5.8.2　客服圖片設(shè)計與制作 ....................................................................................... 184 5.9　店鋪公告模板設(shè)計與制作 .....................................................................................186 5.9.1　750店鋪公告模板設(shè)計 ..................................................................................... 186 5.9.2　750店鋪公告動態(tài)模板設(shè)計 ............................................................................. 188 5.10　詳情頁 ...................................................................................................................191 5.10.1　詳情頁的設(shè)計思路及操作流程 ..................................................................... 192 5.10.2　詳情頁的格局 ................................................................................................. 193 5.10.3　詳情頁的設(shè)計與制作 ..................................................................................... 194 5.11　為圖像創(chuàng)建切片后導(dǎo)出 .......................................................................................204 第6 章　淘寶前臺與后臺的銜接 ......................................................................... 208 6.1　進(jìn)入圖片空間 .........................................................................................................209 6.2　編輯圖片空間 .........................................................................................................211 6.2.1　新建文件夾管理圖片 ........................................................................................211 6.2.2　刪除圖片空間中的文件夾 ............................................................................... 213 6.2.3　上傳優(yōu)化好的圖片 ........................................................................................... 214 6.2.4　圖片搬家 ........................................................................................................... 216 6.2.5　恢復(fù)刪除的圖片 ............................................................................................... 218 6.2.6　全選圖片 ........................................................................................................... 220 6.2.7　替換 ................................................................................................................... 220 6.2.8　編輯 ................................................................................................................... 220 6.2.9　適配手機(jī) ........................................................................................................... 221 6.2.10　為圖片添加水印 ............................................................................................. 221 6.3　復(fù)制圖片空間中的圖片鏈接 .................................................................................224 6.4　Dreamweaver 工作界面 .........................................................................................224 6.5　創(chuàng)建表格 .................................................................................................................226 6.6　編輯表格 .................................................................................................................228 6.6.1　單元格選取技巧 ............................................................................................... 228 6.6.2　重設(shè)表格的行列數(shù) ........................................................................................... 229 6.6.3　調(diào)整表格寬度 ................................................................................................... 230 6.6.4　調(diào)整邊距、間距、邊框 ................................................................................... 230 6.6.5　行列的插入、刪除 ........................................................................................... 231 6.6.6　調(diào)整行寬、行高 ............................................................................................... 231 6.6.7　單元格的拆分、合并 ....................................................................................... 232 6.6.8　嵌套表格 ........................................................................................................... 232 6.6.9　清除表格的寬度、高度 ................................................................................... 233 6.6.10　單元格的其他設(shè)置 ......................................................................................... 234 6.7　插入圖片 .................................................................................................................234 6.8　以背景方式插入圖片 .............................................................................................236 6.9　粘貼圖片空間中的圖片鏈接到Dreamweaver 代碼區(qū) ........................................238 第7 章　店鋪可裝修區(qū)域的應(yīng)用【掃碼閱讀】 .......................................... 240