电子商务颠覆了传统的商业模式,其较为特殊的交易方式使网店的视觉设计比实体店铺的装修更加重要。本书的宗旨是给商家提供全面、实用、快速的网店装修设计指导。本书从网店装修的基础知识、商品照片的处理与修饰、网店视频的编辑与设计、网店首页和详情页面各个模块的设计等方面着手,循序渐进地介绍了网店装修需要掌握的知识与技能。本书选择人们日常接触的饰品、女装、家居、箱包等商品作为表现对象,通过详细的案例分析与操作步骤,展示专业店铺装修设计的思路和工作流程。另外,书中还增加了影音动态的主图视频和详情视频的案例,使读者了解网店装修中涉及的视频处理技术。本书可作为高等学校及高职学校电子商务、数字媒体、设计类等专业相关课程的教材,也适合想自己装修网店的新手店主阅读,也可作为电子商务技能培训班的培训教材。
创锐设计为快学习(成都)教育发展有限公司旗下品牌,出版多部设计领域与电商领域的畅销作品。
第1章网店装修基础知识 / 1
1.1 与网店装修相关 / 1
1.1.1 网店装修的重要性 / 1
1.1.2 不同电商平台装修规范 / 2
1.1.3 如何确定网店装修风格 / 4
1.2 网店装修三大要素——色彩、文字和版式 / 6
1.2.1 网店装修常见配色方案 / 6
1.2.2 掌握网店文字的编排准则 / 8
1.2.3 通过合适分割方式安排装修文本 / 10
1.2.4 版面布局的形式法则 / 11
1.2.5 常见的网店装修版式布局视觉流程 / 13
1.3 网店装修中常用的软件 / 15
1.3.1 认识网店装修的利器——Photoshop / 15
1.3.2 网店视频制作利器——Premiere Pro / 16
1.4 网店装修的工作流程 / 17
1.4.1 收集并整理装修素材 / 17
1.4.2 在Photoshop 中设计装修效果图 / 17
1.4.3 对图片进行切片并优化处理 / 18
1.4.4 将图片和视频上传到网络空间中 / 20
1.4.5 编写代码完成店铺装修 / 21
第2章网店装修五大技能 / 23
2.1 裁剪与校正 / 23
2.1.1 重设图片的大小 / 23
2.1.2 裁剪图像改变构图 / 24
2.1.3 拉直让商品端正展示 / 25
2.2 修复瑕疵还原精致细节 / 26
2.2.1 去除用于悬挂商品的挂钩 / 26
2.2.2 去除摄影棚的痕迹 / 28
2.2.3 去除模特的瑕疵 / 28
2.2.4 去除商品上的毛发、灰尘 / 31
2.2.5 去除商品包装上的瑕疵 / 32
2.2.6 修复商品表面的缺陷 / 33
2.3 校正和美化颜色 / 34
2.3.1 恢复照片的正常亮度 / 34
2.3.2 校正白平衡还原真实颜色 / 36
2.3.3 修复发灰的照片 / 37
2.3.4 改变商品色调营造特殊氛围 / 38
2.4 抠取与合成 / 39
2.4.1 纯色背景的抠取 / 40
2.4.2 外形规则的商品抠取 / 41
2.4.3 外形不规则的商品抠取 / 42
2.4.4 精细图像的抠取 / 44
2.4.5 特定颜色的抠取 / 45
2.4.6 半透明图像的抠取 / 46
2.4.7 合成装饰元素让画面更丰富 / 47
2.5 文字应用 / 48
2.5.1 文字的添加与设置 / 48
2.5.2 文字的艺术化编排 / 50
2.5.3 变形文字 / 51
第3章 网店首页元素设计 / 53
3.1 店招与导航条设计 / 53
3.1.1 店招与导航条设计要点 / 53
3.1.2 灯具网店店招与导航条设计 / 54
3.1.3 宠物用品网店店招与导航条设计 / 57
3.2 欢迎模块与轮播图设计 / 61
3.2.1 欢迎模块与轮播图的设计规范 / 61
3.2.2 新品上架欢迎模块设计 / 62
3.2.2 箱包促销轮播图设计 / 66
3.3 商品陈列区设计 / 72
3.3.1 商品陈列区的常用布局 / 72
3.3.2 时尚的女鞋网店商品陈列区 / 74
3.3.3 规整的女装网店商品陈列区 / 79
第4章 商品详情页面元素设计 / 85
4.1 主图和橱窗照设计 / 85
4.1.1 主图和橱窗照的设计规范 / 85
4.1.2 清爽风格的主图设计 / 86
4.1.3 清爽风格的主图设计 / 90
4.2 宝贝分类区设计 / 94
4.2.1 分类区设计要点 / 94
4.2.2 炫彩风格的宝贝分类区设计 / 95
4.2.3 单色风格的宝贝分类区设计 / 96
4.3 商品搭配区设计 / 98
4.3.1 商品搭配专区的表现方式 / 98
4.3.2 冷酷风格的商品搭配区设计 / 99
4.3.3 清新风格的商品搭配区设计 / 103
4.4 商品细节展示区设计 / 107
4.4.1 商品细节展示区的表现方式 / 107
4.4.2 指示型商品细节展示区的设计 / 109
4.4.3 局部图解型商品细节展示区设计 / 113
第5章 网店首页整体装修设计 / 117
5.1 女装网店首页装修设计 / 117
5.1.1 文字和图形组成简约店招和导航条 / 119
5.1.2 图层蒙版制作溶图 / 121
5.1.3 简易色块组成的分类栏 / 122
5.1.4 制作简约风格的女装展示区域 / 122
5.1.5 利用客服区提升首页服务品质 / 125
5.1.6 调色和锐化 / 126
5.2 饰品网店首页装修设计 / 127
5.2.1 制作背景确定设计风格 / 129
5.2.2 抠取饰品图像制作欢迎模块 / 130
5.2.3 明度较暗的二级海报 / 131
5.2.4 使用分类区引导购物 / 134
5.2.5 推荐款区域呈现主打商品 / 136
5.2.6 补充内容完善首页信息表现 / 137
5.3 家具网店首页装修设计 / 139
5.3.1 制作拼接效果的欢迎模块 / 141
5.3.2 简洁的店招和导航条设计 / 142
5.3.3 利用线条引导视线的商品展示区 / 144
5.3.4 添加收藏完善画面效果 / 147
第6章 商品详情页面装修设计 / 149
6.1 女包详情页面设计 / 149
6.1.1 利用广告图展示女包形象 / 151
6.1.2 全面的女包详情 / 152
6.1.3 制作侧边栏 / 156
6.1.4 添加收藏区丰富侧边栏 / 157
6.1.5 简约的女包橱窗照 / 157
6.2 腕表详情页面设计 / 158
6.2.1 冷酷大气的广告图 / 160
6.2.2 暗色调的商品详情 / 161
6.2.3 金属材质的侧边栏 / 165
6.2.4 简约大气的腕表橱窗照 / 166
6.3 运动鞋详情页面设计 / 167
6.3.1 炫酷的运动鞋广告图 / 169
6.3.2 指示性线条突出商品卖点 / 172
6.3.3 运动鞋的多个亮点设计 / 174
6.3.4 添加尺码对照表 / 175
6.3.5 辅助信息塑造专业店铺形象 / 176
6.3.6 选取图像制作运动鞋橱窗照 / 176
6.4 眼镜框详情页面设计 / 179
6.4.1 简洁的商品广告图 / 181
6.4.2 内容详细的商品详情展示 / 182
6.4.3 风格统一的眼镜框橱窗照 / 186
第7章 制作视频的软件基础 / 187
7.1 视频编辑基础 / 187
7.1.1 创建项目 / 187
7.1.2 向项目中导入素材 / 188
7.1.3 创建序列 / 188
7.1.4 向序列中添加素材 / 189
7.1.5 存储和输出视频 / 191
7.2 编辑视频素材 / 193
7.2.1 调整视频素材位置 / 193
7.2.2 裁剪和旋转视频素材 / 194
7.2.3 视频素材的颜色调整 / 196
7.2.4 分割和删除视频素材 / 197
7.3 添加视频过渡效果 / 198
7.3.1 应用过渡效果 / 199
7.3.2 添加默认转场效果 / 199
7.3.3 自定义过渡参数 / 200
7.3.4 替换和删除过渡效果 / 201
7.4 丰富多彩的视频效果应用 / 203
7.4.1 添加视频效果 / 203
7.4.2 控制视频播放效果 / 204
7.4.3 禁用和启用效果 / 205
7.4.4 删除视频效果 / 205
7.5 创建和编辑字幕 / 206
7.5.1 创建静态字幕 / 206
7.5.2 创建动态字幕 / 208
7.5.3 设置字幕文字属性 / 209
7.5.4 应用字幕样式 / 210
7.6 设置音频特效 / 211
7.6.1 在项目中添加音频素材 / 211
7.6.2 分割和删除音频(文件) / 212
7.6.3 设置音频速度和持续时间 / 213
7.6.4 调整音量 / 214
7.6.5 制作音效过渡效果 / 215
第8章 网店视频制作 / 217
8.1 网店主图视频设计 / 217
8.1.1 主图视频的设计规范 / 217
8.1.2 台灯主图视频设计 / 218
8.1.3 茶叶主图视频设计 / 227
8.2 详情视频设计 / 235
8.2.1 详情视频设计规范 / 235
8.2.2 鼠标详情视频设计 / 236
8.2.3 眼影详情视频设计 / 246