第 1章 淺談電商設計 10

1.1 電商設計與平面、網頁設計的區別 11

1.1.1 平面設計 11

1.1.2 網頁設計 12

1.1.3 電商設計 13

1.2 電商設計未來的發展趨勢 15

1.2.1 專題單頁化 15

1.2.2 扁平化設計的崛起 17

1.2.3 移動端設計體驗的入侵 20



第 2章 電商設計的基礎知識 24

2.1 什麼是點、線、面 25

2.2 點、線、面的關繫 26

2.3 點、線、面在網頁中的應用 27

2.3.1 點的應用 27

2.3.2 線的應用 27

2.3.3 面的應用 28

2.4 視覺引導與排版設計 29

2.4.1 F形視覺 29

2.4.2 Z形視覺 29

2.4.3 焦點視覺 30

2.4.4 S形視覺 30

2.4.5 斜線視覺 30

2.4.6 版式類型 33

2.5 怎麼選色彩 36

2.5.1 色彩屬性 36

2.5.2 整理色彩 37



第3章 電商設計中的實用技巧 42

3.1 整合項目需求 43

3.1.1 整理需求和找準切入點 43

3.1.2 分析需求 43

3.1.3 了解需求 44

3.1.4 了解目標受眾 45

3.1.5 消化需求 45

3.1.6 跟進需求 46

3.2 豐富頁面內容 47

3.2.1 圖文配合 47

3.2.2 內外統一 47

3.2.3 有情有景 48

3.2.4 有聲有色 48

3.2.5 懸念迭生 49

3.2.6 處處有事 49

3.3 重視首屏視覺 50

3.3.1 首屏到底多高纔合適 50

3.3.2 首屏是影響客戶是否關注的要點 51

3.3.3 首屏設計的重要性 51

3.3.4 如何做好首屏設計 52

3.3.5 首屏設計的基本點 54

3.4 讓字體更多變 55

3.4.1 字體的選擇 55

3.4.2 字體的性格 56

3.4.3 字體的規則 57

3.4.4 字體的設計 57

3.5 留白也是一種藝術 59

3.5.1 什麼是留白 59

3.5.2 留白與簡潔 59

3.5.3 留白的6種方法 59

3.5.4 留白在攝影中的運用 62

3.5.5 留白在電商設計中的運用 63

3.6 不做“差不多先生” 64

3.6.1 文字中的細節 64

3.6.2 文字的對齊細節 65

3.6.3 字體的數量 65

3.6.4 縮放後的圖片細節 66

3.6.5 關於邊距與對齊 66

3.6.6 善用軟件的對齊工具和參考線 67

3.7 做“適合”的設計 67

3.7.1 簡潔的版式 67

3.7.2 簡潔的顏色 68

3.7.3 簡潔的質感設計 70

3.8 9招教你做好專題頁——冰糖葫蘆原則 70

3.8.1 從頭開始 71

3.8.2 讓頁面頭尾呼應 71

3.8.3 慎用多色背景 71

3.8素的統一 72

3.8.5 高度與留白 72

3.8.6 整體性思考 72

3.8.7 注重形式感 72

3.8.8 讓頁面故事化 73

3.8.9 單頁發展新潮流 73

3.9 7招高效工作的方式 73

3.9.1 設計溝通的3個原則 73

3.9.2 巧用圖層整理術 75

3.9.3 工作中要保持的9個習慣 77

3.9.4 找準素材和做好設計 78

3.9.5 4句設計箴言 80



第4章 節日活動類案例分析與 制作 82

4.1 中國傳統風格—&mda旦活動專題頁面 83

4.1.1 設計思路 84

4.1.2 頁面分析 85

4.1.3 繪制過程 86

4.2 溫情動人風格——母親節活動專題頁面93

4.2.1 設計思路 93

4.2.2 頁面分析 94

4.2.3 繪制過程 95

4.3 簡單清新風格——3周年店慶專題頁面 103

4.3.1 設計思路 103

4.3.2 頁面分析 104

4.3.3 繪制過程 105

4.4 誇張奪目風格——淘寶“雙11”專題頁面 111

4.4.1 設計思路 111

4.4.2 頁面分析 112

4.4.3 繪制過程 113

4.5 新穎簡潔風格——聖誕節活動專題頁面 117

4.5.1 設計思路 117

4.5.2 頁面分析 118

4.5.3 繪制過程 119



第5章 扁平插畫類案例分析與制作 124

5.1 卡通戲曲風格——情人節活動專題頁面 125

5.1.1 設計思路 125

5.1.2 頁面分析 126

5.1.3 繪制過程 126

5.2 幾何切面風格——聖誕節活動專題頁面 135

5.2.1 設計思路 135

5.2.2 頁面分析 136

5.2.3 繪制過程 137



第6章 圖像合成類案例分析與制作 144

6.1 水彩水墨風格——煙雨江南專題頁面 145

6.1.1 設計思路 145

6.1.2 頁面分析 146

6.1.3 繪制過程 146

6.2 宏偉大氣風格

——銀泰“雙12” 專題頁面 153

6.2.1 設計思路 153

6.2.2 頁面分析 154

6.2.3 繪制過程 154

6.3 暗黑金屬風格——3周年店慶專題頁面 163

6.3.1 設計思路 163

6.3.2 頁面分析 164

6.3.3 繪制過程 165



第7章 版式設計類案例分析與制作 174

7.1 高貴奢華風格——夏日婚禮專題頁面 175

7.1.1 設計思路 175

7.1.2 頁面分析 176

7.1.3 繪制過程 176

7.2 優雅嫵媚風格——品牌內衣專題頁面 180

7.2.1 設計思路 180

7.2.2 頁面分析 181

7.2.3 繪制過程 181

7.3 沉穩儒雅風格——紳士男裝專題頁面 189

7.3.1 設計思路 189

7.3.2 頁面分析 190

7.3.3 繪制過程 190

7.4 動感炫酷風格——戶外服飾專題頁面 197

7.4.1 設計思路 197

7.4.2 頁面分析 198

7.4.3 繪制過程 198

7.5 時尚簡約風格——名品服飾專題頁面203

7.5.1 設計思路 203

7.5.2 頁面分析 204

7.5.3 繪制過程 204