《淘寶店鋪頁面設(shè)計與裝修實戰(zhàn)教程》由淺入深的設(shè)計工具書，整本書圍繞淘寶店鋪裝修設(shè)計的要點進行講解，從分析視覺設(shè)計的原理到案例的實操，旨在為電商設(shè)計師、淘寶美工提供實用的店鋪設(shè)計與裝修指導(dǎo)，使之能全面學(xué)習(xí)，少走彎路。
《淘寶店鋪頁面設(shè)計與裝修實戰(zhàn)教程》共11章，第1章介紹了網(wǎng)上開店的基本流程，從前期的準備工作到后期的推廣運營；第2章詳細介紹了網(wǎng)店裝修的常用軟件知識，包括圖片處理軟件Photoshop、矢量圖制作軟件Illustrator、網(wǎng)頁代碼編寫軟件Dreamweaver，讓讀者清楚地了解各軟件的基本知識，打下扎實的軟件基礎(chǔ)操作功底；第3章介紹了網(wǎng)店裝修的主要工作，內(nèi)容圍繞產(chǎn)品拍攝、產(chǎn)品修圖、首頁裝修、產(chǎn)品描述頁設(shè)計、產(chǎn)品主圖設(shè)計等展開，結(jié)合理論與實操進行講解；第4章介紹了高端設(shè)計的主要技能，圍繞文字、排版、背景、色彩、效果處理幾大要點，以案例的方式進行講解；第5~10章分別是不同類目的店鋪裝修操作實例，包含服裝、家居百貨、美妝、母嬰、食品、數(shù)碼家電六大類目，每一個類目包含了不同風(fēng)格的實例；第11章是作者多年工作經(jīng)驗的總結(jié)。
《淘寶店鋪頁面設(shè)計與裝修實戰(zhàn)教程》配套提供學(xué)習(xí)資源，包括素材文件、實例文件和操作演示視頻，讀者可以邊學(xué)邊練習(xí)，提高學(xué)習(xí)效率。
林丹，電商設(shè)計師，負責(zé)過各電商平臺（天貓、淘寶、京東、**等）的店面整體形象設(shè)計，擅長用戶的視覺體驗分析。同時精通手機界面主題設(shè)計/UI設(shè)計、企業(yè)網(wǎng)頁建站前端設(shè)計、平面設(shè)計等。
01 網(wǎng)上開店流程介紹
1．1 前期的準備工作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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 店鋪的運營與推廣．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 010
1．2．1 獲取用戶和流量 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 010
1．2．2 店鋪轉(zhuǎn)化 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 010
1．2．3 店鋪推廣 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 011
1．3 抓準售前售后的新形式．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 012
1．4 經(jīng)驗總結(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的選項卡 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 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的基礎(chǔ)運用 ．．．．．．．．．．．．．．．．．．． 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 將首頁進行切片 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 043
3．4．3 店招設(shè)計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 049
3．4．4 導(dǎo)航欄設(shè)計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 049
3．4．5 客服中心設(shè)計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5 產(chǎn)品描述頁設(shè)計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5．1 什么是產(chǎn)品描述頁 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 050
3．5．2 設(shè)計產(chǎn)品描述頁時要注重哪些方面．．．．．． 050
3．5．3 產(chǎn)品描述頁的要素組成和順序擺放 051
3．5．4 如何設(shè)計產(chǎn)品描述頁 ．．．．．．．．．．．．．．．．．．．．．．．．． 051
3．6 產(chǎn)品主圖設(shè)計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 060
3．6．1 做好產(chǎn)品主圖的要素 ．．．．．．．．．．．．．．．．．．．．．．．．． 061
3．6．2 五張產(chǎn)品圖要怎么體現(xiàn) ．．．．．．．．．．．．．．．．．．．．． 061
3．7 活動圖設(shè)計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 062
3．7．1 店鋪引流的活動圖設(shè)計 ．．．．．．．．．．．．．．．．．．．．． 063
3．7．2 活動入口產(chǎn)品圖設(shè)計 ．．．．．．．．．．．．．．．．．．．．．．．．． 068
3．7．3 活動營銷圖設(shè)計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 073
3．8 直通車圖片設(shè)計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 074
3．9 鉆展圖設(shè)計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 077
04 高級設(shè)計的主要技巧
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 護膚類產(chǎn)品 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 101
05 服裝類店鋪裝修
5．1 女裝類店鋪整體設(shè)計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 104
5．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 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è)計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 125
5．5．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 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è)計分析．．．．．．．．．．．．．．．．．．．． 140
6．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 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è)計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 168
7．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 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è)計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 186
8．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 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è)計分析．．．．．．．．．．．．．．．．．．．．．．．．．． 206
9．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．．．． 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è)計分析 ．．．．．．．．．．．．． 230
10．1．1 分析主要的消費群體 ．．．．．．．．．．．．．．．．．．．．．．． 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)驗總結(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 實操——觀看你的軟件操作能力 262
11．3 如何提高你的身價．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 263
11．3．1 無任何經(jīng)驗的設(shè)計小白 ．．．．．．．．．．．．．．．．．． 263
11．3．2 有設(shè)計經(jīng)驗的設(shè)計師 ．．．．．．．．．．．．．．．．．．．．．． 263
11．4 分析未來電商設(shè)計的就業(yè)趨向 ．．．．．．．．．．．．．． 264
書單推薦
