移动端卖货式设计适配手机屏的电商设计法则与实战应用上下册

图书标准信息

• 作者 卢维贤 著
• 出版社 人民邮电出版社
• 出版时间 2021-07
• 版次 1
• ISBN 9787115565723
• 定价 258.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 676页

【内容简介】

这是一本系统讲解移动端电商视觉设计的专业教程。全书共分上下两册，上册包括第1~6章，下册包括第7~11章。第1~3章是理论部分，介绍了电商设计和电商设计师的概况及发展、设计前期的创意构思，以及主要的电商设计风格；第4~11章是实践部分，先分别从构图、色彩、光影和字体4个方面详细剖析了手机端的Banner设计，然后分别讲解了手机端的详情页和专题页的版式设计。

 

本书适合电商设计初学者使用，也可作为有一定工作经验的设计师进阶学习的参考书。此外，网店的店主、电商运营人员和电商策划人员等也能通过本书了解更多的设计思维和方法。

 

【作者简介】

卢维贤：2008年毕业后在广告公司磨炼基本功，2012年转做电商设计，是较早一批从事电商视觉设计的设计师。在多年的工作过程中总结了一些设计方法和心得，在网上分享的部分文章获得了广泛的认可和大量转发，欣慰之余写成本书，希望能帮助到更多的学习者。

【目录】

第 1章 聊聊电商圈 001

 

1.1 认识电商设计 004

 

1.1.1 电商设计3阶段 004

 

1.1.2 设计师的职业类型 008

 

1.1.3 运营设计师的分类 011

 

1.1.4 运营设计师的工作内容 012

 

1.1.5 运营设计师的技能需求 014

 

1.2 生存之道 023

 

1.2.1 我的12年 023

 

1.2.2 给新人的4点建议 025

 

1.3 漫谈未来 028

 

1.3.1 人工智能 028

 

1.3.2 VR/AR/MR 029

 

1.4 本章小结 032

 

 

第 2章 别急着动手，思考很重要 033

 

2.1 持续积累 036

 

2.1.1 网站推荐 036

 

2.1.2 整理参考 038

 

2.1.3 借鉴之道 040

 

2.2 了解需求 044

 

2.2.1 服务对象 044

 

2.2.2 品牌调性 044

 

2.2.3 目标用户 045

 

2.2.4 商业目的 046

 

2.2.5 展示情况 046

 

2.2.6 文案内容 049

 

2.3 挖掘诉求点 050

 

2.3.1 产品利益点 051

 

2.3.2 用户情感 052

 

2.3.3 品牌调性 054

 

2.4 推导核心概念 055

 

2.5 构思创意表现形式 057

 

2.5.1 夸张 058

 

2.5.2 比喻 059

 

2.5.3 拟人 060

 

2.5.4 对比 060

 

2.5.5 视角 061

 

2.5.6 故事化 062

 

2.5.7 氛围渲染 063

 

2.6 本章小结 065

 

 

第3章 设计风格和视觉元素 067

 

3.1 简述平面设计发展史 070

 

3.1.1 工业革命时期 070

 

3.1.2 现代主义设计 072

 

3.1.3 后现代主义设计 075

 

3.2 电商设计的风格演变 076

 

3.2.1 UI设计风格 077

 

3.2.2 专题页设计风格 078

 

3.3 艺术风格分类 079

 

3.3.1 中国风 079

 

3.3.2 复古风 080

 

3.3.3 极简风 082

 

3.3.4 后现代设计风格 083

 

3.3.5 扁平插画风 087

 

3.3.6 拟物写实风 088

 

3.3.7 纸雕风 089

 

3.3.8 霓虹风 089

 

3.3.9 2.5D风格 090

 

3.3.10 三维纯色风 091

 

3.4 主题风格分类 092

 

3.4.1 热闹促销 092

 

3.4.2 时尚潮流 092

 

3.4.3 活泼可爱 093

 

3.4.4 甜美温馨 094

 

3.4.5 文艺清新 094

 

3.4.6 大气简约 094

 

3.4.7 未来科技 095

 

3.4.8 动感活力 096

 

3.5 塑造合适元素，将风格融入设计 097

 

3.5.1 元素的塑造原则 098

 

3.5.2 元素的设计误区 104

 

3.5.3 元素的符号化表达 107

 

3.6 本章小结 112

 

 

第4章 Banner的版面布局 113

 

4.1 初识手机Banner 116

 

4.1.1 常见分类 116

 

4.1.2 常见比例 121

 

4.1.3 前期准备 125

 

4.2 布局类型 128

 

4.2.1 上下布局 129

 

4.2.2 左右布局 130

 

4.2.3 上中下布局 132

 

4.2.4 左中右布局 133

 

4.2.5 包围布局 134

 

4.2.6 十字布局 135

 

实战案例 139

 

4.3 布局原则――均衡布局 140

 

4.3.1 对称均衡 141

 

4.3.2 非对称均衡 144

 

4.4 布局原则――突出重点 150

 

4.4.1 主体元素 152

 

4.4.2 文案 153

 

4.4.3 按钮 155

 

实战案例 157

 

4.5 本章小结 158

 

 

第5章 6招提升形式感 159

 

5.1 第 1招：图形分割 162

 

5.1.1 横/竖线分割 167

 

5.1.2 斜线分割 170

 

5.1.3 三角形分割 173

 

5.1.4 圆形分割 178

 

5.1.5 方形分割 181

 

5.1.6 异形分割 189

 

5.1.7 放射分割 192

 

实战案例 196

 

5.2 第 2招：简约背景 201

 

5.2.1 单色背景 201

 

5.2.2 渐变背景 202

 

5.2.3 底纹背景 207

 

实战案例 210

 

5.3 第3招：放大核心点 212

 

