《淘寶店鋪?lái)?yè)面設(shè)計(jì)與裝修實(shí)戰(zhàn)教程》由淺入深的設(shè)計(jì)工具書,整本書圍繞淘寶店鋪裝修設(shè)計(jì)的要點(diǎn)進(jìn)行講解,從分析視覺設(shè)計(jì)的原理到案例的實(shí)操,旨在為電商設(shè)計(jì)師、淘寶美工提供實(shí)用的店鋪設(shè)計(jì)與裝修指導(dǎo),使之能全面學(xué)習(xí),少走彎路。
《淘寶店鋪?lái)?yè)面設(shè)計(jì)與裝修實(shí)戰(zhàn)教程》共11章,第1章介紹了網(wǎng)上開店的基本流程,從前期的準(zhǔn)備工作到后期的推廣運(yùn)營(yíng);第2章詳細(xì)介紹了網(wǎng)店裝修的常用軟件知識(shí),包括圖片處理軟件Photoshop、矢量圖制作軟件Illustrator、網(wǎng)頁(yè)代碼編寫軟件Dreamweaver,讓讀者清楚地了解各軟件的基本知識(shí),打下扎實(shí)的軟件基礎(chǔ)操作功底;第3章介紹了網(wǎng)店裝修的主要工作,內(nèi)容圍繞產(chǎn)品拍攝、產(chǎn)品修圖、首頁(yè)裝修、產(chǎn)品描述頁(yè)設(shè)計(jì)、產(chǎn)品主圖設(shè)計(jì)等展開,結(jié)合理論與實(shí)操進(jìn)行講解;第4章介紹了高端設(shè)計(jì)的主要技能,圍繞文字、排版、背景、色彩、效果處理幾大要點(diǎn),以案例的方式進(jìn)行講解;第5~10章分別是不同類目的店鋪裝修操作實(shí)例,包含服裝、家居百貨、美妝、母嬰、食品、數(shù)碼家電六大類目,每一個(gè)類目包含了不同風(fēng)格的實(shí)例;第11章是作者多年工作經(jīng)驗(yàn)的總結(jié)。
《淘寶店鋪?lái)?yè)面設(shè)計(jì)與裝修實(shí)戰(zhàn)教程》配套提供學(xué)習(xí)資源,包括素材文件、實(shí)例文件和操作演示視頻,讀者可以邊學(xué)邊練習(xí),提高學(xué)習(xí)效率。
林丹,電商設(shè)計(jì)師,負(fù)責(zé)過各電商平臺(tái)(天貓、淘寶、京東、**等)的店面整體形象設(shè)計(jì),擅長(zhǎng)用戶的視覺體驗(yàn)分析。同時(shí)精通手機(jī)界面主題設(shè)計(jì)/UI設(shè)計(jì)、企業(yè)網(wǎng)頁(yè)建站前端設(shè)計(jì)、平面設(shè)計(jì)等。
01 網(wǎng)上開店流程介紹
1.1 前期的準(zhǔn)備工作...................................... 008
1.1.1 從畫面風(fēng)格分析效果圖表現(xiàn) ............. 008
1.1.2 注冊(cè)賬號(hào) ............................................. 008
1.1.3 開通網(wǎng)上支付渠道 ............................. 009
1.1.4 發(fā)布商品 ............................................. 009
1.1.5 確定供貨源和簽訂供貨合同 ............. 009
1.1.6 確定供貨周期和儲(chǔ)備方式 ................. 010
1.2 店鋪的運(yùn)營(yíng)與推廣.................................... 010
1.2.1 獲取用戶和流量 ................................. 010
1.2.2 店鋪轉(zhuǎn)化 ............................................. 010
1.2.3 店鋪推廣 ............................................. 011
1.3 抓準(zhǔn)售前售后的新形式............................. 012
1.4 經(jīng)驗(yàn)總結(jié)與提高....................................... 012
02 網(wǎng)店裝修必備的軟件知識(shí)
2.1 網(wǎng)店裝修常用軟件.................................... 014
2.2 圖片處理軟件Photoshop........................... 014
2.2.1 Photoshop的工作界面 ........................ 014
2.2.2 Photoshop的菜單欄 ............................ 014
2.2.3 Photoshop的選項(xiàng)卡 ............................ 015
2.2.4 Photoshop的工具箱 ............................ 015
2.2.5 Photoshop的控制面板 ........................ 023
2.2.6 Photoshop的首選項(xiàng) ............................ 024
2.2.7 Photoshop的快捷鍵 ............................ 025
2.3 矢量圖制作軟件Adobe illustrator........... 025
2.3.1 illustrator的工作界面 ................ 025
2.3.2 illustrator的菜單欄 .................... 026
2.3.3 illustrator的選項(xiàng)卡 .................... 026
2.3.4 illustrator的工具箱 .................... 026
2.3.5 illustrator的控制面板 ................ 027
2.3.6 illustrator的快捷鍵 .................... 028
2.4 網(wǎng)頁(yè)代碼編寫軟件Dreamweaver.............028
2.4.1 Dreamweaver的工作界面 ................... 028
2.4.2 Dreamweaver的菜單欄 ....................... 029
2.4.3 Dreamweaver的基礎(chǔ)運(yùn)用 ................... 029
2.4.4 Dreamweaver的快捷鍵 ....................... 030
03 網(wǎng)店裝修的主要工作
3.1 網(wǎng)店裝修主要工作概要............................. 032
3.2 產(chǎn)品拍攝................................................ 032
3.2.1 場(chǎng)景布置 ............................................. 032
3.2.2 光線的角度 ......................................... 033
3.2.3 拍攝構(gòu)圖 ............................................. 034
3.3 產(chǎn)品處理................................................ 035
3.3.1 美發(fā)套裝的處理(不銹鋼材質(zhì)) .............035
3.3.2 刨絲器的處理(塑料材質(zhì)) ............. 039
3.4 首頁(yè)裝修................................................ 041
3.4.1 首頁(yè)布局原則 ..................................... 041
3.4.2 將首頁(yè)進(jìn)行切片 ................................. 043
3.4.3 店招設(shè)計(jì) ............................................. 049
3.4.4 導(dǎo)航欄設(shè)計(jì) ......................................... 049
3.4.5 客服中心設(shè)計(jì) ..................................... 050
3.5 產(chǎn)品描述頁(yè)設(shè)計(jì)....................................... 050
3.5.1 什么是產(chǎn)品描述頁(yè) ............................. 050
3.5.2 設(shè)計(jì)產(chǎn)品描述頁(yè)時(shí)要注重哪些方面...... 050
3.5.3 產(chǎn)品描述頁(yè)的要素組成和順序擺放 051
3.5.4 如何設(shè)計(jì)產(chǎn)品描述頁(yè) ......................... 051
3.6 產(chǎn)品主圖設(shè)計(jì).......................................... 060
3.6.1 做好產(chǎn)品主圖的要素 ......................... 061
3.6.2 五張產(chǎn)品圖要怎么體現(xiàn) ..................... 061
3.7 活動(dòng)圖設(shè)計(jì)............................................. 062
3.7.1 店鋪引流的活動(dòng)圖設(shè)計(jì) ..................... 063
3.7.2 活動(dòng)入口產(chǎn)品圖設(shè)計(jì) ......................... 068
3.7.3 活動(dòng)營(yíng)銷圖設(shè)計(jì) ................................. 073
3.8 直通車圖片設(shè)計(jì)....................................... 074
3.9 鉆展圖設(shè)計(jì)............................................. 077
04 高級(jí)設(shè)計(jì)的主要技巧
4.1 文字特效制作.......................................... 082
4.1.1 星光熠熠的文字 ................................. 082
4.1.2 立體和有層次的文字 ......................... 083
4.1.3 創(chuàng)意的文字 ......................................... 085
4.2 簡(jiǎn)潔明了的排版....................................... 087
4.2.1 居中排版 ............................................. 087
4.2.2 上下排版 ............................................. 088
4.2.3 左右排版 ............................................. 089
4.3 選用合適的背景搭配................................ 092
4.3.1 簡(jiǎn)單大氣 ............................................. 092
4.3.2 唯美風(fēng)景 ............................................. 093
4.4 整體的色彩搭配....................................... 095
4.4.1 對(duì)比色搭配 ......................................... 095
4.4.2 相近色搭配 ......................................... 096
4.5 產(chǎn)品光效處理.......................................... 096
4.5.1 不銹鋼類產(chǎn)品 ..................................... 097
4.5.2 電器類產(chǎn)品 ......................................... 099
4.5.3 護(hù)膚類產(chǎn)品 ......................................... 101
05 服裝類店鋪裝修
5.1 女裝類店鋪整體設(shè)計(jì)分析.......................... 104
5.1.1 分析主要的消費(fèi)群體 ......................... 104
5.1.2 分析頁(yè)面的排版 ................................. 104
5.2 歐美風(fēng)格................................................ 104
5.2.1 頁(yè)面分析 ............................................. 104
5.2.2 步驟詳解 ............................................. 105
5.3 日韓風(fēng)格................................................ 110
5.3.1 頁(yè)面分析 ............................................. 110
5.3.2 步驟詳解 ............................................. 112
5.4 中規(guī)中矩風(fēng)格.......................................... 117
5.4.1 頁(yè)面分析 ............................................. 117
5.4.2 步驟詳解 ............................................. 118
5.5 男裝類店鋪整體設(shè)計(jì)分析.......................... 125
5.5.1 分析主要的消費(fèi)群體 ......................... 125
5.5.2 分析頁(yè)面的排版 ................................. 125
5.6 商務(wù)風(fēng)格................................................ 125
5.6.1 頁(yè)面分析 ............................................. 125
5.6.2 步驟詳解 ............................................. 126
5.7 潮流風(fēng)格................................................ 130
5.7.1 頁(yè)面分析 ............................................. 130
5.7.2 步驟詳解 ............................................. 131
06 家居百貨類店鋪裝修
6.1 家居百貨類店鋪整體設(shè)計(jì)分析.................... 140
6.1.1 分析主要的消費(fèi)群體 ......................... 140
6.1.2 分析頁(yè)面的排版 ................................. 140
6.2 簡(jiǎn)單清新風(fēng)格.......................................... 140
6.2.1 頁(yè)面分析 ............................................. 140
6.2.2 步驟詳解 ............................................. 141
6.3 溫馨居家風(fēng)格.......................................... 148
6.3.1 頁(yè)面分析 ............................................. 148
6.3.2 步驟詳解 ............................................. 149
07 美妝類店鋪裝修
7.1 美妝類店鋪整體設(shè)計(jì)分析.......................... 168
7.1.1 分析主要的消費(fèi)群體 ......................... 168
7.1.2 分析頁(yè)面的排版 ................................. 168
7.2 自然唯美風(fēng)格.......................................... 168
7.2.1 頁(yè)面分析 ............................................. 168
7.2.2 步驟詳解 ............................................. 170
7.3 簡(jiǎn)單清涼風(fēng)格.......................................... 177
7.3.1 頁(yè)面分析 ............................................. 177
7.3.2 步驟詳解 ............................................. 178
08 母嬰類店鋪裝修
8.1 母嬰類店鋪整體設(shè)計(jì)分析.......................... 186
8.1.1 分析主要的消費(fèi)群體 ......................... 186
8.1.2 分析頁(yè)面的排版 ................................. 186
8.2 空靈夢(mèng)幻風(fēng)格.......................................... 186
8.2.1 頁(yè)面分析 ............................................. 186
8.2.2 步驟詳解 ............................................. 187
8.3 卡通手繪風(fēng)格.......................................... 194
8.3.1 頁(yè)面分析 ............................................. 194
8.3.2 步驟詳解 ............................................. 196
09 食品類店鋪裝修
9.1 食品類店鋪整體設(shè)計(jì)分析.......................... 206
9.1.1 分析主要的消費(fèi)群體 ......................... 206
9.1.2 分析頁(yè)面的排版 ................................. 206
9.2 繽紛休閑風(fēng)格.......................................... 206
9.2.1 風(fēng)格分析 ............................................. 206
9.2.2 步驟詳解 ............................................. 207
9.3 喜慶浪漫風(fēng)格.......................................... 217
9.3.1 風(fēng)格分析 ............................................. 217
9.3.2 步驟詳解 ............................................. 218
10 數(shù)碼家電類店鋪裝修
10.1 數(shù)碼家電類店鋪整體設(shè)計(jì)分析 ............. 230
10.1.1 分析主要的消費(fèi)群體 ....................... 230
10.1.2 分析頁(yè)面的排版 ............................... 230
10.2 酷炫數(shù)碼風(fēng)格........................................ 230
10.2.1 頁(yè)面分析 ........................................... 230
10.2.2 步驟詳解 ........................................... 232
10.3 居家風(fēng)格............................................... 245
10.3.1 頁(yè)面分析 ........................................... 245
10.3.2 步驟詳解 ........................................... 247
11 多年工作經(jīng)驗(yàn)總結(jié)
11.1 如何減低修改率..................................... 258
11.1.1 學(xué)會(huì)問——下手前先溝通清楚 258
11.1.2 學(xué)會(huì)看——充分參考同行的頁(yè)面 258
11.1.3 學(xué)會(huì)改——做出大家想要的效果 259
11.1.4 學(xué)會(huì)記——不足之處記于心 .......... 259
11.2 如何讓你面試成功.................................. 260
11.2.1 海選——第一輪面試通過作品判斷260
11.2.2 復(fù)試——第二輪面試相互了解 260
11.2.3 實(shí)操——觀看你的軟件操作能力 262
11.3 如何提高你的身價(jià).................................. 263
11.3.1 無(wú)任何經(jīng)驗(yàn)的設(shè)計(jì)小白 .................. 263
11.3.2 有設(shè)計(jì)經(jīng)驗(yàn)的設(shè)計(jì)師 ...................... 263
11.4 分析未來(lái)電商設(shè)計(jì)的就業(yè)趨向 .............. 264