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

01 網(wǎng)上開店流程介紹
1．1 前期的準備工作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 008
1．1．1 從畫面風格分析效果圖表現(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 店鋪的運營與推廣．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 010
1．2．1 獲取用戶和流量 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 010
1．2．2 店鋪轉化 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 010
1．2．3 店鋪推廣 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 011
1．3 抓準售前售后的新形式．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 012
1．4 經(jīng)驗總結與提高．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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的選項卡 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 015
2．2．4 Photoshop的工具箱 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 015
2．2．5 Photoshop的控制面板 ．．．．．．．．．．．．．．．．．．．．．．．． 023
2．2．6 Photoshop的首選項 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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的選項卡 ．．．．．．．．．．．．．．．．．．．． 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的基礎運用 ．．．．．．．．．．．．．．．．．．． 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 拍攝構圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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 將首頁進行切片 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 043
3．4．3 店招設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 049
3．4．4 導航欄設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 049
3．4．5 客服中心設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5 產(chǎn)品描述頁設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5．1 什么是產(chǎn)品描述頁 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5．2 設計產(chǎn)品描述頁時要注重哪些方面．．．．．． 050
3．5．3 產(chǎn)品描述頁的要素組成和順序擺放 051
3．5．4 如何設計產(chǎn)品描述頁 ．．．．．．．．．．．．．．．．．．．．．．．．． 051
3．6 產(chǎn)品主圖設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 060
3．6．1 做好產(chǎn)品主圖的要素 ．．．．．．．．．．．．．．．．．．．．．．．．． 061
3．6．2 五張產(chǎn)品圖要怎么體現(xiàn) ．．．．．．．．．．．．．．．．．．．．． 061
3．7 活動圖設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 062
3．7．1 店鋪引流的活動圖設計 ．．．．．．．．．．．．．．．．．．．．． 063
3．7．2 活動入口產(chǎn)品圖設計 ．．．．．．．．．．．．．．．．．．．．．．．．． 068
3．7．3 活動營銷圖設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 073
3．8 直通車圖片設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 074
3．9 鉆展圖設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 077
04 高級設計的主要技巧
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 唯美風景 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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 護膚類產(chǎn)品 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 101
05 服裝類店鋪裝修
5．1 女裝類店鋪整體設計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．2 歐美風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 105
5．3 日韓風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 110
5．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 110
5．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 112
5．4 中規(guī)中矩風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 117
5．4．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 117
5．4．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 118
5．5 男裝類店鋪整體設計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．5．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．5．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．6 商務風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．6．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．6．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 126
5．7 潮流風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 130
5．7．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 130
5．7．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 131
06 家居百貨類店鋪裝修
6．1 家居百貨類店鋪整體設計分析．．．．．．．．．．．．．．．．．．．． 140
6．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．2 簡單清新風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 140
6．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 141
6．3 溫馨居家風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 148
6．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 148
6．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 149
07 美妝類店鋪裝修
7．1 美妝類店鋪整體設計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．2 自然唯美風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 170
7．3 簡單清涼風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 177
7．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 177
7．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 178
08 母嬰類店鋪裝修
8．1 母嬰類店鋪整體設計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．2 空靈夢幻風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 187
8．3 卡通手繪風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 194
8．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 194
8．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 196
09 食品類店鋪裝修
9．1 食品類店鋪整體設計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．2 繽紛休閑風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．2．1 風格分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 207
9．3 喜慶浪漫風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 217
9．3．1 風格分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 217
9．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 218
10 數(shù)碼家電類店鋪裝修
10．1 數(shù)碼家電類店鋪整體設計分析 ．．．．．．．．．．．．． 230
10．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．． 230
10．1．2 分析頁面的排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 230
10．2 酷炫數(shù)碼風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 230
10．2．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 230
10．2．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 232
10．3 居家風格．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 245
10．3．1 頁面分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 245
10．3．2 步驟詳解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 247
11 多年工作經(jīng)驗總結
11．1 如何減低修改率．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 258
11．1．1 學會問——下手前先溝通清楚 258
11．1．2 學會看——充分參考同行的頁面 258
11．1．3 學會改——做出大家想要的效果 259
11．1．4 學會記——不足之處記于心 ．．．．．．．．．． 259
11．2 如何讓你面試成功．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 260
11．2．1 海選——第一輪面試通過作品判斷260
11．2．2 復試——第二輪面試相互了解 260
11．2．3 實操——觀看你的軟件操作能力 262
11．3 如何提高你的身價．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 263
11．3．1 無任何經(jīng)驗的設計小白 ．．．．．．．．．．．．．．．．．． 263
11．3．2 有設計經(jīng)驗的設計師 ．．．．．．．．．．．．．．．．．．．．．． 263
11．4 分析未來電商設計的就業(yè)趨向 ．．．．．．．．．．．．．． 264