電商逆襲 移動端電商設(shè)計（全彩）

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 移動電商的應(yīng)用形式 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)電商設(shè)計的差異化 010 1.4.1 使用場景的差異 011 1.4.2 交互方式的差異 011 1.4.3 屏幕容量的差異 011 1.4.4 信息組織的差異 012 1.4.5 導(dǎo)航系統(tǒng)的差異 014 1.5 移動端電商視覺設(shè)計原則 015 1.5.1 功能性原則 015 1.5.2 可視性原則 016 1.5.3 統(tǒng)一性原則 019 1.6 本章小結(jié) 020 Chapter 02 移動端電商圖標 021 2.1 圖標設(shè)計風(fēng)格 022 2.1.1 擬物化圖標 022 2.1.2 扁平化圖標 023 2.1.3 簡約圖標 024 2.1.4 線框圖標 025 2.2 移動端圖標應(yīng)用類型 025 2.2.1 應(yīng)用圖標 025 案例分析  實戰(zhàn)案例  2.2.2 功能圖標 039 案例分析 食品電商圖標設(shè)計分析 040 實戰(zhàn)案例 設(shè)計功能性圖標 041 2.2.3 修飾圖標 047 案例分析 女性購物簡約圖標設(shè)計分析 049 實戰(zhàn)案例 設(shè)計簡約圖標 050 案例分析 餐飲電商線框圖標設(shè)計分析 054 實戰(zhàn)案例 設(shè)計線框象形圖標 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)案例 設(shè)計時尚風(fēng)格電商APP圖標 062 2.4 電商應(yīng)用圖標視覺設(shè)計要點 069 2.4.1 符合設(shè)計規(guī)范性 069 2.4.2 分析定位，突出特點 070 2.4.3 設(shè)計完整性 070 2.4.4 統(tǒng)一性 070 2.4.5 連續(xù)性 071 案例分析 電影票電商APP圖標設(shè)計分析 072 實戰(zhàn)案例 設(shè)計簡約風(fēng)格電商APP啟動圖標 073 2.5 本章小結(jié) 079 Chapter 03 移動端電商基本元素 081 3.1 關(guān)于移動端網(wǎng)店設(shè)計 082 3.1.1 什么是網(wǎng)店設(shè)計 082 3.1.2 移動端網(wǎng)店設(shè)計前的準備 082 3.1.3 移動端網(wǎng)店特點 083 3.1.4 提高手機端店鋪轉(zhuǎn)化率 084 案例分析 咖啡飲品店標設(shè)計分析 085 實戰(zhàn)案例 設(shè)計男裝店鋪店標 086 3.2 移動端常見的導(dǎo)航表現(xiàn)形式 092 3.2.1 頂部導(dǎo)航 092 3.2.2 底部導(dǎo)航 093 3.2.3 列表式導(dǎo)航 094 3.2.4 平鋪式導(dǎo)航 095 3.2.5 矩陣/網(wǎng)格式導(dǎo)航 095 案例分析 商品分類列表導(dǎo)航設(shè)計分析 097 實戰(zhàn)案例 設(shè)計矩陣式移動電商導(dǎo)航 098 3.2.6 懸浮icon導(dǎo)航 104 3.2.7 側(cè)邊式導(dǎo)航 104 案例分析 彈出式導(dǎo)航設(shè)計分析 106 實戰(zhàn)案例 設(shè)計移動電商側(cè)邊導(dǎo)航 107 3.3 工具欄設(shè)計 111 3.3.1 工具欄的重要性 111 3.3.2 工具欄的作用 112 案例分析 餐飲電商工具欄 113 實戰(zhàn)案例 設(shè)計電商工具欄 114 3.4 本章小結(jié) 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)案例  案例分析 活動促銷彈窗廣告設(shè)計分析 134 實戰(zhàn)案例 設(shè)計移動電商彈窗廣告 135 4.3 移動電商廣告的設(shè)計元素 145 4.3.1 廣告背景 145 4.3.2 產(chǎn)品 146 4.3.3 主題文案 147 4.3.4 裝飾圖形 147 案例分析 兒童節(jié)促銷活動廣告設(shè)計分析 148 實戰(zhàn)案例 設(shè)計移動電商Banner廣告 149 4.4 移動端電商廣告設(shè)計要點 158 4.4.1 走心的文案 158 4.4.2 均衡的構(gòu)圖 159 4.4.3 合適的字體 161 案例分析 “小米商城”閃屏廣告設(shè)計分析 163 實戰(zhàn)案例 設(shè)計移動電商閃屏廣告 164 4.5 電商廣告設(shè)計技巧 170 4.5.1 排版布局 170 4.5.2 顏色搭配 172 4.5.3 文字處理 174 案例分析 雙12店鋪活動廣告設(shè)計分析 177 實戰(zhàn)案例 設(shè)計手機端店鋪活動廣告 178 4.6 本章小結(jié) 186 Chapter 05 移動端電商APP 187 5.1 什么是電商APP 188 5.2 電商APP設(shè)計基本要求 189 5.2.1 以實用為基礎(chǔ) 189 5.2.2 色彩與風(fēng)格需要統(tǒng)一 189 5.2.3 合理的配色 190 5.2.4 規(guī)范的視覺流程 190 5.2.5 視覺元素規(guī)范 191 案例分析 Dior購物APP設(shè)計分析 192 實戰(zhàn)案例 設(shè)計奢侈品購物APP 193 5.3 如何設(shè)計電商APP 198 5.3.1 清晰的定位 199 5.3.2 交易按鈕非常重要 199 5.3.3 使用戶能快速找到需要的商品 200 5.3.4 提供即時溝通方式 200 5.3.5 電商APP設(shè)計流程 201 案例分析 綜合購物商城APP設(shè)計分析 202 實戰(zhàn)案例 設(shè)計時尚男裝電商APP 203 5.4 電商APP設(shè)計原則 214 5.4.1 清晰的視覺效果 214 5.4.2 巧妙地應(yīng)用關(guān)鍵色 215 5.4.3 高效的商品搜索 215 5.4.4 商品收藏和分享 216 5.4.5 個性化的購物體驗 217 5.4.6 流暢的支付流程 217 案例分析 “風(fēng)尚”購物APP設(shè)計分析 218 實戰(zhàn)案例 設(shè)計時尚女裝購物APP 219 5.5 電商APP設(shè)計注意事項 227 5.5.1 視覺設(shè)計規(guī)范 227 5.5.2 APP設(shè)計的用戶體驗 228 案例分析 文藝風(fēng)格電商APP設(shè)計分析 229 實戰(zhàn)案例 設(shè)計餐飲電商APP 230 5.6 本章小結(jié) 239 Chapter 06 移動端電商頁面 241 6.1 了解啟動頁 242 6.1.1 什么是電商啟動頁 242 6.1.2 電商啟動頁的作用是什么 242 6.1.3 電商啟動頁的設(shè)計要求 243 案例分析  實戰(zhàn)案例  6.2 電商APP引導(dǎo)頁的類型 255 6.2.1 活動推廣類 256 6.2.2 品牌推廣類 256 6.2.3 特點說明類 257 ……