本书根据页面配色和布局的不同给商品网页的设计和氛围带来不同的特色，将本书划分为7章进行讲解。具体分为女性和男性用品，食品和杂货，儿童和家电制品等，并根据不同商品的特性，如何最有效地将其突出表现出来，表现手法上使用怎样的配色和布局方案更为合适，从而制作出最为理想的商品网页。

　　如何让您的网上店铺在网络上脱颖而出，页面的布局和配色无疑起着一个重要的作用，本书对此进行了详尽的分析。全书共7章，在前半部分详细地分析了色彩及版面这两项触动人心的网页基本构成元素；接着，以设计重点、营销重点导入至实例，调和出不同的版面设计与协调配色所给予观赏者不同感受。实例部分再细分女性和男性、食品、配件、儿童及家电产品等主题，让读者针对需求，设计能够表现出最理想的商品网页。

本书不仅包括了大量的实际商品宣传照片，而且对各种有效的配色方法进行了详细说明，让您可以充分了解如何能最大限度地发挥色彩与布局优势，适合所有层次的网页设计人员以及网上店铺经营者阅读参考。

Chapter 01　熟悉商品页面颜色与布局的基础知识　21

 Section 01　设计感觉的起点——颜色　22

01　颜色意味着什么？　22

02　出色的配色设计　27

03　网上店铺颜色市场营销　32

 Section 02　通过实际商品页面示例熟悉对颜色的感觉　39

01　不同颜色表现手法下的商品页面　39

02　根据颜色的形象来表现商品页面　50

03　采用高效配色方案的商品页面　70

 Section 03　高销售额成功商品页面的布局特色　82

01　商品页面布局的定义　82

02　页面布局左右销售额　83

03　页面布局的设计　85

04　页面布局的重点　93

Chapter 02　不同商品类别的布局样式与配色的实践操作

女性时装篇　95

 Section 01　模特，商品为主　96

01　使用插图的商品页面　96

02　英文杂志感觉的商品页面　99

03　添加了彩色粉蜡笔效果的商品页面　102

04　一次成像照片边框样式处理的商品页面　105

05　利用会话标注设计可爱的商品页面　108

06　图钉固定横幅样式的商品页面　111

07　多图重叠效果的商品页面　114

08　浪漫字体和曲线效果的商品页面　117

09　圆角边框处理的商品页面　120

10　曲别针固定照片样式的商品页面　123

11　白色背景罗列商品照片，干脆利落型商品页面　126

12　强调商品细节部分型商品页面　129

13　照片竖直排列单纯布局型商品页面　132

14　多图围棋盘式横平竖直布局型商品页面　135

15　照片斜置体现多角度效果的商品页面　138

16　人物照片上重叠字体，营造画报效果型商品页面　141

17　黑色边框胶片效果的商品页面　144

 Section 02　玲珑丽人　147

18　利用会话标注设计的可爱商品页面　147

19　手写体式效果的商品页面　150

20　艺术字体或插画型商品页面　153

21　写生簿彩色粉蜡笔效果商品页面　156

22　软木材料留言板效果商品页面　159

23　低彩度古色古香型商品页面　162

24　用彩带，心形装饰营造可爱氛围的商品页面　165

25　衣架上悬挂衣物式表现手法的商品页面　168

26　利用时尚饰品妆扮商品页面　171

27　留言条样式商品页面　174

28　放大镜效果的商品页面　177

29　木板上图钉固定图片式商品页面　180

30　人物照片远近交错感夸张手法营造可爱氛围的商品页面　183

31　水滴花纹背景的商品页面　186

32　心形花纹背景装饰的商品页面　189

33　彩色蜡笔妆扮柔和氛围的商品页面　192

34　褪色形象营造岁月沉淀感觉的商品页面　195

35　使用照片原色表现生机勃勃氛围的商品页面　198

36　利用格线烘托出轻快之感的商品页面　201

37　变更字体大小以求突出商品的页面风格　204

38　用虚线和小剪刀营造可爱氛围的商品页面　207

39　春光明媚效果的商品页面　210

40　清凉之夏效果的商品页面　213

41　瑟瑟之秋效果的商品页面　216

42　雪花演绎冬之情趣的商品页面　219

 Section 03　豪华品牌　222

43　突出模特时装广告型商品页面　222

44　插入品牌广告的商品页面　225

45　用黑白单色和重色调构筑洗练之感的商品页面　228

46　曲线营造洗练之感的商品页面　231

47　商品陈列窗型商品页面　234

48　玻璃板面上商品投影效果的商品页面　237

49　绯紫系列模式烘托梦幻效果的商品页面　240

50　高档纹理体现豪华感觉的商品页面　243

51　暗处商品追光灯照射效果的商品页面　246

52　页面背景渐变效果的商品页面　249

53　花草纹理背景的商品页面　252

Chapter 03　不同商品类别的布局样式与配色的实践操作

男性时装篇　255

 Section 01　突出品牌型　256

54　亮色商品名录式商品页面　256

55　暗色商品名录式商品页面　259

56　黑白单调色配上其他暖色效果鲜明的商品页面　262

57　图片竖直排列并配以英文字句的商品页面　265

58　利用商标强调品牌的商品页面　268

 Section 02　一般便装　271

59　用时尚小饰品装点商品，体现勃勃生机的商品页面　271

60　利用虚线烘托可爱氛围的商品页面　274

61　商品图片处辅以指示线来体现商品细节的商品页面　277

62　较多细节图片集中一处放置的商品页面　280

63　以模特为中心放射形放置细节图片的商品页面　283

64　牛仔裤商品配以牛仔裤底色背景的商品页面　286

65　圆角外框处理整齐罗列的商品页面　289

66　在浅色商品背景之上置入同一商品的页面　292

Chapter 04　不同商品类别的布局样式与配色的实践操作

饰品杂货篇　295

 Section 01　以商品为主的表现手法　296

67　对商品图片进行边框处理的商品页面　296

68　对商品图片进行边框处理的商品页面　299

69　使用指示线说明细节的商品页面　302

 Section 02　以品牌宣传为主的表现手法　305

70　使用商标和格线营造洗练氛围的商品页面　305

71　用图片边框渐变效果营造高档次氛围的商品页面　308

72　字体上采用渐变效果来提升档次的商品页面　311

73　品质保证书和包装盒与商品图片一处放置，提高可信度效果的商品页面　314

74　同一商品不同颜色逐个罗列，便于顾客选择型的商品页面　317

75　一个外框囊括所有商品型的商品页面　320

Chapter 05　不同商品类别的布局样式与配色的实践操作

电脑、家电、室内装饰篇　323

76　通过表现商品的影子营造高档氛围的商品页面　324

77　使用指示线有效体现商品细节的页面设计　327

78　暗色商品、亮色字体对比突显高档品味的商品页面　330

79　利用表格注明商品规格，有效体现商品性能的页面设计　333

Chapter 06　不同商品类别的布局样式与配色的实践操作

儿童服饰篇　336

80　使用引人注目的颜色修饰图片外框的商品页面　337

81　商品截图垂直布局商品名录型的页面设计　340

82　强色配以可爱字体造型的商品页面　343

83　图片配以圆形外框，突显商品美丽可爱效果的页面设计　346

84　使用插画和艺术字体营造趣味氛围的页面设计　349

Chapter 07　不同商品类别的布局样式与配色的实践操作

食品篇　352

85　商品重要信息明确标明博取顾客信赖型商品页面　353

86　利用圆角外框诸多商品集中介绍型商品页面　356

87　动手操作的商品百科辞典式详细说明型商品页面　358