 |
-- 會員 / 註冊 --
|
 |
|
|
|
電商逆襲 移動端電商設計 ( 簡體 字) |
| 作者：高金山 | 類別：1. -> 程式設計 -> 綜合 |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 44019
詢問書籍請說出此書號！【有庫存】
NT售價： 400 元 |
| 出版日：5/1/2016 |
| 頁數：320 |
| 光碟數：1 (含視頻教學) |
|
站長推薦：   |
| 印刷：全彩印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121286094 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：互聯網發展速度之快，令人嘆為觀止。我們知道電子商務是指不需要見面就可以進行的商貿活動，而移動電子商務與它的區別僅僅是商貿活動進行的方式不一樣。傳統的電子商務是通過PC進行溝通，而移動電子商務，顧名思義就體現在“移動”兩字上，它的主要傳播途徑是手機、PAD、掌上電腦等手持移動終端。與傳統的電商相比，移動電商在商貿談判中又更上一層樓。
本書從移動電商設計的理念為出發點，配以專業的圖形處理軟件Photoshop做講解，重點向讀者介紹了Photoshop在移動電商設計方面的理論知識和相關應用。通過大量移動電商設計案例的制作和分析，讓讀者掌握實實在在的設計思想。
本書章節安排
本書內容淺顯易懂，簡明扼要，從移動電商的設計思想出發，向讀者傳達一種新的設計理念，專業的理論知識講解與精美案例制作完美結合，循序漸進地講解移動電商設計中的有關知識，讓讀者在學習欣賞的過程中豐富自己的設計創意并提高動手制作能力。本書內容章節安排如下。
Chapter 01 認識移動電商，介紹了關于移動電商的相關基礎知識，包括什么是移動電商、移動電商的優勢、各移動終端的設計規范，以及移動電商的應用形式等，使讀者對移動電商有更加深入的認識和理解。
Chapter 02 移動端電商圖標，主要介紹了移動電商界面中圖標設計的相關知識及其設計表現方法，包括設計風格、應用類型、圖標特點和設計要點等，并通過講解移動電商界面中不同類型的圖標制作，使讀者快速掌握移動端電商圖標的設計和表現方法。
Chapter 03 移動端電商基本元素，主要講解了有關移動電商設計基本元素的相關知識，主要講解了導航和工具欄的設計方法，通過講解不同類別移動電商基本元素的設計制作，使讀者掌握移動電商基本元素設計的技巧及表現形式。
Chapter 04 移動端電商廣告，主要講解了移動端電商廣告的特點、類型、設計元素和要點等知識，為讀者詳細介紹了移動電商廣告排版布局的技巧，最后通過對不同移動端電商廣告界面制作過程的講解提高讀者對移動電商設計的認識。
Chapter 05 移動端電商APP，主要介紹了移動端電商APP的設計要求和方法，還普及了有關電商APP的基礎知識，也向讀者介紹了電商APP的設計原則和注意事項，通過對多種不同APP頁面的設計講解，讓讀者明了電商APP在移動電商設計中所遵循的設計原則和要求。
Chapter 06 移動端電商頁面，主要介紹了移動電商頁面布局設計的要點和設計趨勢，并且依次介紹了對啟動頁、引導頁、商品詳情頁、活動頁的布局設計，通過講解多種典型的移動電商界面的設計制作，使讀者掌握移動電商界面的設計方法，并認識到移動電商界面的多種設計特點和風格。
本書特點
全書內容豐富、條理清晰，通過6章的內容，為讀者全面、系統地介紹了各種移動電商的設計知識，以及使用Photoshop進行移動電商界面設計的方法和技巧，采用理論知識和案例相結合的方法，使知識融會貫通。
● 語言通俗易懂，精美案例圖文同步，涉及大量移動電商設計的知識講解，幫助讀者深入了解移動電商設計。
● 實例涉及面廣，幾乎涵蓋了移動電商設計中的各個領域，通過大量的設計講解和案例制作幫助讀者掌握各個領域的專業知識點。
● 注重設計知識點和案例制作技巧的歸納總結，知識點和案例的講解過程中穿插了大量的軟件操作技巧提示等，使讀者更好地對知識點進行歸納吸收。
● 每一個案例的制作過程，都配有相關視頻教程和素材，步驟詳細，使讀者輕松掌握。
參與本書編寫的有高金山、張艷飛、魯莎莎、吳瀠超、田曉玉、佘秀芳、王俊萍、陳利歡、馮彤、劉明秀、解曉麗、孫慧、陳燕、胡丹丹、王明佳。書中難免有錯誤和疏漏之處，希望廣大讀者朋友批評、指正。 |
內容簡介：（全彩）（含DVD光盤1張）
本書是一本使用Photoshop進行移動電商設計制作的案例教程，語言淺顯易懂，配合大量精美的移動電商設計案例，講解了有關移動電商設計的相關知識和使用Photoshop進行移動電商設計制作的方法和技巧，使讀者在掌握移動電商設計各方面知識的同時，能夠在移動電商設計制作基礎上做到活學活用。本書配套的光盤中提供了本書所有案例的源文件、素材及視頻教程，方便讀者借鑒和使用。 |
目錄：Chapter 01 認識移動電商 ?????? 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
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
案例分析 | 天貓購物APP圖標設計分析 ?? 027
實戰案例 | 設計運動品牌電商應用圖標 ?? 028
2.2.2 功能圖標 ???????????????????? 039
案例分析 | 食品電商圖標設計分析 ???? 040
實戰案例 | 設計功能性圖標 ?????????? 041
2.2.3 修飾圖標 ???????????????????? 047
案例分析 | 女性購物簡約圖標設計分析 ?? 049
實戰案例 | 設計簡約圖標 ???????????? 050
案例分析 | 餐飲電商線框圖標設計分析 ?? 054
實戰案例 | 設計線框象形圖標 ???????? 055
2.3 iOS和Android系統圖標的
特點 ???????????????????? 059
2.3.1 iOS系統圖標的特點 ???????????? 059
2.3.2 iOS系統圖標的尺寸 ???????????? 060
2.3.3 Android系統圖標的特點 ???????? 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
Chapter 03 移動端電商基本元素 ??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
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
案例分析 | 天貓開屏廣告設計分析 ???? 127
實戰案例 | 設計電商APP開屏廣告 ???? 128
案例分析 | 活動促銷彈窗廣告設計分析 ?? 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
Chapter 05 移動端電商APP ???? 187
5.1 什么是電商APP ???????? 188
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
實戰案例 | 設計奢侈品購物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
實戰案例 | 設計時尚男裝電商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
實戰案例 | 設計時尚女裝購物APP ???? 219
5.5 電商APP設計注意事項 ?? 227
5.5.1 視覺設計規范 ???????????????? 227
5.5.2 APP設計的用戶體驗 ?????????? 228
案例分析 | 文藝風格電商APP設計分析 ?? 229
實戰案例 | 設計餐飲電商APP ???????? 230
5.6 本章小結 ?????????????? 239
Chapter 06 移動端電商頁面 ???? 241
6.1 了解啟動頁 ???????????? 242
6.1.1 什么是電商啟動頁 ???????????? 242
6.1.2 電商啟動頁的作用是什么 ?????? 242
6.1.3 電商啟動頁的設計要求 ???????? 243
案例分析 | 天貓APP啟動頁設計分析 ?? 244
實戰案例 | 設計餐飲類電商APP啟動頁 ?? 245
6.2 電商APP引導頁的類型 ?? 255
6.2.1 活動推廣類 ?????????????????? 256
6.2.2 品牌推廣類 ?????????????????? 256
6.2.3 特點說明類 ?????????????????? 257
案例分析 | 京東商城APP引導頁設計
分析 ???????????????????? 258
實戰案例 | 設計電商APP引導頁 ?????? 259
6.3 電商活動頁面設計原則 ?? 265
6.3.1 優秀的活動文案 ?????????????? 265
6.3.2 根據節日特點進行配色和素材
選擇 ???????????????????????? 266
6.3.3 活動頁面設計技巧 ???????????? 267
案例分析 | 節日促銷活動頁面設計分析 ?? 270
實戰案例 | 設計化妝品促銷活動頁面 ?? 271
案例分析 | 數碼產品促銷頁面設計分析 ?? 281
實戰案例 | 設計手表促銷活動頁面 ???? 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
案例分析 | 手機端家電商品詳情頁設計
分析 ???????????????????? 291
實戰案例 | 設計手機端商品詳情頁面 ?? 292
6.5 移動端電商網頁設計趨勢 ?? 302
6.5.1 分析移動購物用戶 ???????????? 302
6.5.2 移動端電商網頁轉化率 ???????? 303
6.5.3 移動端電商網頁設計要點 ?????? 303
案例分析 | 小家電店鋪首頁設計分析 ?? 306
實戰案例 | 設計淘寶女裝店鋪首頁 ???? 307
6.6 本章小結 ?????????????? 312 |
| 序： |
|
