目錄 第　1章 初識電商設計 1.1　電商設計的基本概述　2 1.1.1　電商設計的基本概念　2 1.1.2　電商設計的主流平臺　2 1.2　電商設計師的基本概述　2 1.2.1　電商設計師的類型劃分　2 1.2.2　電商設計師的工作內容　3 1.2.3　電商設計師的專業(yè)技能　4 1.2.4　電商設計師的常用軟件　4 1.3　電商設計的發(fā)展趨勢　4 1.4　電商設計的項目流程　5 1.5　電商設計的規(guī)范規(guī)則　6 1.5.1　單位　6 1.5.2　頁面結構　7 1.5.3　柵格系統(tǒng)　7 1.5.4　文字規(guī)則　9 1.6　電商設計的設計基礎　11 1.6.1　基礎元素　11 1.6.2　顏色搭配　12 1.6.3　字體表現(xiàn)　12 1.6.4　版式設計　14 第　2章 商品精修與視覺合成 2.1　商品精修　17 2.1.1　商品精修的核心要素　17 2.1.2　商品精修的常用技法　18 2.1.3　理解光影與材質　18 2.1.4　課堂案例——茶葉包裝精修　19 2.2　視覺合成　21 2.2.1　視覺合成的基本類型　22 2.2.2　視覺合成的透視知識　22 2.2.3　視覺合成的光影表現(xiàn)　23 2.2.4　課堂案例——自然植物場景合成　27 2.3　課堂練習——發(fā)膜瓶精修圖　30 2.4　課后習題——室內空間場景合成　30 第3章　營銷推廣圖設計 3.1　主圖設計　32 3.1.1　主圖的基本概念　32 3.1.2　主圖的設計尺寸　32 3.1.3　主圖的設計方法　33 3.1.4　課堂案例——嘉興肉粽主圖設計　33 3.2　直通車圖設計　44 3.2.1　直通車圖的基本概念　45 3.2.2　直通車圖的設計尺寸　46 3.2.3　直通車圖的設計方法　46 3.2.4　課堂案例——洗衣機直通車圖設計　47 3.3　鉆展圖設計　62 3.3.1　鉆展圖的基本概念　62 3.3.2　鉆展圖的設計尺寸　62 3.3.3　鉆展圖的設計方法　63 3.3.4　課堂案例——面膜鉆展圖設計　64 3.4　課堂練習——健康鈣片直通車圖設計　69 3.5　課后習題——生鮮食品鉆展圖設計　70 第4章　PC端海報設計 4.1　PC端海報的基本概述　72 4.1.1　PC端海報的常見類型　72 4.1.2　PC端海報的常見尺寸　72 4.2　PC端海報的版面布局　72 4.2.1　PC端海報的布局類型　73 4.2.2　PC端海報的布局原則　73 4.3　PC端海報的表現(xiàn)形式　74 4.3.1　PC端海報的風格定位　74 4.3.2　PC端海報的表現(xiàn)手法　75 4.3.3　課堂案例——西湖龍井海報設計　75 4.4　課堂練習——空調海報設計　81 4.5　課后習題——沐浴露海報設計　81 第5章　移動端海報設計 5.1　移動端海報的基本概述　83 5.1.1　移動端海報的常見類型　83 5.1.2　移動端海報的常見尺寸　83 5.2　移動端海報的版面布局　84 5.2.1　移動端海報的布局類型　84 5.2.2　移動端海報的布局原則　84 5.3　移動端海報的設計技巧　84 5.3.1　圖形分割　85 5.3.2　簡潔背景　86 5.3.3　課堂案例——女裝移動端海報設計　86 5.4　課堂練習——年貨禮券移動端海報設計　90 5.5　課后習題——牛奶草莓移動端海報設計　91 第6章　商品詳情頁設計 6.1　商品詳情頁的基本概述　93 6.2　商品焦點圖設計　94 6.2.1　商品焦點圖的基本概念　94 6.2.2　商品焦點圖的設計規(guī)則　94 6.2.3　課堂案例——中秋月餅商品焦點圖設計　94 6.3　賣點提煉設計　97 6.3.1　賣點提煉的基本概念　97 6.3.2　賣點提煉的設計規(guī)則　98 6.3.3　課堂案例——中秋月餅賣點提煉設計　98 6.4　商品展示設計　103 6.4.1　商品展示的基本概念　103 6.4.2　商品展示的設計規(guī)則　104 6.4.3　課堂案例——中秋月餅商品展示設計　104 6.5　細節(jié)展示設計　107 6.5.1　細節(jié)展示的基本概念　107 6.5.2　細節(jié)展示的設計規(guī)則　107 6.5.3　課堂案例——中秋月餅細節(jié)展示設計　107 6.6　商品信息設計　112 6.6.1　商品信息的基本概念　112 6.6.2　商品信息的設計規(guī)則　112 6.6.3　課堂案例——中秋月餅商品信息設計　112 6.7　其他模塊設計　115 6.7.1　其他模塊的基本概念　115 6.7.2　其他模塊的設計規(guī)則　116 6.7.3　課堂案例——中秋月餅其他模塊設計及模塊合并　116 6.8　課堂練習——耳機詳情頁設計　119 6.9　課后習題——中式餐具詳情頁設計　120 第7章　PC端店鋪首頁設計 7.1　PC端店鋪首頁的基本概述　122 7.2　店招導航設計　122 7.2.1　店招導航的基本概念　122 7.2.2　店招導航的設計規(guī)則　123 7.2.3　課堂案例——護膚品店招導航設計　123 7.3　輪播海報設計　126 7.3.1　輪播海報的基本概念　126 7.3.2　輪播海報的設計規(guī)則　126 7.3.3　課堂案例——護膚品輪播 海報設計　126 7.4　優(yōu)惠券設計　131 7.4.1　優(yōu)惠券的基本概念　131 7.4.2　優(yōu)惠券的設計規(guī)則　131 7.4.3　課堂案例——護膚品優(yōu)惠券設計　131 7.5　分類導航設計　135 7.5.1　分類導航的基本概念　136 7.5.2　分類導航的設計規(guī)則　136 7.5.3　課堂案例——護膚品分類導航設計　137 7.6　商品展示設計　139 7.6.1　商品展示的基本概念　139 7.6.2　商品展示的設計規(guī)則　140 7.6.3　課堂案例——護膚品商品展示設計　141 7.7　底部信息設計　145 7.7.1　底部信息的基本概念　145 7.7.2　底部信息的設計規(guī)則　145 7.7.3　課堂案例——護膚品底部信息設計及模塊合并　146 7.8　課堂練習——數(shù)碼產品店鋪首頁設計　149 7.9　課后習題——新中式家具店鋪首頁設計　150 第8章　移動端店鋪首頁設計 8.1　移動端店鋪的基本概述　153 8.1.1　移動端店鋪設計的必要性　153 8.1.2　移動端店鋪與PC端店鋪的區(qū)別　153 8.1.3　移動端店鋪的設計關鍵點　155 8.2　移動端店鋪首頁設計　155 8.2.1　輪播海報設計　156 8.2.2　優(yōu)惠券設計　157 8.2.3　分類導航設計　157 8.2.4　商品展示設計　157 8.2.5　底部信息設計　158 8.2.6　課堂案例——移動端護膚品店鋪首頁設計　158 8.3　課堂練習——移動端數(shù)碼產品店鋪首頁設計　175 8.4　課后習題——移動端新中式家具店鋪首頁設計　177 第9章　PC端活動專題頁設計 9.1　PC端活動專題頁的基本類型　179 9.2　PC端活動專題頁的表現(xiàn)形式　180 9.2.1　矩形排列　180 9.2.2　場景展示　180 9.3　PC端活動專題頁的板塊設計　181 9.3.1　PC端活動專題頁的設計尺寸　181 9.3.2　PC端活動專題頁的頁面結構　181 9.3.3　PC端活動專題頁的設計要點　182 9.3.4　課堂案例——品質家電平臺專題頁設計　184 9.4　課堂練習——初春煥新家電平臺專題頁設計　201 9.5　課后習題——年貨堅果店鋪專題頁設計　202 第　10章 移動端活動專題頁設計 10.1　移動端活動專題頁的基本類型　204 10.2　移動端活動專題頁的呈現(xiàn)特點　204 10.2.1　文字可見　204 10.2.2　內容精簡　205 10.2.3　層次分明　205 10.2.4　重點突出　206 10.3　移動端活動專題頁的板塊設計　206 10.3.1　移動端活動專題頁的設計尺寸　206 10.3.2　移動端活動專題頁的頁面結構　207 10.3.3　課堂案例——移動端品質家電平臺專題頁設計　208 10.4　課堂練習——移動端初春煥新家電平臺專題頁設計　225 10.5　課后習題——移動端年貨堅果店鋪專題頁設計　226