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