淘寶店鋪頁面設(shè)計(jì)與裝修實(shí)戰(zhàn)教程

01 網(wǎng)上開店流程介紹
1．1 前期的準(zhǔn)備工作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 008
1．1．1 從畫面風(fēng)格分析效果圖表現(xiàn) ．．．．．．．．．．．．． 008
1．1．2 注冊賬號 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 008
1．1．3 開通網(wǎng)上支付渠道 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 009
1．1．4 發(fā)布商品 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 009
1．1．5 確定供貨源和簽訂供貨合同 ．．．．．．．．．．．．． 009
1．1．6 確定供貨周期和儲備方式 ．．．．．．．．．．．．．．．．． 010
1．2 店鋪的運(yùn)營與推廣．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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)店裝修必備的軟件知識
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)頁代碼編寫軟件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 場景布置 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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 首頁裝修．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 041
3．4．1 首頁布局原則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 041
3．4．2 將首頁進(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)品描述頁設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5．1 什么是產(chǎn)品描述頁 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5．2 設(shè)計(jì)產(chǎn)品描述頁時(shí)要注重哪些方面．．．．．． 050
3．5．3 產(chǎn)品描述頁的要素組成和順序擺放 051
3．5．4 如何設(shè)計(jì)產(chǎn)品描述頁 ．．．．．．．．．．．．．．．．．．．．．．．．． 051
3．6 產(chǎn)品主圖設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 060
3．6．1 做好產(chǎn)品主圖的要素 ．．．．．．．．．．．．．．．．．．．．．．．．． 061
3．6．2 五張產(chǎn)品圖要怎么體現(xiàn) ．．．．．．．．．．．．．．．．．．．．． 061
3．7 活動圖設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 062
3．7．1 店鋪引流的活動圖設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．． 063
3．7．2 活動入口產(chǎn)品圖設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．．． 068
3．7．3 活動營銷圖設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 073
3．8 直通車圖片設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 074
3．9 鉆展圖設(shè)計(jì)．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 077
04 高級設(shè)計(jì)的主要技巧
4．1 文字特效制作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 082
4．1．1 星光熠熠的文字 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 082
4．1．2 立體和有層次的文字 ．．．．．．．．．．．．．．．．．．．．．．．．． 083
4．1．3 創(chuàng)意的文字 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 085
4．2 簡潔明了的排版．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 087
4．2．1 居中排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 087
4．2．2 上下排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 088
4．2．3 左右排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 089
4．3 選用合適的背景搭配．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 092
4．3．1 簡單大氣 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 092
4．3．2 唯美風(fēng)景 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 093
4．4 整體的色彩搭配．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 095
4．4．1 對比色搭配 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．2 歐美風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 105
5．3 日韓風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 110
5．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 110
5．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 112
5．4 中規(guī)中矩風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 117
5．4．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 117
5．4．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 118
5．5 男裝類店鋪整體設(shè)計(jì)分析．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．5．1 分析主要的消費(fèi)群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．5．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．6 商務(wù)風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．6．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．6．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 126
5．7 潮流風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 130
5．7．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 130
5．7．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 131
06 家居百貨類店鋪裝修
6．1 家居百貨類店鋪整體設(shè)計(jì)分析．．．．．．．．．．．．．．．．．．．． 140
6．1．1 分析主要的消費(fèi)群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．2 簡單清新風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 141
6．3 溫馨居家風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 148
6．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 148
6．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 149
07 美妝類店鋪裝修
7．1 美妝類店鋪整體設(shè)計(jì)分析．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．1．1 分析主要的消費(fèi)群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．2 自然唯美風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 170
7．3 簡單清涼風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 177
7．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 177
7．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 178
08 母嬰類店鋪裝修
8．1 母嬰類店鋪整體設(shè)計(jì)分析．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．1．1 分析主要的消費(fèi)群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．2 空靈夢幻風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 187
8．3 卡通手繪風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 194
8．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 194
8．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 196
09 食品類店鋪裝修
9．1 食品類店鋪整體設(shè)計(jì)分析．．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．1．1 分析主要的消費(fèi)群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 230
10．2 酷炫數(shù)碼風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 230
10．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 230
10．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 232
10．3 居家風(fēng)格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 245
10．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 245
10．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 247
11 多年工作經(jīng)驗(yàn)總結(jié)
11．1 如何減低修改率．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 258
11．1．1 學(xué)會問——下手前先溝通清楚 258
11．1．2 學(xué)會看——充分參考同行的頁面 258
11．1．3 學(xué)會改——做出大家想要的效果 259
11．1．4 學(xué)會記——不足之處記于心 ．．．．．．．．．． 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 無任何經(jīng)驗(yàn)的設(shè)計(jì)小白 ．．．．．．．．．．．．．．．．．． 263
11．3．2 有設(shè)計(jì)經(jīng)驗(yàn)的設(shè)計(jì)師 ．．．．．．．．．．．．．．．．．．．．．． 263
11．4 分析未來電商設(shè)計(jì)的就業(yè)趨向 ．．．．．．．．．．．．．． 264