相關商品
商品簡介
作者簡介
名人/編輯推薦
目次
商品簡介
這是一本講解電商設計基礎知識與實戰方法的專業教程。本書打破了常規、傳統且脫離實際的單一的軟件講解模式，從學以致用的角度出發，講解了電商設計行業的現狀與前景，以及電商設計師應該具備的基本能力等知識。同時，本書以電商設計時會涉及的軟件操作、配色與版式設計、店鋪裝修、圖片的處理、字體的設計與排版等基本技法為支撐，依次對淘寶店招、導航欄、電商海報、寶貝陳列區、寶貝詳情頁、頁尾圖、店鋪收藏欄、店鋪首頁背景、直通車圖、鑽展圖，以及手機淘寶店鋪的裝修等知識點進行了全方位的分析與講解，化難為易，聚散成整，精選了大量工作中的實戰案例，系統並全面地講解了電商設計師工作中的實戰技能，目的是讓讀者能夠快速地從電商設計小白晉升為專業的電商設計師。
本書附帶學習資源(掃描資源與支持頁或封底二維碼可獲取資源)，內容包括本書案例的源文件、素材文件和在線教學視頻，讀者可以使用這些文件來跟隨書中的內容進行學習與操作。
本書適合淘寶美工初學者、正在從事網店美術設計的電商設計師、電商設計培訓講師、對店鋪裝修感興趣的淘寶網店賣家及設計愛好者學習使用。此外，本書大部分內容採用Adobe Photoshop CS6進行編寫，還用到了Illustrator、Cinema 4D、Dreamweaver、傳奇美工助手，請讀者注意。
本書附帶學習資源(掃描資源與支持頁或封底二維碼可獲取資源)，內容包括本書案例的源文件、素材文件和在線教學視頻，讀者可以使用這些文件來跟隨書中的內容進行學習與操作。
本書適合淘寶美工初學者、正在從事網店美術設計的電商設計師、電商設計培訓講師、對店鋪裝修感興趣的淘寶網店賣家及設計愛好者學習使用。此外，本書大部分內容採用Adobe Photoshop CS6進行編寫，還用到了Illustrator、Cinema 4D、Dreamweaver、傳奇美工助手，請讀者注意。
作者簡介
韓鵬，網名沫沫，來自河北邯鄲，電腦字體“毛遂體”創始人 ；騰訊設計大咖秀特邀大咖講師 ；
韓紹傑，網絡課堂電商設計首席講師 ；2015年自學編程，開發了“店鋪裝修全能助手”為廣大代碼小白用戶提供便利，使其輕輕鬆松實現代碼特效，廣受好評！ 柴豔傑，韓紹傑教育電商設計金牌講師，五年電商設計經驗，兩年網絡教學經驗，擅長商業視覺營銷、電商設計用戶心理學等。
韓紹傑，網絡課堂電商設計首席講師 ；2015年自學編程，開發了“店鋪裝修全能助手”為廣大代碼小白用戶提供便利，使其輕輕鬆松實現代碼特效，廣受好評！ 柴豔傑，韓紹傑教育電商設計金牌講師，五年電商設計經驗，兩年網絡教學經驗，擅長商業視覺營銷、電商設計用戶心理學等。
名人/編輯推薦
1.知識系統、全面，包括服飾、美妝、食品、數碼家電、家居百貨等類目電商設計案例剖析。
2.以ps為主的4種軟件的操作講解、8 種基本技巧的講解、10個模塊的設計方法講解、3 個拓展知識的講解.
3.贈送書中所有案例的所有案例源文件、素材文件+508分鐘在線教學視頻。
一本適合電商設計初學者、正在從事網店美術設計的電商設計師、電商設計培訓講師、對店鋪裝修感興趣的淘寶網店賣家及設計愛好者的指導書。
2.以ps為主的4種軟件的操作講解、8 種基本技巧的講解、10個模塊的設計方法講解、3 個拓展知識的講解.
3.贈送書中所有案例的所有案例源文件、素材文件+508分鐘在線教學視頻。
一本適合電商設計初學者、正在從事網店美術設計的電商設計師、電商設計培訓講師、對店鋪裝修感興趣的淘寶網店賣家及設計愛好者的指導書。
目次
第1章 電商設計的基礎知識021
1.1 電商設計概述022
1.1.1 什麼是電商設計022
1.1.2 電商設計的基本內容022
1.1.3 電商設計師的就業前景022
1.2 電商設計師需要具備的基本能力023
1.2.1 熟練使用設計軟件023
1.2.2 合理運用設計理念023
1.2.3 學會視覺營銷023
1.2.4 掌握與團隊溝通協作的能力023
1.3 電商設計的四大法則024
1.3.1 合理的店鋪定位024
1.3.2 耐看的版式026
1.3.3 和諧的顏色搭配029
1.3.4 舒服的字體搭配033
1.4 關於店鋪裝修的一些基礎知識033
1.4.1 電商網頁的結構與佈局033
1.4.2 電商網頁的尺寸034
1.4.3 淘寶旺鋪034
1.4.4 圖片空間的使用036
1.4.5 店鋪裝修的基礎流程037
1.4.6 圖片的切割、優化與存儲040
第2章 如何處理淘寶圖片043
2.1 圖片的基本處理方法044
2.1.1 調整圖像的大小044
2.1.2 裁剪圖片044
2.1.3 更改圖片格式045
2.2 摳圖045
2.2.1 使用“魔棒工具”摳圖045
2.2.2 使用“鋼筆工具”摳圖046
2.2.3 使用“調整邊緣”摳圖046
2.2.4 使用“通道”摳圖047
2.3 調色047
2.3.1 使用“色相/飽和度”調色047
2.3.2 使用“色彩平衡”調色048
2.3.3 使用“可選顏色”調色048
2.4 其他常見問題的解決方法048
2.4.1 對比度不夠怎麼辦049
2.4.2 如何虛化背景，突出主體049
2.4.3 如何使用“仿製圖章工具”修除瑕疵049
2.4.4 如何使用“修補工具”去除人物眼袋050
2.4.5 巧用“濾鏡”，讓人物皮膚變得光滑050
2.4.6 巧用“蒙版”與“曲線”，讓人物皮膚變白051
2.4.7 巧用“液化”，對人物進行瘦身051
2.4.8 如何進行圖片的合成處理052
2.4.9 如何添加和去除水印053
2.5 電商產品圖精修綜合實戰054
實戰：不銹鋼水壺圖片精修案例詳解054
實戰：洗面奶圖片精修案例詳解058
實戰：人像精修案例詳解059
第3章 常用電商字體的製作方法061
3.1 字體的下載與安裝062
3.2 字體設計的三大炫酷技法063
3.2.1 矩形造字063
3.2.2 鋼筆造字064
3.2.3 字庫改字065
3.3 常用電商字體的製作與解析066
3.3.1 折紙字體066
3.3.2 粉筆字體067
3.3.3 毛筆字體068
3.4 3D立體字的製作方法069
3.4.1 3D選項欄069
3.4.2 3D工具069
3.4.3 3D面板069
3.4.4 屬性面板069
實戰：“雙十一大促”3D立體字製作案例解析070
第4章 電商LOGO的製作方法071
4.1 常見類型的電商LOGO分析 072
4.1.1 字母型072
4.1.2 文字型072
4.1.3 吉祥物型072
4.1.4 組合型072
4.2 電商LOGO的製作要點說明 073
4.2.1 具備代表性073
4.2.2 具備企業特徵073
4.2.3 具備易傳播性073
4.2.4 具備整體性073
4.3 電商LOGO的製作 073
實戰：製作億擺品牌的LOGO073
實戰：製作厚德品牌的LOGO075
第5章 電商GIF動圖的製作方法077
5.1 電商GIF動圖的使用類型078
5.1.1 導航欄動態圖078
5.1.2 頁面動態圖078
5.2 電商GIF動圖的製作078
實戰：製作360°寶貝展示動圖078
實戰：製作下雪動態圖080
實戰：製作圓球動態圖082
第6章 電商醒目標識的製作方法083
6.1 電商醒目標識的類型084
6.2 電商醒目標識的製作084
實戰：製作對話框標識084
實戰：製作邊角標識085
實戰：製作箭頭標識086
實戰：製作爆炸多邊形標識087
第7章 投影效果的製作方法089
7.1 投影效果製作的要點090
7.2 常見的投影效果的製作與解析090
7.2.1 按效果分類090
實戰：製作模糊投影090
實戰：製作漸變投影091
實戰：製作扁平化長投影 091
7.2.2 按形態分類092
實戰：製作正方體投影092
實戰：製作圓柱體投影093
實戰：製作長方體投影094
第8章 時間軸的認識與應用095
8.1 時間軸的概念096
8.2 時間軸的設置與應用096
8.2.1 主圖視頻096
8.2.2 詳情頁動態圖096
實戰：時間軸的設置與應用案例解析096
實戰：時間軸在動態店招製作中的運用098
第9章 Cinema 4D在電商設計中的應用
技巧101
9.1 Cinema 4D軟件在電商設計中的應用範疇102
9.1.1 製作金屬文字102
9.1.2 製作可愛氣球字102
9.1.3 製作霓虹燈文字102
9.1.4 擬人化建模103
9.1.5 製作低多邊形場景103
9.1.6 製作城市建築場景103
9.1.7 商業產品建模 104
9.2 Cinema 4D在電商設計中的應用實操詳解104
實戰：約惠春天――簡單場景的搭建104
實戰：年終狂歡盛典――霓虹燈文字海報設計113
第10章 店招的設計與安放119
10.1 店招設計的規範與注意事項120
10.2 店招的風格類型有哪些120
10.2.1 品牌型120
10.2.2 活動促銷型121
10.2.3 產品推廣型121
實戰：全屏店招的製作與安放121
拓展練習：製作一個服裝店鋪的店招128
第11章 導航欄設計129
11.1 導航欄常見類型 130
11.1.1 按顯示方式劃分130
11.1.2 按位置劃分130
11.2 導航欄的寶貝分類與管理設置 130
實戰：製作護膚品店鋪的頁頭導航欄131
實戰：製作裝飾燈店鋪的頁尾導航欄132
實戰：通過CSS代碼修改導航欄133
拓展練習：製作一個服裝店鋪頁頭導航欄134
第12章 海報設計135
12.1 電商海報的意義 136
12.1.1 傳達產品信息136
12.1.2 增強畫面藝術表現力136
12.1.3 增加畫面趣味136
12.2 電商海報的常用版式 136
12.2.1 左文右圖/左圖右文136
12.2.2 左右產品，中間文案136
12.2.3 居中構圖137
12.2.4 三角構圖137
12.2.5 S/Z形構圖137
12.3 電商海報的設計要點 137
12.3.1 主題突出137
12.3.2 風格明確137
12.3.3 構圖合理137
12.3.4 細節完善138
實戰：簡約海報的製作與安放 138
拓展練習：製作一張服裝店鋪的海報142
第13章 寶貝陳列區設計143
13.1 寶貝陳列區設計的要點 144
13.1.1 直截了當144
13.1.2 重點突出144
13.1.3 整體統一144
13.2 “寶貝推薦”模塊的設置方法144
實戰：製作茶葉自定義陳列區頁面146
拓展練習：製作一個零食自定義陳列區頁面148
第14章 詳情頁設計149
14.1 詳情頁的設計要點與規範150
14.1.1 設計要點150
14.1.2 佈局的基本規範150
14.1.3 尺寸規範151
14.2 設計詳情頁時常見的問題 151
14.2.1 無休止的文字151
14.2.2 過多的優惠信息151
14.2.3 牛皮癬圖的濫用152
14.3 詳情頁的製作流程分析 152
14.3.1 設定頁面風格152
14.3.2 收集素材152
14.3.3 確立佈局框架152
14.3.4 確定配色方案153
14.3.5 選擇字體153
14.3.6 對文字和圖片進行排版154
14.3.7 確認定稿154
14.3.8 切片存儲154
14.3.9 完成上傳155
實戰：製作女裝的詳情頁155
拓展練習：製作一個男裝詳情頁166
第15章 頁尾設計167
15.1 頁尾的分類168
15.1.1 返回頂部型168
15.1.2 文字說明型168
15.1.3 分類導航型168
15.2 頁尾設計的注意事項169
15.2.1 設計要簡約169
15.2.2 使用圖案元素169
15.2.3 設計風格要統一169
15.2.4 字號要小170
15.2.5 包含的信息要全170
15.3 頁尾的設計與製作 170
實戰：製作返回頂部型頁尾170
實戰：製作旺旺客服頁尾 171
實戰：製作分類導航型促銷頁尾173
拓展練習：製作一個文字說明型頁尾174
第16章 店鋪收藏欄設計175
16.1 店鋪收藏欄的設計要點176
16.1.1 好看的圖標176
16.1.2 必要的提示文字176
16.2 店鋪收藏欄的設計與製作176
實戰：製作服裝店鋪收藏欄176
實戰：製作促銷型收藏欄 177
實戰：製作動態型收藏欄 178
拓展練習：製作一個化妝品店鋪收藏欄180
第17章 首頁背景設計181
17.1 首頁背景的分類182
17.1.1 固定型182
17.1.2 固定懸浮型182
17.1.3 交替型182
17.1.4 滾動型182
17.2 首頁背景的製作方法 182
實戰：製作固定型首頁背景182
實戰：製作固定懸浮型首頁背景183
實戰：製作交替型首頁背景184
實戰：製作滾動型首頁背景185
拓展練習：製作一個固定懸浮型首頁背景186
第18章 直通車圖的設計187
18.1 直通車的分類 188
18.1.1 店鋪直通車188
18.1.2 產品直通車188
18.2 直通車圖設計的基本流程 189
18.2.1 根據產品標題和賣點提煉文案189
18.2.2 選產品圖和確定主色調189
18.2.3 使文案與產品圖相互配合190
18.3 常見的直通車圖的構圖方式 190
18.3.1 左右構圖190
18.3.2 上下構圖191
18.3.3 對角線構圖191
實戰：製作剃鬚刀直通車圖192
實戰：製作淨水機直通車圖194
實戰：製作空氣炸鍋直通車圖196
拓展練習：製作一個剃鬚刀直通車圖198
第19章 鑽展圖設計199
19.1 鑽展圖的分類200
19.1.1 單品推廣200
19.1.2 活動店鋪推廣200
19.1.3 品牌推廣200
19.2 鑽展圖的製作200
實戰：製作家用榨汁機鑽展圖200
實戰：製作食品店鋪的鑽展圖202
拓展練習：製作一個食品店鋪鑽展圖204
第20章 電商設計綜合實戰案例詳解205
20.1 案例概述206
20.1.1 確定店鋪風格206
20.1.2 確定模塊數量，搭建框架206
20.1.3 確定尺寸206
20.2 店招/導航欄設計206
20.2.1 設計前的構思207
20.2.2 操作步驟207
20.3 全屏海報設計209
20.3.1 設計前的構思209
20.3.2 操作步驟210
20.4 寶貝列表設計213
20.4.1 設計前的構思214
20.4.2 操作步驟214
20.5 詳情頁設計217
20.5.1 首焦海報設計217
20.5.2 產品基本信息欄設計219
20.5.3 產品細節展示欄設計222
20.5.4 售後說明欄設計223
20.6 頁尾設計225
20.6.1 設計前的構思225
20.6.2 操作步驟225
20.7 優惠券設計225
20.7.1 設計前的構思226
20.7.2 操作步驟226
20.8 客服中心欄設計226
20.8.1 設計前的構思226
20.8.2 操作步驟227
20.9 直通車圖設計228
20.9.1 設計前的構思228
20.9.2 操作步驟228
20.10 鑽展圖設計229
20.10.1 設計前的構思230
20.10.2 操作步驟230
拓展練習：堅果零食店鋪的首頁設計230
第21章 移動端店鋪的裝修技巧與方法231
21.1 移動端店鋪裝修的常用模塊詳解232
21.1.1 店招模塊232
21.1.2 智能寶貝模塊232
21.1.3 美顏切圖模塊232
21.1.4 圖片模塊233
21.1.5 焦點圖模塊233
21.1.6 自定義模塊233
21.2 移動端店鋪的裝修流程234
21.2.1 登錄淘寶網234
21.2.2 進入裝修頁面234
21.2.3 裝修首焦海報頁面 234
21.2.4 裝修優惠券頁面235
21.2.5 裝修寶貝展示頁面235
實戰：移動端化妝品店鋪裝修案例詳解236
拓展練習：裝修移動端堅果零食店鋪的首頁238
第22章 代碼的知識與製作方法239
22.1 認識Dreamweaver240
22.1.1 菜單欄240
22.1.2 插入欄240
22.1.3 文檔工具欄240
22.1.4 文檔窗口241
22.1.5 屬性欄241
22.2 Dreamweaver常用功能解析241
22.2.1 HTML標簽的使用241
22.2.2 Div的佈局243
實戰：製作彈出層代碼244
實戰：製作手風琴代碼246
實戰：製作倒計時代碼248
實戰：製作旋轉木馬代碼251
拓展練習：製作一個倒計時效果的海報252
1.1 電商設計概述022
1.1.1 什麼是電商設計022
1.1.2 電商設計的基本內容022
1.1.3 電商設計師的就業前景022
1.2 電商設計師需要具備的基本能力023
1.2.1 熟練使用設計軟件023
1.2.2 合理運用設計理念023
1.2.3 學會視覺營銷023
1.2.4 掌握與團隊溝通協作的能力023
1.3 電商設計的四大法則024
1.3.1 合理的店鋪定位024
1.3.2 耐看的版式026
1.3.3 和諧的顏色搭配029
1.3.4 舒服的字體搭配033
1.4 關於店鋪裝修的一些基礎知識033
1.4.1 電商網頁的結構與佈局033
1.4.2 電商網頁的尺寸034
1.4.3 淘寶旺鋪034
1.4.4 圖片空間的使用036
1.4.5 店鋪裝修的基礎流程037
1.4.6 圖片的切割、優化與存儲040
第2章 如何處理淘寶圖片043
2.1 圖片的基本處理方法044
2.1.1 調整圖像的大小044
2.1.2 裁剪圖片044
2.1.3 更改圖片格式045
2.2 摳圖045
2.2.1 使用“魔棒工具”摳圖045
2.2.2 使用“鋼筆工具”摳圖046
2.2.3 使用“調整邊緣”摳圖046
2.2.4 使用“通道”摳圖047
2.3 調色047
2.3.1 使用“色相/飽和度”調色047
2.3.2 使用“色彩平衡”調色048
2.3.3 使用“可選顏色”調色048
2.4 其他常見問題的解決方法048
2.4.1 對比度不夠怎麼辦049
2.4.2 如何虛化背景，突出主體049
2.4.3 如何使用“仿製圖章工具”修除瑕疵049
2.4.4 如何使用“修補工具”去除人物眼袋050
2.4.5 巧用“濾鏡”，讓人物皮膚變得光滑050
2.4.6 巧用“蒙版”與“曲線”，讓人物皮膚變白051
2.4.7 巧用“液化”，對人物進行瘦身051
2.4.8 如何進行圖片的合成處理052
2.4.9 如何添加和去除水印053
2.5 電商產品圖精修綜合實戰054
實戰：不銹鋼水壺圖片精修案例詳解054
實戰：洗面奶圖片精修案例詳解058
實戰：人像精修案例詳解059
第3章 常用電商字體的製作方法061
3.1 字體的下載與安裝062
3.2 字體設計的三大炫酷技法063
3.2.1 矩形造字063
3.2.2 鋼筆造字064
3.2.3 字庫改字065
3.3 常用電商字體的製作與解析066
3.3.1 折紙字體066
3.3.2 粉筆字體067
3.3.3 毛筆字體068
3.4 3D立體字的製作方法069
3.4.1 3D選項欄069
3.4.2 3D工具069
3.4.3 3D面板069
3.4.4 屬性面板069
實戰：“雙十一大促”3D立體字製作案例解析070
第4章 電商LOGO的製作方法071
4.1 常見類型的電商LOGO分析 072
4.1.1 字母型072
4.1.2 文字型072
4.1.3 吉祥物型072
4.1.4 組合型072
4.2 電商LOGO的製作要點說明 073
4.2.1 具備代表性073
4.2.2 具備企業特徵073
4.2.3 具備易傳播性073
4.2.4 具備整體性073
4.3 電商LOGO的製作 073
實戰：製作億擺品牌的LOGO073
實戰：製作厚德品牌的LOGO075
第5章 電商GIF動圖的製作方法077
5.1 電商GIF動圖的使用類型078
5.1.1 導航欄動態圖078
5.1.2 頁面動態圖078
5.2 電商GIF動圖的製作078
實戰：製作360°寶貝展示動圖078
實戰：製作下雪動態圖080
實戰：製作圓球動態圖082
第6章 電商醒目標識的製作方法083
6.1 電商醒目標識的類型084
6.2 電商醒目標識的製作084
實戰：製作對話框標識084
實戰：製作邊角標識085
實戰：製作箭頭標識086
實戰：製作爆炸多邊形標識087
第7章 投影效果的製作方法089
7.1 投影效果製作的要點090
7.2 常見的投影效果的製作與解析090
7.2.1 按效果分類090
實戰：製作模糊投影090
實戰：製作漸變投影091
實戰：製作扁平化長投影 091
7.2.2 按形態分類092
實戰：製作正方體投影092
實戰：製作圓柱體投影093
實戰：製作長方體投影094
第8章 時間軸的認識與應用095
8.1 時間軸的概念096
8.2 時間軸的設置與應用096
8.2.1 主圖視頻096
8.2.2 詳情頁動態圖096
實戰：時間軸的設置與應用案例解析096
實戰：時間軸在動態店招製作中的運用098
第9章 Cinema 4D在電商設計中的應用
技巧101
9.1 Cinema 4D軟件在電商設計中的應用範疇102
9.1.1 製作金屬文字102
9.1.2 製作可愛氣球字102
9.1.3 製作霓虹燈文字102
9.1.4 擬人化建模103
9.1.5 製作低多邊形場景103
9.1.6 製作城市建築場景103
9.1.7 商業產品建模 104
9.2 Cinema 4D在電商設計中的應用實操詳解104
實戰：約惠春天――簡單場景的搭建104
實戰：年終狂歡盛典――霓虹燈文字海報設計113
第10章 店招的設計與安放119
10.1 店招設計的規範與注意事項120
10.2 店招的風格類型有哪些120
10.2.1 品牌型120
10.2.2 活動促銷型121
10.2.3 產品推廣型121
實戰：全屏店招的製作與安放121
拓展練習：製作一個服裝店鋪的店招128
第11章 導航欄設計129
11.1 導航欄常見類型 130
11.1.1 按顯示方式劃分130
11.1.2 按位置劃分130
11.2 導航欄的寶貝分類與管理設置 130
實戰：製作護膚品店鋪的頁頭導航欄131
實戰：製作裝飾燈店鋪的頁尾導航欄132
實戰：通過CSS代碼修改導航欄133
拓展練習：製作一個服裝店鋪頁頭導航欄134
第12章 海報設計135
12.1 電商海報的意義 136
12.1.1 傳達產品信息136
12.1.2 增強畫面藝術表現力136
12.1.3 增加畫面趣味136
12.2 電商海報的常用版式 136
12.2.1 左文右圖/左圖右文136
12.2.2 左右產品，中間文案136
12.2.3 居中構圖137
12.2.4 三角構圖137
12.2.5 S/Z形構圖137
12.3 電商海報的設計要點 137
12.3.1 主題突出137
12.3.2 風格明確137
12.3.3 構圖合理137
12.3.4 細節完善138
實戰：簡約海報的製作與安放 138
拓展練習：製作一張服裝店鋪的海報142
第13章 寶貝陳列區設計143
13.1 寶貝陳列區設計的要點 144
13.1.1 直截了當144
13.1.2 重點突出144
13.1.3 整體統一144
13.2 “寶貝推薦”模塊的設置方法144
實戰：製作茶葉自定義陳列區頁面146
拓展練習：製作一個零食自定義陳列區頁面148
第14章 詳情頁設計149
14.1 詳情頁的設計要點與規範150
14.1.1 設計要點150
14.1.2 佈局的基本規範150
14.1.3 尺寸規範151
14.2 設計詳情頁時常見的問題 151
14.2.1 無休止的文字151
14.2.2 過多的優惠信息151
14.2.3 牛皮癬圖的濫用152
14.3 詳情頁的製作流程分析 152
14.3.1 設定頁面風格152
14.3.2 收集素材152
14.3.3 確立佈局框架152
14.3.4 確定配色方案153
14.3.5 選擇字體153
14.3.6 對文字和圖片進行排版154
14.3.7 確認定稿154
14.3.8 切片存儲154
14.3.9 完成上傳155
實戰：製作女裝的詳情頁155
拓展練習：製作一個男裝詳情頁166
第15章 頁尾設計167
15.1 頁尾的分類168
15.1.1 返回頂部型168
15.1.2 文字說明型168
15.1.3 分類導航型168
15.2 頁尾設計的注意事項169
15.2.1 設計要簡約169
15.2.2 使用圖案元素169
15.2.3 設計風格要統一169
15.2.4 字號要小170
15.2.5 包含的信息要全170
15.3 頁尾的設計與製作 170
實戰：製作返回頂部型頁尾170
實戰：製作旺旺客服頁尾 171
實戰：製作分類導航型促銷頁尾173
拓展練習：製作一個文字說明型頁尾174
第16章 店鋪收藏欄設計175
16.1 店鋪收藏欄的設計要點176
16.1.1 好看的圖標176
16.1.2 必要的提示文字176
16.2 店鋪收藏欄的設計與製作176
實戰：製作服裝店鋪收藏欄176
實戰：製作促銷型收藏欄 177
實戰：製作動態型收藏欄 178
拓展練習：製作一個化妝品店鋪收藏欄180
第17章 首頁背景設計181
17.1 首頁背景的分類182
17.1.1 固定型182
17.1.2 固定懸浮型182
17.1.3 交替型182
17.1.4 滾動型182
17.2 首頁背景的製作方法 182
實戰：製作固定型首頁背景182
實戰：製作固定懸浮型首頁背景183
實戰：製作交替型首頁背景184
實戰：製作滾動型首頁背景185
拓展練習：製作一個固定懸浮型首頁背景186
第18章 直通車圖的設計187
18.1 直通車的分類 188
18.1.1 店鋪直通車188
18.1.2 產品直通車188
18.2 直通車圖設計的基本流程 189
18.2.1 根據產品標題和賣點提煉文案189
18.2.2 選產品圖和確定主色調189
18.2.3 使文案與產品圖相互配合190
18.3 常見的直通車圖的構圖方式 190
18.3.1 左右構圖190
18.3.2 上下構圖191
18.3.3 對角線構圖191
實戰：製作剃鬚刀直通車圖192
實戰：製作淨水機直通車圖194
實戰：製作空氣炸鍋直通車圖196
拓展練習：製作一個剃鬚刀直通車圖198
第19章 鑽展圖設計199
19.1 鑽展圖的分類200
19.1.1 單品推廣200
19.1.2 活動店鋪推廣200
19.1.3 品牌推廣200
19.2 鑽展圖的製作200
實戰：製作家用榨汁機鑽展圖200
實戰：製作食品店鋪的鑽展圖202
拓展練習：製作一個食品店鋪鑽展圖204
第20章 電商設計綜合實戰案例詳解205
20.1 案例概述206
20.1.1 確定店鋪風格206
20.1.2 確定模塊數量，搭建框架206
20.1.3 確定尺寸206
20.2 店招/導航欄設計206
20.2.1 設計前的構思207
20.2.2 操作步驟207
20.3 全屏海報設計209
20.3.1 設計前的構思209
20.3.2 操作步驟210
20.4 寶貝列表設計213
20.4.1 設計前的構思214
20.4.2 操作步驟214
20.5 詳情頁設計217
20.5.1 首焦海報設計217
20.5.2 產品基本信息欄設計219
20.5.3 產品細節展示欄設計222
20.5.4 售後說明欄設計223
20.6 頁尾設計225
20.6.1 設計前的構思225
20.6.2 操作步驟225
20.7 優惠券設計225
20.7.1 設計前的構思226
20.7.2 操作步驟226
20.8 客服中心欄設計226
20.8.1 設計前的構思226
20.8.2 操作步驟227
20.9 直通車圖設計228
20.9.1 設計前的構思228
20.9.2 操作步驟228
20.10 鑽展圖設計229
20.10.1 設計前的構思230
20.10.2 操作步驟230
拓展練習：堅果零食店鋪的首頁設計230
第21章 移動端店鋪的裝修技巧與方法231
21.1 移動端店鋪裝修的常用模塊詳解232
21.1.1 店招模塊232
21.1.2 智能寶貝模塊232
21.1.3 美顏切圖模塊232
21.1.4 圖片模塊233
21.1.5 焦點圖模塊233
21.1.6 自定義模塊233
21.2 移動端店鋪的裝修流程234
21.2.1 登錄淘寶網234
21.2.2 進入裝修頁面234
21.2.3 裝修首焦海報頁面 234
21.2.4 裝修優惠券頁面235
21.2.5 裝修寶貝展示頁面235
實戰：移動端化妝品店鋪裝修案例詳解236
拓展練習：裝修移動端堅果零食店鋪的首頁238
第22章 代碼的知識與製作方法239
22.1 認識Dreamweaver240
22.1.1 菜單欄240
22.1.2 插入欄240
22.1.3 文檔工具欄240
22.1.4 文檔窗口241
22.1.5 屬性欄241
22.2 Dreamweaver常用功能解析241
22.2.1 HTML標簽的使用241
22.2.2 Div的佈局243
實戰：製作彈出層代碼244
實戰：製作手風琴代碼246
實戰：製作倒計時代碼248
實戰：製作旋轉木馬代碼251
拓展練習：製作一個倒計時效果的海報252
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。