网店美工与视觉设计标准教程（全彩微课版）（清华电脑学堂）

《网店美工与视觉设计标准教程（全彩微课版）》围绕网店装修与视觉设计展开，使用通俗易懂的语言对网店装修的理论、实践方法进行全面阐述。

《网店美工与视觉设计标准教程（全彩微课版）》共8章，内容涵盖网店美工入门基础、商品图片的采集与发布、商品图片的后期处理、网店视频的拍摄与制作、店铺营销推广图的设计、商品详情页设计、店铺首页的设计，以及H5场景页面设计等。《网店美工与视觉设计标准教程（全彩微课版）》结构合理，不仅详细介绍网店装修与制作的相关知识，还对设计工具的使用方法进行讲解。所选案例贴合实际，可操作性强。同时，每章结尾安排了“案例实战”或“新手答疑”板块，帮助读者真正做到举一反三、学以致用。

《网店美工与视觉设计标准教程（全彩微课版）》适合高等院校相关专业师生使用，也适合网店店主、淘宝、天猫等网店美工自学使用，还适合社会培训机构作为相关课程的辅导用书。

首先，感谢您选择并阅读本书。

本书致力于为网店装修与视觉设计的学习者打造更易学的知识体系，让读者在轻松愉悦的氛围中掌握网店装修的知识，以便应用到实际工作中。

本书以理论与实际应用相结合的形式，从易教、易学的角度，全面、细致地介绍网店装修与视觉设计的方法与技巧，在讲解软件理论知识时，穿插了大大小小的贴近实际的实操案例，以帮助读者巩固和练习所学知识。每章结尾处安排了“案例实战”或“新手答疑”板块，书中操作一步一图，所见即所得，既可培养读者自主学习的能力，又可提高学习的兴趣和动力。

本书特色

理论+实操，实用性强。本书为疑难知识点配备相关的实操案例，可操作性强，能够使读者学以致用。

结构合理，全程图解。本书采用全程图解的方式，能够让读者了解每一步的具体操作。

疑难解答，学习无忧。章尾的“新手答疑”板块，其内容主要针对实际工作中一些常见的疑难问题进行解答，能够让读者及时解决在学习或工作中遇到的问题。

内容概述

本书共8章，各章内容见表1。

表1

章序 内容概括 难度指数

第1章 主要介绍网店美工的基础知识、网店装修的设计要点、页面构成、风格定位、常用软件以及装修流程等 ★☆☆

第2章 主要介绍商品拍摄的基础知识、拍摄场景的构建、商品拍摄技巧、图片的切片与管理、商品图片上传与商品信息发布等 ★★☆

第3章 主要介绍商品图片的基础处理、图片抠取、颜色校正、瑕疵修复以及添加文字、形状等 ★★★

第4章 主要介绍网店视频的类型、应用场景、视频拍摄、利用剪映进行视频剪辑以及上传等 ★★★

第5章 主要介绍主图、直通车图等营销推广图的设计等 ★★☆

第6章 主要介绍商品详情页的设计，包括详情页的组成、设计要点、设计规范以及高级编辑的模板设计等 ★★★

第7章 主要介绍店铺首页的设计，包括首页的制作规范、内容构成、布局要点、注意事项以及使用模块装修等 ★★★

第8章 主要介绍H5场景页面设计，包括H5页面类型、表现形式、设计要点以及使用H5工具制作场景页面等 ★★☆

书中及附送的资源文件所使用的图书、模板、音频及视频等素材，均为所属公司、网站或个人所有，本书引用仅为说明（教学）之用，绝无侵权之意，特此声明，也请读者尊重书中笔者团队拍摄的素材，不要用于其他商业用途。

本书由吕慧、孙峰峰编著，在编写过程中作者虽力求严谨细致，但由于时间与精力有限，书中疏漏之处在所难免。如果读者在阅读过程中有任何疑问，请扫描下面的“技术支持”二维码，联系相关技术人员解决。教师在教学过程中有任何疑问，请扫描下面的“教学支持”二维码，联系相关技术人员解决。

