Chapter01 認識移動電商001
1.1了解移動電商002
1.1.1什麼是移動電商002
1.1.2移動電商與傳統電商的區別003
1.1.3移動電商的現狀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移動電商與傳統電商比較009
1.3.1移動電商對傳統電商的影響009
1.3.2傳統電商企業需要做什麼？010
1.4移動電商與傳統電商設計的差異化010
1.4.1使用場景的差異011
1.4.2交互方式的差異011
1.4.3屏幕容量的差異011
1.4.4信息組織的差異012
1.4.5導航系統的差異014
1.5移動端電商視覺設計原則015
1.5.1功能性原則015
1.5.2可視性原則016
1.5.3統一性原則019
1.6本章小結020
Chapter02 移動端電商圖標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
案例分析
實戰案例
2.2.2功能圖標039
案例分析食品電商圖標設計分析040
實戰案例設計功能性圖標041
2.2.3修飾圖標047
案例分析女性購物簡約圖標設計分析049
實戰案例設計簡約圖標050
案例分析餐飲電商線框圖標設計分析054
實戰案例設計線框象形圖標055
2.3iOS和Android系統圖標的特點059
2.3.1iOS系統圖標的特點059
2.3.2iOS系統圖標的尺寸060
2.3.3Android系統圖標的特點060
2.3.4繪制圖標時需要注意的問題061
案例分析男裝電商APP圖標分析061
實戰案例設計時尚風格電商APP圖標062
2.4電商應用圖標視覺設計要點069
2.4.1符合設計規范性069
2.4.2分析定位，突出特點070
2.4.3設計完整性070
2.4.4統一性070
2.4.5連續性071
案例分析電影票電商APP圖標設計分析072
實戰案例設計簡約風格電商APP啟動圖標073
2.5本章小結079
Chapter03 移動端電商基本元素081
3.1關於移動端網店設計082
3.1.1什麼是網店設計082
3.1.2移動端網店設計前的准備082
3.1.3移動端網店特點083
3.1.4提高手機端店鋪轉化率084
案例分析咖啡飲品店標設計分析085
實戰案例設計男裝店鋪店標086
3.2移動端常見的導航表現形式092
3.2.1頂部導航092
3.2.2底部導航093
3.2.3列表式導航094
3.2.4平鋪式導航095
3.2.5矩陣／網格式導航095
案例分析商品分類列表導航設計分析097
實戰案例設計矩陣式移動電商導航098
3.2.6懸浮icon導航104
3.2.7側邊式導航104
案例分析彈出式導航設計分析106
實戰案例設計移動電商側邊導航107
3.3工具欄設計111
3.3.1工具欄的重要性111
3.3.2工具欄的作用112
案例分析餐飲電商工具欄113
實戰案例設計電商工具欄114
3.4本章小結120
Chapter04 移動端電商廣告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.1Banner廣告122
4.2.2開屏廣告124
4.2.3彈窗廣告125
4.2.4視頻廣告125
4.2.5富媒體廣告126
案例分析
實戰案例
案例分析活動促銷彈窗廣告設計分析134
實戰案例設計移動電商彈窗廣告135
4.3移動電商廣告的設計元素145
4.3.1廣告背景145
4.3.2產品146
4.3.3主題文案147
4.3.4裝飾圖形147
案例分析兒童節促銷活動廣告設計分析148
實戰案例設計移動電商Banner廣告149
4.4移動端電商廣告設計要點158
4.4.1走心的文案158
4.4.2均衡的構圖159
4.4.3合適的字體161
案例分析「小米商城」閃屏廣告設計分析163
實戰案例設計移動電商閃屏廣告164
4.5電商廣告設計技巧170
4.5.1排版布局170
4.5.2顏色搭配172
4.5.3文字處理174
案例分析雙12店鋪活動廣告設計分析177
實戰案例設計手機端店鋪活動廣告178
4.6本章小結186
Chapter05 移動端電商APP187
5.1什麼是電商APP188
5.2電商APP設計基本要求189
5.2.1以實用為基礎189
5.2.2色彩與風格需要統一189
5.2.3合理的配色190
5.2.4規范的視覺流程190
5.2.5視覺元素規范191
案例分析Dior購物APP設計分析192
實戰案例設計奢侈品購物APP193
5.3如何設計電商APP198
5.3.1清晰的定位199
5.3.2交易按鈕非常重要199
5.3.3使用戶能快速找到需要的商品200
5.3.4提供即時溝通方式200
5.3.5電商APP設計流程201
案例分析綜合購物商城APP設計分析202
實戰案例設計時尚男裝電商APP203
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
實戰案例設計時尚女裝購物APP219
5.5電商APP設計注意事項227
5.5.1視覺設計規范227
5.5.2APP設計的用戶體驗228
案例分析文藝風格電商APP設計分析229
實戰案例設計餐飲電商APP230
5.6本章小結239
Chapter06 移動端電商頁面241
6.1了解啟動頁242
6.1.1什麼是電商啟動頁242
6.1.2電商啟動頁的作用是什麼242
6.1.3電商啟動頁的設計要求243
案例分析
實戰案例
6.2電商APP引導頁的類型255
6.2.1活動推廣類256
6.2.2品牌推廣類256
6.2.3特點說明類257
案例分析1京 東商城APP引導頁設計分析258
實戰案例1設計電商APP引導頁259
6.3電商活動頁面設計原則265
6.3.1優秀的活動文案265
6.3.2根據節日特點進行配色和素材選擇266
6.3.3活動頁面設計技巧267
案例分析1節日促銷活動頁面設計分析270
實戰案例1設計化妝品促銷活動頁面271
案例分析1數碼產品促銷頁面設計分析281
實戰案例1設計手表促銷活動頁面282
6.4商品詳情頁設計287
6.4.1展示商品細節圖片287
6.4.2有效地引導用戶操作287
6.4.3商品評價功能288
6.4.4連貫的商品介紹289
6.4.5跟隨性導航289
6.4.6商品詳情頁面不要過長290
案例分析1手機端家電商品詳情頁設計分析291
實戰案例1設計手機端商品詳情頁面292
6.5移動端電商網頁設計趨勢302
6.5.1分析移動購物用戶302
6.5.2移動端電商網頁轉化率303
6.5.3移動端電商網頁設計要點303
案例分析1小家電店鋪首頁設計分析306
實戰案例1設計淘 寶女裝店鋪首頁307
6.6本章小結312
