電商設計技巧修煉與實戰應用（簡體書）

本書圍繞電商設計原則、技巧及實例進行了詳細的講解，全書共7章，* 1章對電商設計的定義及電商設計未來的發展趨勢進行了闡述；* 2章介紹了電商設計的基礎知識，對點線面的知識、視覺引導與排版設計、色彩搭配等方面進行了詳細的講解，可以使讀者在學習中明確方向、把握重點；第3章對電商設計中的實用技巧進行了詳細的講解，對整合項目需求、豐富頁面內容、重視首屏視覺等方面進行了闡述，用圖文並茂的方式幫助讀者對相關內容進行系統的學習和鞏固；第4～7章講解了各類專題頁面的設計，向讀者展示各類專題頁面的設計製作方法，爭取使用簡單的方法製作出精彩的實例效果。本書對電商設計的技巧與案例應用進行了系統性的歸納與介紹，邏輯清楚，淺顯易懂。
隨書提供操作實例的素材文件及效果源文件，旨在為電商設計師、電商設計初學者提供實用的設計指導，使之能全面學習，少走彎路。同時，本書也可作為相關培訓機構的參考資料。

吳海龍

自學設計的非科班設計師一枚。
曾任職和服務過百麗集團（優購網）、銀泰集團（銀泰網）、七匹狼、眾耀設計等品 牌企業。
用邊學邊做的實戰方法提升自己，從網頁到電商設計行業，一直在學習的路上。

王冬

畢業於四川美術學院，像素文化傳播有限公司、像素設計學院創始人，高 級講師。
曾任職和服務過銀泰網、小米、澳洲EveryUGG、MASAMASO、iOrder量品定制、秦皇美術館、巷陌科技、北京銀行、首鋼、東軟集團等品 牌企業。
在9年的設計生涯中，從平面設計到網頁設計，再到電商設計和UI設計均有涉獵。
把視覺設計和設計教育相結合，於2017年創立像素文化傳播有限公司和像素設計學院。

