關(guān)于我們
書(shū)單推薦
新書(shū)推薦
|
網(wǎng)店美工實(shí)操:淘寶天貓店鋪設(shè)計(jì)與裝修 讀者對(duì)象:本書(shū)不僅適合初次開(kāi)店想自己裝修店鋪的初中級(jí)讀者,而且也可以作為大中專院校相關(guān)專業(yè)及電子商務(wù)方面培訓(xùn)班的教材。
本書(shū)以實(shí)例和設(shè)計(jì)理論相結(jié)合的方式介紹網(wǎng)上店鋪的裝修操作。根據(jù)在網(wǎng)店裝修中所涉及的知識(shí)點(diǎn),精心設(shè)計(jì)了50多個(gè)與裝修網(wǎng)店相關(guān)的實(shí)例,其中包含商品圖片的編輯、店鋪配色和圖像調(diào)色、為商品圖片替換背景,以及網(wǎng)店各個(gè)區(qū)域裝修的綜合實(shí)例。本書(shū)由一線網(wǎng)店裝修教師和網(wǎng)店店主編寫(xiě),循序漸進(jìn)地講解了網(wǎng)上店鋪裝修時(shí)所需要的全部知識(shí)。全書(shū)共分為6章,依次講解了網(wǎng)店商品圖像校正與編輯、網(wǎng)店配色與商品調(diào)色、網(wǎng)拍商品替換背景、視覺(jué)細(xì)節(jié)、網(wǎng)店裝修元素設(shè)計(jì)與制作和網(wǎng)店裝修應(yīng)用實(shí)戰(zhàn)等內(nèi)容。本書(shū)采用案例教程結(jié)合理論的編寫(xiě)形式,兼具技術(shù)手冊(cè)和應(yīng)用技巧參考手冊(cè)的特點(diǎn),技術(shù)實(shí)用,講解清晰,不僅適合初次開(kāi)店想自己裝修店鋪的初中級(jí)讀者,而且也可以作為大中專院校相關(guān)專業(yè)及電子商務(wù)方面培訓(xùn)班的教材。
曹培強(qiáng)(筆名曹天佑),Adobe資深平面設(shè)計(jì)師、網(wǎng)頁(yè)設(shè)計(jì)師、平面設(shè)計(jì)資深講師,現(xiàn)就職于北京市商業(yè)學(xué)校信息媒體系,從事平面設(shè)計(jì)及電商美工教學(xué)工作多年。主要作品:《Photoshop CS2平面設(shè)計(jì)實(shí)戰(zhàn)從入門(mén)到精通》《Photoshop CS3 完全自學(xué)手冊(cè)》《Photoshop CS6 標(biāo)準(zhǔn)培訓(xùn)教程》《Photoshop學(xué)習(xí)掌中寶教程》《淘寶網(wǎng)店美工DIY攻略》《淘寶寶貝摳圖與店鋪裝修寶典》等。
第1 章 網(wǎng)上開(kāi)店前期企劃 .................................................................................... 1
1.1 客戶群定位 .................................................................................................................2
1.2 選擇經(jīng)營(yíng)商品 .............................................................................................................3
1.3 網(wǎng)上瀏覽行業(yè)旺鋪 .....................................................................................................5
1.3.1 通過(guò)店鋪數(shù)量選擇行業(yè)旺鋪 ............................................................................... 5
1.3.2 通過(guò)店鋪的等級(jí)來(lái)看 ........................................................................................... 6
1.3.3 通過(guò)店鋪的裝修來(lái)看 ........................................................................................... 7
1.4 批發(fā)城實(shí)地調(diào)研 .........................................................................................................8
1.5 組成網(wǎng)店的各個(gè)功能元素 .........................................................................................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 詳情頁(yè) ............................................................................................................... 15
1.6 網(wǎng)上店鋪的制作流程 ...............................................................................................15
1.6.1 規(guī)劃時(shí)期 ............................................................................................................. 16
1.6.2 設(shè)計(jì)時(shí)期 ............................................................................................................. 20
1.6.3 保存與發(fā)布時(shí)期 ................................................................................................. 21
1.6.4 維護(hù)更新時(shí)期 ..................................................................................................... 21
1.7 網(wǎng)上開(kāi)店 ...................................................................................................................22
1.7.1 淘寶開(kāi)設(shè)店鋪的特點(diǎn) ......................................................................................... 22
1.7.2 網(wǎng)店開(kāi)店的基本流程 ......................................................................................... 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 簡(jiǎn)單背景摳圖 ..................................................................................................... 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è)計(jì)中的作用 .......................................................................................79
3.3.1 商品整體參與設(shè)計(jì) ............................................................................................. 79
3.3.2 商品切斷式參與整體設(shè)計(jì) ................................................................................. 79
3.3.3 不同視角參與整體設(shè)計(jì) ..................................................................................... 80
3.3.4 超出范圍參與整體設(shè)計(jì) ........................................................................................ 80
3.4 文案在網(wǎng)店美工中的作用 .......................................................................................81
3.4.1 為什么要做文案 ................................................................................................. 81
3.4.2 文案怎樣寫(xiě) ......................................................................................................... 82
3.4.3 文案的布局 ......................................................................................................... 82
3.3.4 活動(dòng)文案 ............................................................................................................. 86
第4 章 定位網(wǎng)店的配色與細(xì)節(jié) ........................................................................... 88
4.1 網(wǎng)店中圖像的配色 ...................................................................................................89
4.2 網(wǎng)店配色 ...................................................................................................................91
4.2.1 自定義頁(yè)面的主色與輔助色 ............................................................................. 92
4.2.2網(wǎng)店色調(diào)與配色 ..................................................................................................... 93
4.2.3 色彩采集 ............................................................................................................110
4.2.4 色彩推移 ............................................................................................................112
4.3 網(wǎng)店頁(yè)面色彩分類 ................................................................................................113
4.3.1 靜態(tài)色彩與動(dòng)態(tài)色彩 ........................................................................................113
4.3.2 強(qiáng)調(diào)色彩 ............................................................................................................113
4.4 統(tǒng)一間距與對(duì)齊 .....................................................................................................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é),增加商品視覺(jué)效果 ....................................................................... 123
第5 章 提升店鋪流量的視覺(jué)圖 ......................................................................... 124
5.1 設(shè)計(jì)店標(biāo) .................................................................................................................126
5.1.1 店標(biāo)設(shè)計(jì)的原則 ............................................................................................... 126
5.1.2 店標(biāo)的作用 ...................................................................................................... 127
5.1.3 店標(biāo)的制作構(gòu)思 ............................................................................................... 127
5.1.4 店標(biāo)的制作過(guò)程 ............................................................................................... 128
5.1.5 發(fā)布店標(biāo) ........................................................................................................... 130
5.2 直通車圖片設(shè)計(jì) .....................................................................................................132
5.2.1 直通車圖片的設(shè)計(jì)原則 ................................................................................... 133
5.2.2 直通車在淘寶中的位置 ................................................................................... 138
5.2.3 設(shè)計(jì)與制作直通車圖片 ................................................................................... 139
5.3 鉆展圖片設(shè)計(jì) .........................................................................................................141
5.3.1 鉆展圖片的設(shè)計(jì)原則 ....................................................................................... 141
5.3.2 鉆展圖片主圖設(shè)計(jì)與制作 ............................................................................... 142
5.3.3 鉆展圖片右側(cè)小圖設(shè)計(jì)與制作 ....................................................................... 147
5.4 店招設(shè)計(jì) .................................................................................................................150
5.4.1 店招設(shè)計(jì)的原則 ............................................................................................... 150
5.4.2 通欄帶導(dǎo)航店招的設(shè)計(jì)與制作 ....................................................................... 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è)計(jì)與制作 .................................................................................. 158
5.5.2 標(biāo)準(zhǔn)950廣告圖制作 ......................................................................................... 163
5.6 其他區(qū)域廣告制作 .................................................................................................164
5.6.1 750廣告圖設(shè)計(jì)與制作 ..................................................................................... 164
5.6.2 190廣告圖設(shè)計(jì)與制作 ..................................................................................... 169
5.6.3 圖像陳列設(shè)計(jì)與制作 ....................................................................................... 170
5.6.4 項(xiàng)目區(qū)圖像設(shè)計(jì)與制作 ................................................................................... 174
5.7 寶貝分類設(shè)計(jì) .........................................................................................................176
5.7.1 寶貝分類的設(shè)計(jì)原則 ....................................................................................... 176
5.7.2 寶貝分類圖片設(shè)計(jì)與制作 ............................................................................... 177
5.7.3 子寶貝分類設(shè)計(jì) ............................................................................................... 181
5.8 店鋪收藏與客服制作 .............................................................................................183
5.8.1 店鋪收藏圖片設(shè)計(jì)與制作 ............................................................................... 183
5.8.2 客服圖片設(shè)計(jì)與制作 ....................................................................................... 184
5.9 店鋪公告模板設(shè)計(jì)與制作 .....................................................................................186
5.9.1 750店鋪公告模板設(shè)計(jì) ..................................................................................... 186
5.9.2 750店鋪公告動(dòng)態(tài)模板設(shè)計(jì) ............................................................................. 188
5.10 詳情頁(yè) ...................................................................................................................191
5.10.1 詳情頁(yè)的設(shè)計(jì)思路及操作流程 ..................................................................... 192
5.10.2 詳情頁(yè)的格局 ................................................................................................. 193
5.10.3 詳情頁(yè)的設(shè)計(jì)與制作 ..................................................................................... 194
5.11 為圖像創(chuàng)建切片后導(dǎo)出 .......................................................................................204
第6 章 淘寶前臺(tái)與后臺(tái)的銜接 ......................................................................... 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
你還可能感興趣
我要評(píng)論
|