配套素材 教学课件 技术支持 教学支持

第1章

网店美工入门基础

1.1 网店美工知识概述 2

1.1.1 网店美工的定义 2

1.1.2 网店美工的工作内容 2

1.1.3 网店美工的技能要求 3

1.2 网店装修的设计要点 3

1.2.1 色彩搭配 3

知识链接 认识色相环 5

1.2.2 文字设计 6

注意事项 字体选择的标准 7

1.2.3 版式布局 7

1.2.4 文案策划 9

1.3 网店装修的页面构成 10

1.4 网店装修的风格定位 12

1.5 网店装修的常用软件 14

1.6 网店装修的基本流程 15

新手答疑 16

第2章

商品图片的采集与发布

2.1 商品拍摄的基础知识 18

2.1.1 商品拍摄的基本流程 18

2.1.2 拍摄器材的选择 18

注意事项 镜头的选择 19

2.1.3 辅助器材的选择 19

2.2 拍摄场景的构建 22

2.2.1 拍摄环境的选择 22

注意事项 在室内没有摄影棚的拍摄方法 23

2.2.2 常见的场景构图 23

2.2.3 拍摄场景的布置 25

2.2.4 场景布光的技巧 26

2.3 商品拍摄技巧 28

2.3.1 商品摆设的角度选择 28

2.3.2 拍摄吸光类商品 29

2.3.3 拍摄反光类商品 29

2.3.4 拍摄透明类商品 30

2.4 图片的切片与管理 30

2.4.1 切片的创建 31

2.4.2 切片的导出 31

2.5 商品图片上传 32

2.5.1 商品素材的上传 32

2.5.2 商品素材的管理 35

注意事项 批量编辑素材 37

2.6 商品信息发布 37

2.6.1 宝贝类目的选择 37

2.6.2 基础素材编辑 38

2.6.3 导购素材编辑 39

案例实战：详情页的切片处理 40

新手答疑 42

第3章

商品图片的后期处理

3.1 商品图片的基础处理 44

3.1.1 调整商品图片的大小 44

注意事项 自定义图像的宽度和高度 44

3.1.2 裁剪规则商品的图片 45

注意事项 新建裁剪预设 45

3.1.3 校正图片的透视效果 46

3.1.4 导出规定大小的图片 46

知识链接 存储为Web所用格式 47

3.1.5 校正倾斜的图片 47

3.2 商品图片的抠取 49

3.2.1 抠取单色背景图片 49

3.2.2 抠取规则商品图片 50

3.2.3 抠取不规则商品图片 52

3.2.4 抠取琐碎边缘商品图片 54

3.2.5 抠取带有模特的商品 55

3.3 商品图片颜色的校正 57

3.3.1 调整曝光不足的商品图片 57

注意事项 调整图像颜色的两种方法 57

3.3.2 调整曝光过度的商品图片 57

注意事项 混合模式的基础 58

3.3.3 校正偏色商品图像 59

注意事项 校正偏色图像的多种方法 59

3.3.4 加强商品图片饱和度 59

知识链接 使用“色相/饱和度”命令调整图像色相 60

3.3.5 通过取样校正图像颜色 60

注意事项 将参数恢复到默认值 61

3.4 商品图片的瑕疵修复 61

3.4.1 净化商品图片背景 61

3.4.2 去除商品图片中的杂物 62

3.4.3 修复商品图片上的瑕疵 63

3.4.4 去除图像中的杂物并制作白底图 64

3.5 丰富商品图片内容 65

3.5.1 添加商品文案信息 65

3.5.2 添加装饰形状 67

知识链接 绘制精确尺寸的矩形 68

3.5.3 添加倒影/投影效果 69

3.5.4 添加水印 71

注意事项 不能被动作命令记录的操作 72

3.5.5 使商品主体更加立体化 72

案例实战：全面优化图像显示 74

新手答疑 76