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

第 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