內容簡介
本書共分9章,全面介紹了移動電商設計中的理論知識以及具體案例的製作方法,書中內容涵蓋了網店開設流程、電商頁面配色、店鋪頁面布局、店鋪推廣、店鋪裝修、旺鋪海報專題設計、電商宣傳視頻製作、店鋪CSS美化等各方面的知識,還涉及了Photoshop、Dreamweaver和會聲會影等軟體的使用方法,讓讀者在掌握店鋪設計的各方面知識的同時,能夠在設計製作上做到活學活用。
圖書目錄
網店開張?第一章 001
網上開店?1.1 002
1.1.1 選擇開店的平台 002
1.1.2 開店的基本流程 002
1.1.3 淘寶網開店的步驟 003
淘寶店鋪的類型?1.2 008
1.2.1 普通店鋪 008
1.2.2 旺鋪創業扶植版 008
1.2.3 旺鋪標準版 009
1.2.4 旺鋪拓展版 010
1.2.5 不同類型店鋪的區別 012
不同類型店鋪的可裝修區域?1.3 012
1.3.1 普通店鋪可供裝修的區域 013
1.3.2 旺鋪創業扶植版可供裝修的區域 015
1.3.3 旺鋪標準版可供裝修的區域 015
1.3.4 旺鋪拓展版可供裝修的區域 016
店鋪各部分裝修的尺寸?1.4 016
進入淘寶店鋪管理平台?1.5 017
1.5.1 通過千牛工作平台(阿里旺旺) 017
1.5.2 通過店鋪登錄 019
賣家中心的組件?1.6 022
1.6.1 左側頁面 023
1.6.2 中部頁面 026
1.6.3 右側頁面 028
店鋪管理?1.7 029
1.7.1 查看我的店鋪 030
1.7.2 店鋪裝修 030
1.7.3 圖片空間 032
1.7.4 商品分類管理 034
1.7.5 店鋪基本設定 034
1.7.6 手機淘寶店鋪 036
1.7.7 域名設定 036
1.7.8 掌柜推薦 036
1.7.9 淘寶貸款 037
1.7.10 子賬號設定 037
1.7.11 特種經營許可證 037
1.7.12 賬房 039
1.7.13 商家保障 039
淘寶店鋪裝修設計?第二章 041
裝修店鋪的左側?2.1 042
2.1.1 選擇淘寶店鋪的布局管理 042
2.1.2 左側模組的說明和設計要求 046
2.1.3 常見的左側欄模組 047
2.1.4 店鋪收藏 050
2.1.5 客服中心 053
網店色彩搭配?第三章 057
色彩在店鋪裝修中的運用?3.1 058
3.1.1 色彩影響購買決策 058
3.1.2 電商配色方法 059
色彩意象對電商的影響?3.2 063
3.2.1 紅色—激情、促銷 064
3.2.2 橙色—快樂、活力 065
3.2.3 綠色—自然、清新 066
3.2.4 紫色—高貴、浪漫 067
3.2.5 藍色—冷靜、理智 068
3.2.6 黃色—希望、快樂 069
3.2.7 其他顏色 070
色彩的溫度對頁面的影響?3.3 072
3.3.1 冷暖色調 072
3.3.2 網店商品和店鋪冷暖色調的運用 075
3.3.3 季節對冷暖配色的影響 076
3.3.4 節日對冷暖配色的影響 078
店鋪色彩搭配的流程?3.4 080
3.4.1 選擇主色—商品決定 080
3.4.2 選擇輔色—配色規律 082
3.4.3 選擇圖片顏色—由行銷
策略決定 084
3.4.4 選擇文字顏色 088
3.4.5 其他內容—完善整體 090
店鋪風格的形成要素?3.5 091
3.5.1 店鋪的主要風格 091
3.5.2 商品的情緒 092
3.5.3 店鋪的包裝色彩 096
3.5.4 巧用VI配色 098
實戰案例—家居用品店鋪?3.6
頁面製作 100
配色工具介紹?3.7 104
3.7.1 Adobe Color 104
3.7.2 ColorKey XP 105
3.7.3 ColorSchemer Studio 105
網店海報專題設計?第四章 107
網店店招的設計?4.1 108
4.1.1 店招的設計說明 108
4.1.2 店招的尺寸、作用及相同點 108
4.1.3 製作店招的注意事項 110
4.1.4 文字類店招的製作 110
4.1.5 圖文並茂動畫店招的製作 114
4.1.6 店招的套用 118
電商海報設計?4.2 120
4.2.1 電商海報的分類 120
4.2.2 電商海報的配色技巧 122
4.2.3 海報設計與行銷風格 123
4.2.4 優秀電商海報案例 127
網店直通車圖片的設計?4.3 131
4.3.1 直通車圖片尺寸要求 131
4.3.2 直通車圖片構圖方式 133
4.3.3 直通車圖片設計分類 137
4.3.4 直通車圖片設計技巧 139
網店鑽石展點陣圖片的設計?4.4 141
4.4.1 鑽石展點陣圖片的主題 141
4.4.2 促銷—新品折扣、清倉促銷 142
4.4.3 鑽石展位廣告投放 145
4.4.4 如何設計富有創意的鑽石
展點陣圖片 147
網店合理布局?第五章 155
電商網站布局元素?5.1 156
5.1.1 店標設計 156
5.1.2 電商網站導航設計原則 158
5.1.3 麵包屑導航設計技巧 166
5.1.4 商品陳列構圖 168
電商頁面構圖設計?5.2 170
5.2.1 了解電商頁面的構圖 171
5.2.2 頁面幾何切割的構圖方式 173
5.2.3 放射與透視的頁面構圖 177
5.2.4 整體和流程的頁面構圖 178
5.2.5 根據圖像輪廓聯想的方式構圖 184
電商頁面布局設計?5.3 186
5.3.1 電商頁面首屏布局設計要點 186
5.3.2 商品列表頁布局設計 188
5.3.3 電商活動頁面設計 192
5.4.4 活動頁面設計技巧 194
店鋪的CSS美化?第六章 207
CSS簡介?6.1 208
6.1.1 什麼是CSS 208
6.1.2 CSS與淘寶店鋪裝修 208
6.1.3 使用Dreamweaver編輯CSS 209
CSS的語法結構?6.2 210
6.2.1 CSS屬性與選擇符 210
6.2.2 選擇符的類型 211
常用CSS代碼的介紹?6.3 214
6.3.1 背景代碼 214
6.3.2 文字代碼 215
6.3.3 表單代碼 216
代碼的修改與引用?6.4 217
6.4.1 特效代碼的獲取 217
6.4.2 代碼的修改和運用 218
使用div+CSS布局?6.5 220
6.5.1 div的結構 220
6.5.2 div的嵌套和固定格式 221
創建與編輯CSS樣式?6.6
裝修店鋪 222
6.6.1 實戰案例—代碼的製作 222
6.6.2 實戰案例—店鋪公告模板
背景圖的代碼製作 225
6.6.3 實戰案例—寶貝推薦模板
代碼的製作 230
網店視頻宣傳的製作?第七章 235
掌握會聲會影X8的基礎操作?7.1 236
7.1.1 了解視頻編輯的流程 236
7.1.2 捕獲與導入視頻素材 236
使用“時間軸”面板?7.2 242
在時間軸視圖之間切換?7.2.1 242
顯示和隱藏軌?7.2.2 242
添加和交換軌?7.2.3 242
使用連續編輯?7.2.4 243
編輯與剪輯視頻素材?7.3 243
7.3.1 添加素材 244
7.3.2 選擇素材 245
7.3.3 移動素材 245
7.3.4 複製素材 245
7.3.5 刪除素材 246
7.3.6 設定素材的回放速度 246
7.3.7 反轉視頻 247
7.3.8 實戰案例—分離音頻和視頻 247
7.3.9 實戰案例—按場景分割視頻檔案 248
7.3.10 精確標記和刪除視頻片段 250
7.3.11 使用時間軸面板剪輯視頻 251
7.3.12 停幀功能 251
7.3.13 保存視頻到素材庫 252
7.3.14 輸出為新視頻檔案 252
7.3.15 調整視頻播放速度 253
添加與編輯字幕效果?7.4 253
7.4.1 實戰案例—添加標題字幕 253
7.4.2 實戰案例—通過模板創建
標題字幕 254
7.4.3 設定標題和字幕區間 255
7.4.4 設定標題特殊效果 255
添加與編輯音頻素材?7.5 256
7.5.1 添加音頻素材庫中的音頻檔案 257
7.5.2 添加計算機中的音頻檔案 257
7.5.3 添加自動音樂 258
7.5.4 調整音頻素材區間 258
7.5.5 實戰案例—調整音頻音量 259
渲染與輸出視頻?7.6 259
7.6.1 設定視頻保存格式 260
7.6.2 渲染共享高清影片 260
7.6.3 輸出影片音頻 261
實戰綜合案例—男表網店?7.7
宣傳視頻 261
網店移動端設計?第八章 267
認識移動電商?8.1 268
8.1.1 移動電商的特點 268
8.1.2 移動電商與傳統電商比較 269
8.1.3 移動電商與傳統電商設計的
差異化 269
移動端電商圖示?8.2 271
8.2.1 圖示設計風格 272
8.2.2 移動端圖示套用類型 274
8.2.3 iOS和Android系統圖示特點 280
8.2.4 電商APP圖示視覺設計要點 287
移動端電商廣告?8.3 289
8.3.1 移動端電商廣告與計算機端
電商廣告的不同 290
8.3.2 移動電商廣告的設計元素 293
8.3.3 移動端電商廣告設計要點 296
8.3.4 均衡的構圖 297
8.3.5 合適的字型 298
8.3.6 電商廣告設計技巧 300
移動端電商APP?8.4 305
8.4.1 什麼是電商APP 305
8.4.2 電商APP設計基本要求 306
8.4.3 如何設計電商APP 308
8.4.4 電商APP設計原則 310
8.4.5 電商APP設計注意事項 321
網店商品推廣設計?第九章 323
了解網店推廣?9.1 324
9.1.1 網店推廣的方法 324
9.1.2 網店推廣技巧 324
9.1.3 網店推廣中的誤區 325
9.1.4 網店推廣在設計上的套用 325
活動促銷推廣?9.2 331
9.2.1 了解促銷推廣 331
9.2.2 網店促銷活動類型 332
9.2.3 促銷圖片的設計方法 339
動畫推廣?9.3 346
9.3.1 了解動畫製作 346
9.3.2 常見動畫效果 348