Chapter 01 認識移動電商 001
1.1 了解移動電商 002
1.1.1 什么是移動電商 002
1.1.2 移動電商與傳統(tǒng)電商的區(qū)別 003
1.1.3 移動電商的現(xiàn)狀 004
1.1.4 了解移動電商的4種模式 005
1.1.5 移動電商的應用形式 005
1.2 移動電商的特點 007
1.2.1 全天候 007
1.2.2 個性化 008
1.2.3 精準性 008
1.2.4 安全性 008
1.2.5 定位性 008
1.2.6 便利性 008
1.2.7 辨識性 009
1.2.8 即時性 009
1.3 移動電商與傳統(tǒng)電商比較 009
1.3.1 移動電商對傳統(tǒng)電商的影響 009
1.3.2 傳統(tǒng)電商企業(yè)需要做什么？ 010
1.4 移動電商與傳統(tǒng)電商設計的差異化 010
1.4.1 使用場景的差異 011
1.4.2 交互方式的差異 011
1.4.3 屏幕容量的差異 011
1.4.4 信息組織的差異 012
1.4.5 導航系統(tǒng)的差異 014
1.5 移動端電商視覺設計原則 015
1.5.1 功能性原則 015
1.5.2 可視性原則 016
1.5.3 統(tǒng)一性原則 019
1.6 本章小結 020
Chapter 02 移動端電商圖標 021
2.1 圖標設計風格 022
2.1.1 擬物化圖標 022
2.1.2 扁平化圖標 023
2.1.3 簡約圖標 024
2.1.4 線框圖標 025
2.2 移動端圖標應用類型 025
2.2.1 應用圖標 025
案例分析
實戰(zhàn)案例
2.2.2 功能圖標 039
案例分析 食品電商圖標設計分析 040
實戰(zhàn)案例 設計功能性圖標 041
2.2.3 修飾圖標 047
案例分析 女性購物簡約圖標設計分析 049
實戰(zhàn)案例 設計簡約圖標 050
案例分析 餐飲電商線框圖標設計分析 054
實戰(zhàn)案例 設計線框象形圖標 055
2.3 iOS和Android系統(tǒng)圖標的特點 059
2.3.1 iOS系統(tǒng)圖標的特點 059
2.3.2 iOS系統(tǒng)圖標的尺寸 060
2.3.3 Android系統(tǒng)圖標的特點 060
2.3.4 繪制圖標時需要注意的問題 061
案例分析 男裝電商APP圖標分析 061
實戰(zhàn)案例 設計時尚風格電商APP圖標 062
2.4 電商應用圖標視覺設計要點 069
2.4.1 符合設計規(guī)范性 069
2.4.2 分析定位，突出特點 070
2.4.3 設計完整性 070
2.4.4 統(tǒng)一性 070
2.4.5 連續(xù)性 071
案例分析 電影票電商APP圖標設計分析 072
實戰(zhàn)案例 設計簡約風格電商APP啟動圖標 073
2.5 本章小結 079
Chapter 03 移動端電商基本元素 081
3.1 關于移動端網店設計 082
3.1.1 什么是網店設計 082
3.1.2 移動端網店設計前的準備 082
3.1.3 移動端網店特點 083
3.1.4 提高手機端店鋪轉化率 084
案例分析 咖啡飲品店標設計分析 085
實戰(zhàn)案例 設計男裝店鋪店標 086
3.2 移動端常見的導航表現(xiàn)形式 092
3.2.1 頂部導航 092
3.2.2 底部導航 093
3.2.3 列表式導航 094
3.2.4 平鋪式導航 095
3.2.5 矩陣/網格式導航 095
案例分析 商品分類列表導航設計分析 097
實戰(zhàn)案例 設計矩陣式移動電商導航 098
3.2.6 懸浮icon導航 104
3.2.7 側邊式導航 104
案例分析 彈出式導航設計分析 106
實戰(zhàn)案例 設計移動電商側邊導航 107
3.3 工具欄設計 111
3.3.1 工具欄的重要性 111
3.3.2 工具欄的作用 112
案例分析 餐飲電商工具欄 113
實戰(zhàn)案例 設計電商工具欄 114
3.4 本章小結 120
Chapter 04 移動端電商廣告 121
4.1 移動端電商廣告與PC端電商廣告的不同 122
4.1.1 使用場景 122
4.1.2 地理位置 122
4.1.3 身份識別 122
4.1.4 顯示方式 122
4.2 移動端廣告類型 122
4.2.1 Banner廣告 122
4.2.2 開屏廣告 124
4.2.3 彈窗廣告 125
4.2.4 視頻廣告 125
4.2.5 富媒體廣告 126
案例分析
實戰(zhàn)案例
案例分析 活動促銷彈窗廣告設計分析 134
實戰(zhàn)案例 設計移動電商彈窗廣告 135
4.3 移動電商廣告的設計元素 145
4.3.1 廣告背景 145
4.3.2 產品 146
4.3.3 主題文案 147
4.3.4 裝飾圖形 147
案例分析 兒童節(jié)促銷活動廣告設計分析 148
實戰(zhàn)案例 設計移動電商Banner廣告 149
4.4 移動端電商廣告設計要點 158
4.4.1 走心的文案 158
4.4.2 均衡的構圖 159
4.4.3 合適的字體 161
案例分析 “小米商城”閃屏廣告設計分析 163
實戰(zhàn)案例 設計移動電商閃屏廣告 164
4.5 電商廣告設計技巧 170
4.5.1 排版布局 170
4.5.2 顏色搭配 172
4.5.3 文字處理 174
案例分析 雙12店鋪活動廣告設計分析 177
實戰(zhàn)案例 設計手機端店鋪活動廣告 178
4.6 本章小結 186
Chapter 05 移動端電商APP 187
5.1 什么是電商APP 188
5.2 電商APP設計基本要求 189
5.2.1 以實用為基礎 189
5.2.2 色彩與風格需要統(tǒng)一 189
5.2.3 合理的配色 190
5.2.4 規(guī)范的視覺流程 190
5.2.5 視覺元素規(guī)范 191
案例分析 Dior購物APP設計分析 192
實戰(zhàn)案例 設計奢侈品購物APP 193
5.3 如何設計電商APP 198
5.3.1 清晰的定位 199
5.3.2 交易按鈕非常重要 199
5.3.3 使用戶能快速找到需要的商品 200
5.3.4 提供即時溝通方式 200
5.3.5 電商APP設計流程 201
案例分析 綜合購物商城APP設計分析 202
實戰(zhàn)案例 設計時尚男裝電商APP 203
5.4 電商APP設計原則 214
5.4.1 清晰的視覺效果 214
5.4.2 巧妙地應用關鍵色 215
5.4.3 高效的商品搜索 215
5.4.4 商品收藏和分享 216
5.4.5 個性化的購物體驗 217
5.4.6 流暢的支付流程 217
案例分析 “風尚”購物APP設計分析 218
實戰(zhàn)案例 設計時尚女裝購物APP 219
5.5 電商APP設計注意事項 227
5.5.1 視覺設計規(guī)范 227
5.5.2 APP設計的用戶體驗 228
案例分析 文藝風格電商APP設計分析 229
實戰(zhàn)案例 設計餐飲電商APP 230
5.6 本章小結 239
Chapter 06 移動端電商頁面 241
6.1 了解啟動頁 242
6.1.1 什么是電商啟動頁 242
6.1.2 電商啟動頁的作用是什么 242
6.1.3 電商啟動頁的設計要求 243
案例分析
實戰(zhàn)案例
6.2 電商APP引導頁的類型 255
6.2.1 活動推廣類 256
6.2.2 品牌推廣類 256
6.2.3 特點說明類 257
……
鄂公網安備 42010302001612號 