5.3.1 放大标题 212

 

5.3.2 放大宣传点 214

 

5.3.3 放大主体元素 216

 

实战案例 219

 

5.4 第4招：使用摄影图片 222

 

5.4.1 直接使用 224

 

5.4.2 后期处理 224

 

实战案例 227

 

5.5 第5招：空间陈列 229

 

5.5.1 焦点透视 230

 

5.5.2 陈列场景 252

 

实战案例 263

 

5.6 第6招：创意场景 269

 

5.6.1 确定创意和风格 271

 

5.6.2 画草图、定配色 271

 

5.6.3 场景搭建 272

 

5.6.4 添加光影 274

 

实战案例 276

 

5.7 本章小结 278

 

 

第6章 移动时代，色彩为王 281

 

6.1 色彩知多少 284

 

6.1.1 色彩形成 284

 

6.1.2 色彩分类 288

 

6.1.3 色彩三要素 289

 

6.2 12色相环 292

 

6.2.1 同类色搭配 294

 

6.2.2 邻近色搭配 298

 

6.2.3 类似色搭配 302

 

6.2.4 中差色搭配 307

 

6.2.5 对比色搭配 312

 

6.2.6 互补色搭配 316

 

6.3 PCCS色彩体系 318

 

6.3.1 纯色调 321

 

6.3.2 浅色调 322

 

6.3.3 淡色调 322

 

6.3.4 深色调 323

 

6.3.5 暗色调 324

 

6.3.6 浅灰色调 325

 

6.3.7 浊色调 326

 

6.3.8 特殊色调 327

 

6.4 配色方法 329

 

6.4.1 理论配色法 330

 

实战案例 331

 

6.4.2 主体配色法 333

 

实战案例 338

 

6.4.3 借鉴配色法 339

 

实战案例 342

 

6.5 配色原则 345

 

6.5.1 与设计风格匹配 345

 

6.5.2 主辅色有对比 346

 

6.5.3 数量要合适 352

 

6.6 本章小结 354

 

 

第7章 电商设计常用色 355

 

7.1 红色 358

 

7.1.1 纯红色 358

 

7.1.2 粉红色 362

 

7.1.3 深红色 366

 

实战案例 369

 

7.2 黄色 372

 

7.2.1 纯黄色 372

 

7.2.2 浅黄色 376

 

7.2.3 褐色 378

 

实战案例 380

 

7.3 绿色 383

 

7.3.1 纯绿色 384

 

7.3.2 浅绿色 385

 

7.3.3 深绿色 387

 

实战案例 390

 

7.4 蓝色 393

 

7.4.1 纯蓝色 394

 

7.4.2 浅蓝色 397

 

7.4.3 深蓝色 400

 

实战案例 402

 

7.5 紫色 405

 

7.5.1 纯紫色 405

 

7.5.2 浅紫色 407

 

7.5.3 深紫色 409

 

实战案例 411

 

7.6 本章小结 414

 

 

第8章 设计中的光影视界 415

 

8.1 光源类型 418

 

8.1.1 照射光 418

 

8.1.2 环境光 421

 

8.2 物体明暗 424

 

8.2.1 明暗原则 425

 

8.2.2 环境色影响 429

 

实战案例 432

 

8.2.3 照射光影响 434

 

8.2.4 其他材质 445

 

8.3 物体投影 450

 

8.3.1 投影方向 451

 

8.3.2 投影轮廓 451

 

8.3.3 投影颜色 458

 

8.3.4 投影深浅 459

 

8.3.5 投影虚实 461

 

实战案例 464

 

8.4 戏剧化用光 470

 

8.4.1 明暗对比 470

 

8.4.2 色相对比 473

 

8.4.3 形状划分 476

 

实战案例 481

 

8.5 本章小结 484

 

 

第9章 字体设计的门与路 485

 

9.1 字体的类型和气质 488

 

9.1.1 字体类型 488

 

9.1.2 字体气质 496

 

9.1.3 选择合适的字体 498

 

9.2 字体设计 502

 

9.2.1 字体设计原则 502

 

9.2.2 改字 504

 

9.2.3 造字 511

 

实战案例 516

 

9.3 字效呈现 519

 

9.3.1 立体 519

 

9.3.2 边框 522

 

9.3.3 阴影 523

 

9.3.4 质感 526

 

实战案例 529

 

9.4 本章小结 534

 

 

第 10章 版式设计没那么简单（一）手机端详情页设计 535

 

10.1 做前想一想 538

 

10.1.1 整体印象 538

 

10.1.2 梳理文案 541

 

10.1.3 确定风格 544

 

10.1.4 画草图、定配色 547

 

10.2 版式设计4原则 549

 

10.2.1 对齐 549

 

10.2.2 亲密性 552

 

10.2.3 对比 556

 

10.2.4 重复 559

 

10.3 详情页版式设计 564

 

10.3.1 浏览顺序 566

 

10.3.2 一屏一版块 571

 

10.3.3 版块结构 573

 

10.3.4 前3屏原则 581

 

10.3.5 轻重结合 582

 

10.3.6 留白 586

 

10.3.7 少即是多 589

 

10.4 版式设计细节 592

 

10.4.1 几何图形 592

 

10.4.2 具象图形 600

 

10.5 本章小结 606

 

 

第 11章 版式设计没那么简单（二）手机端专题页设计 607

 

11.1 专题页设计全局观 610

 

11.1.1 服务对象 610

 

11.1.2 常用版块 610

 

11.1.3 统一与变化 614

 

11.1.4 表现类型 624

 

实战案例 632

 

11.2 专题页版式设计 635

 

11.2.1 浏览顺序 635

 

11.2.2 模块大小 637

 

11.2.3 内容区隔 642

 

11.2.4 信息呈现 648

 

11.3 本章小结 656