电商逆袭 移动端电商设计(全彩)

电商逆袭 移动端电商设计(全彩)
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2016-05
版次: 1
ISBN: 9787121286094
定价: 79.80
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 312页
字数: 512千字
11人买过
  •   《电商逆袭--移动电商设计》是一本使用Photoshop进行移动电商设计制作的案例教程,语言浅显易懂,配合大量精美的移动电商设计案例,讲解了有关移动电商设计的相关知识和使用Photoshop进行移动电商设计制作的方法和技巧,使读者在掌握移动电商设计各方面知识的同时,能够在移动电商设计制作基础上做到活学活用。

      高金山,资深UI设计师,有丰富的UI设计经验,先后从事电商设计,软件界面、网站界面和游戏界面的设计工作。曾在中国传媒大学、北京大学、北京师范大学等重点院校教授设计课程。 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
  • 内容简介:
      《电商逆袭--移动电商设计》是一本使用Photoshop进行移动电商设计制作的案例教程,语言浅显易懂,配合大量精美的移动电商设计案例,讲解了有关移动电商设计的相关知识和使用Photoshop进行移动电商设计制作的方法和技巧,使读者在掌握移动电商设计各方面知识的同时,能够在移动电商设计制作基础上做到活学活用。

  • 作者简介:
      高金山,资深UI设计师,有丰富的UI设计经验,先后从事电商设计,软件界面、网站界面和游戏界面的设计工作。曾在中国传媒大学、北京大学、北京师范大学等重点院校教授设计课程。
  • 目录:
    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
查看详情
相关图书 / 更多
电商逆袭 移动端电商设计(全彩)
电商视觉营销(微课版 第2版)
贲志红;郑海燕
电商逆袭 移动端电商设计(全彩)
电商美工设计基础
张婷婷
电商逆袭 移动端电商设计(全彩)
电商仓储装箱决策智能优化研究——基于数据驱动
杨江龙 柳虎威 周丽
电商逆袭 移动端电商设计(全彩)
电商布局运营实战手册 孙清华
孙清华
电商逆袭 移动端电商设计(全彩)
电商财税合规一本通
春戈
电商逆袭 移动端电商设计(全彩)
电商设计(全彩慕课版)(第2版)
沙新美
电商逆袭 移动端电商设计(全彩)
电商创业
芮彩凤
电商逆袭 移动端电商设计(全彩)
电商客户服务实务
陈晓红;王红;姚岗;陈若涵;任继新
电商逆袭 移动端电商设计(全彩)
电商创业手记 家具电商实战心得
春戈
电商逆袭 移动端电商设计(全彩)
电商美工设计手册(第2版)
李芳 覃海宁
电商逆袭 移动端电商设计(全彩)
电商采购与供应链管理全案(供应商管理+成本控制+库存管理+物流管理)
邱云生
电商逆袭 移动端电商设计(全彩)
电商设计(全彩慕课版)
沙美新 伍艳娜