Chapter 01网店设计必备知识 1
1.1了解网店设计 2
1.1.1什么是网店设计 2
1.1.2网店设计的重要性 2
1.1.3网店设计前的准备工作 3
1.2网店装修的一般流程 4
1.2.1取个好店名很重要 4
1.2.2确定设计风格 4
1.2.3注重细节修饰 5
1.3网店设计中的色彩搭配 5
1.3.1网店设计中的色彩 5
1.3.2色彩搭配的原理 9
1.4理解电商设计文案 11
1.4.1电商设计文案的内容 11
1.4.2电商设计文案策划 12
1.4.3如何创建优秀的产品文案 13
1.5电商设计必须注意的问题 14
1.6如何创建成功的电商网站 15
1.6.1面向合适的用户群 15
1.6.2遵守常规的导航元素 17
1.6.3产品介绍页面是用户的关注点 17
1.7网店视觉营销 18
1.7.1网店视觉营销的表现 18
1.7.2不同类型网店的视觉营销方法 19
1.8本章小结 22
Chapter 02电商网站布局元素 23
2.1店标设计 24
2.1.1店标的作用 24
2.1.2店标的特性 24
2.1.3店标的设计要求 25
2.1.4店标的类别 26
案例分析 水果店铺店标设计分析 27
实战案例 设计咖啡店标 28
案例分析 药品专营店铺店标设计分析 32
实战案例 设计啤酒店标 33
2.2店招设计 41
2.2.1店招的设计要点 41
2.2.2店招的表现类型 41
案例分析 母婴商城店招设计分析 43
实战案例 设计店铺促销店招 44
2.3电商网站导航设计原则 48
2.3.1符合网站内容结构 48
2.3.2明确网站业务目标 49
2.3.3遵从用户使用习惯 49
2.3.4避免重复的分类 50
2.3.5使用合适的文案 50
2.3.6清晰的视觉体验 51
2.3.7为用户提供反馈 51
2.3.8 导航符合网站整体风格 52
2.3.9利于搜索引擎优化 52
2.3.10趋于专业化的导航 53
案例分析 名鞋库网站导航设计分析 54
实战案例 设计运动品牌电商网站导航 55
2.4面包屑导航设计技巧 62
2.4.1统一关键词，避免重复 62
2.4.2显示相关产品数量 62
2.4.3善于使用面包屑 63
2.4.4使用具有指向性的符号 63
2.4.5减少对用户的影响 63
2.4.6控制层级 64
2.4.7在面包屑中使用关键字 64
案例分析 屈臣氏导航和店招设计分析 65
实战案例 设计网店导航和店招 66
2.5商品陈列构图 73
2.5.1距离感 73
2.5.2对称与等比 74
2.5.3节奏感 75
2.5.4图片与文字的相辅相成 77
案例分析 随性的商品构图设计分析 79
实战案例 设计商品菱形排列布局 80
2.6本章小结 84
Chapter 03文字与广告设计 85
3.1店铺中的文字设计 86
3.1.1文字的字体 86
3.1.2文字的字号 87
3.1.3文字的间距和行距 88
3.1.4文字的颜色 89
案例分析 母亲节变形文字设计分析 90
实战案例 设计广告变形文字 91
3.2文字图形化处理 99
3.2.1文字的图形化 99
3.2.2文字的重叠 99
3.2.3文字的整体性 100
3.2.4让文字更易读 101
案例分析 特效毛笔广告文字设计分析 102
实战案例 设计光影特效文字 103
3.3电商广告的作用 109
3.3.1传达产品信息 109
3.3.2增强产品艺术表现 110
3.3.3增加页面趣味 111
案例分析 衣品天成女装广告设计分析 112
实战案例 设计化妆品广告 113
3.4电商广告排版布局技巧 117
3.4.1对齐 117
3.4.2对比 120
3.4.3分组 123
案例分析 海鲜促销广告设计分析 125
实战案例 设计水果促销广告 126
3.5电商广告设计原则 133
3.5.1突出广告主题 133
3.5.2明确广告目标人群 135
3.5.3完美的表现形式 136
案例分析 安踏运动鞋广告设计分析 142
实战案例 设计运动鞋宣传广告 143
3.6 本章小结 148
Chapter 04电商海报设计 149
4.1电商海报的类型 150
4.1.1产品宣传海报 150
4.1.2促销宣传海报 150
4.1.3活动宣传海报 151
案例分析 男装促销活动海报设计分析 152
实战案例 设计女装活动海报 153
4.2常见的电商海报构图方式 159
4.2.1左右构图 159
4.2.2三栏分布构图 160
4.2.3叠加构图 161
4.2.4倾斜构图 161
案例分析 太阳镜海报设计分析 163
实战案例 设计精油产品海报 164
4.3电商海报的配色技巧 172
4.3.1了解色彩关系 172
4.3.2掌握配色黄金比例 173
4.3.3邻近色搭配 174
4.3.4间隔色搭配 176
4.3.5互补色搭配 178
案例分析 春夏季女鞋活动海报设计分析 180
实战案例 设计淘宝新年活动海报 181
4.4电商海报的设计表现形式 186
4.4.1直接展示 186
4.4.2突出特点 186
4.4.3对比衬托 187
4.4.4以小见大 187
4.4.5联想 187
4.4.6夸张 188
4.4.7幽默 188
4.4.8以情托物 189
案例分析 母亲节活动海报设计分析 190
实战案例 设计五一促销活动海报 191
4.5本章小结 198
Chapter 05电商页面构图设计 199
5.1了解电商页面的构图 200
5.1.1为什么要对电商页面进行构图 200
5.1.2电商页面构图标准 200
5.2页面几何切割的构图方式 202
5.2.1简单切割 202
5.2.2对称切割 203
5.2.3组合切割 204
5.2.4多重切割 205
案例分析 化妆品网店活动页面设计分析 206
实战案例 设计运动服装网店页面 207
5.3放射与透视状的页面构图 219
5.4整体和流程的页面构图 220
案例分析 护肤品店铺页面设计分析 221
实战案例 设计啤酒促销页面 222
5.5根据图像轮廓联想的方式构图 228
案例分析 赛车票务电商页面设计分析 230
实战案例 设计古典风格网店页面 231
5.6本章小结 240
Chapter 06电商页面布局设计 241
6.1电商页面首屏布局设计要点 242
6.1.1确定页面首屏可视范围 242
6.1.2展示吸引用户的信息 242
6.1.3明确清晰的视觉焦点 243
6.1.4运用图片便于理解 244
6.1.5首屏要强调主题 244
6.1.6适当添加交互效果 245
6.1.7符合视觉习惯的图文混排 245
案例分析 时尚女包店铺页面设计分析 246
实战案例 设计化妆品网店首页 247
6.2商品列表页布局设计 257
6.2.1商品列表形式 257
6.2.2展示有用的产品信息 258
6.2.3鼠标悬停时产生交互效果 258
6.2.4出现适量的附加信息 259
6.2.5添加推荐商品刺激消费 259
6.2.6减少操作步骤 260
6.2.7了解顾客心理 260
案例分析 食品店铺产品列表页面设计分析 261
实战案例 设计手机促销列表页面 262
6.3商品详情页设计 271
6.3.1提供商品展示图片的细节放大效果 271
6.3.2满足用户的比价心理 272
6.3.3运用商品分享功能 272
6.3.4良好的用户引导 273
6.3.5跟随性导航 273
6.3.6不可缺少的商品评价功能 274
6.3.7保持商品介绍的连贯性 274
6.3.8商品详情页面不宜过长 274
案例分析 化妆品详情页面设计分析 275
实战案例 设计小家电商品详情页面 276
6.4电商活动页面设计 282
6.4.1活动文案是灵感来源 282
6.4.2节日促销活动页配色与素材的选择 284
6.4.3活动页面设计技巧 285
案例分析 家电促销活动页面设计分析 287
实战案例 设计网店活动主题页面 288
6.5本章小结 300