第1章 淺談電商設計 13
1.1 電商設計與平面、網頁設計的區別 14
1.1.1 平面設計 14
1.1.2 網頁設計 15
1.1.3 電商設計 16
1.2 電商設計未來的發展趨勢 18
1.2.1 專題單頁化 18
1.2.2 扁平化設計的崛起 20
1.2.3 移動端設計體驗的入侵 23
第2章 電商設計的基礎知識 27
2.1 什麼是點、線、面 28
2.2 點、線、面的關係 29
2.3 點、線、面在網頁中的應用 30
2.3.1 點的應用 30
2.3.2 線的應用 30
2.3.3 面的應用 31
2.4 視覺引導與排版設計 32
2.4.1 F形視覺 32
2.4.2 Z形視覺 32
2.4.3 焦點視覺 33
2.4.4 S形視覺 33
2.4.5 斜線視覺 33
2.4.6 版式類型 36
2.5 怎麼選色彩 39
2.5.1 色彩屬性 39
2.5.2 整理色彩 40
第3章 電商設計中的實用技巧 45
3.1 整合項目需求 46
3.1.1 整理需求和找准切入點 46
3.1.2 分析需求 46
3.1.3 瞭解需求 47
3.1.4 瞭解目標受眾 48
3.1.5 消化需求 48
3.1.6 跟進需求 49
3.2 豐富頁面內容 50
3.2.1 圖文配合 50
3.2.2 內外統一 50
3.2.3 有情有景 51
3.2.4 有聲有色 51
3.2.5 懸念迭生 52
3.2.6 處處有事 52
3.3 重視首屏視覺 53
3.3.1 首屏到底多高才合適 53
3.3.2 首屏是影響客戶是否關注的要點 54
3.3.3 首屏設計的重要性 54
3.3.4 如何做好首屏設計 55
3.3.5 首屏設計的基本點 57
3.4 讓字體更多變 58
3.4.1 字體的選擇 58
3.4.2 字體的性格 59
3.4.3 字體的規則 60
3.4.4 字體的設計 60
3.5 留白也是一種藝術 62
3.5.1 什麼是留白 62
3.5.2 留白與簡潔 62
3.5.3 留白的6種方法 62
3.5.4 留白在攝影中的運用 65
3.5.5 留白在電商設計中的運用 66
3.6 不做“差不多先生” 67
3.6.1 文字中的細節 67
3.6.2 文字的對齊細節 68
3.6.3 字體的數量 68
3.6.4 縮放後的圖片細節 69
3.6.5 關於邊距與對齊 69
3.6.6 善用軟件的對齊工具和參考線 70
3.7 做“適合”的設計 70
3.7.1 簡潔的版式 70
3.7.2 簡潔的顏色 71
3.7.3 簡潔的質感設計 73
3.8 9招教你做好專題頁— —冰糖葫蘆原則 73
3.8.1 從頭開始 74
3.8.2 讓頁面頭尾呼應 74
3.8.3 慎用多色背景 74
3.8.4 元素的統一 75
3.8.5 高度與留白 75
3.8.6 整體性思考 75
3.8.7 注重形式感 75
3.8.8 讓頁面故事化 76
3.8.9 單頁發展新潮流 76
3.9 7招高效工作的方式 76
3.9.1 設計溝通的3個原則 76
3.9.2 巧用圖層整理術 78
3.9.3 工作中要保持的9個習慣 80
3.9.4 找准素材和做好設計 81
3.9.5 4句設計箴言 83
第4章 節日活動類案例分析與製作 73
4.1 中國傳統風格——元旦活動專題頁面 86
4.1.1 設計思路 87
4.1.2 頁面分析 88
4.1.3 繪製過程 89
4.2 溫情動人風格——母親節活動專題頁面 96
4.2.1 設計思路 96
4.2.2 頁面分析 97
4.2.3 繪製過程 98
4.3 簡單清新風格——3周年店慶專題頁面106
4.3.1 設計思路 106
4.3.2 頁面分析 107
4.3.3 繪製過程 108
4.4 誇張奪目風格— —淘寶“雙11”專題頁面73
4.4.1 設計思路 114
4.4.2 頁面分析 115
4.4.3 繪製過程 116
4.5 新穎簡潔風格— —聖誕節活動專題頁面 120
4.5.1 設計思路 120
4.5.2 頁面分析 121
4.5.3 繪製過程 122
第5章 扁平插畫類案例分析與製作 127
5.1 誇張擬人風格——黃金飾品類專題頁面 128
5.1.1 設計思路 128
5.1.2 頁面分析 129
5.1.3 繪製過程 129
5.2 卡通戲曲風格——情 人節活動專題頁面 139
5.2.1 設計思路 139
5.2.2 頁面分析 140
5.2.3 繪製過程 140
5.3 幾何切面風格——聖 誕節活動專題頁面 149
5.3.1 設計思路 149
5.3.2 頁面分析 150
5.3.3 繪製過程 151
第6章 圖像合成類案例分析與製作 159
6.1 水彩水墨風格——* 雨江南專題頁面 160
6.1.1 設計思路 160
6.1.2 頁面分析 161
6.1.3 繪製過程 161
6.2 宏偉大氣風格——銀泰“雙12”專題頁面 168
6.2.1 設計思路 168
6.2.2 頁面分析 169
6.2.3 繪製過程 169
6.3 暗黑金屬風格——3周年店慶專題頁面 178
6.3.1 設計思路 178
6.3.2 頁面分析 179
6.3.3 繪製過程 180
第7章 版式設計類案例分析與製作 189
7.1 高 貴 奢 華風格——夏日婚禮專題頁面 190
7.1.1 設計思路 190
7.1.2 頁面分析 191
7.1.3 繪製過程 191
7.2 優雅嫵媚風格——品 牌內衣專題頁面 195
7.2.1 設計思路 195
7.2.2 頁面分析 196
7.2.3 繪製過程 196
7.3 沉穩儒雅風格——紳士男裝專題頁面 204
7.3.1 設計思路 204
7.3.2 頁面分析 205
7.3.3 繪製過程 205
7.4 動感炫酷風格——戶外服飾專題頁面 212
7.4.1 設計思路 212
7.4.2 頁面分析 213
7.4.3 繪製過程 213
7.5 時尚簡約風格——名品服飾專題頁面 218
7.5.1 設計思路 218
7.5.2 頁面分析 219
7.5.3 繪製過程 219"