電商逆襲 移動(dòng)端電商設(shè)計(jì)（全彩）

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