本书采用理论与案例结合的方式,由电商从业者和电商教师共同编写,详细介绍了网店美工所需要的基础知识与基本技能,通过案例、任务等多种形式,帮助学习者在较短的时间内有效掌握美工设计所需的知识、技能与方法,具备良好的实战操作能力。全书共8章,依次讲解网店美工入门基础、商品图片处理与美化、电商视觉设计的基本要素、店铺Logo与主图的视觉设计、网店首页视觉设计、商品详情页的设计与制作、网店营销推广图的制作、移动端网店的视觉设计与装修。本书层次分明、**突出、步骤清晰、循序渐进,让读者可以更好、更快、更深入的掌握美工基本技能。本书既可以作为职业院校电子商务、市场营销类专业的教学用书,也可以作为从业人员的参考用书。

第1章 网店美工入门基础
本章导读
随着互联网的普及和电子商务的发展,网络购物日渐成熟,正变革着社会的消费方式,改变着人们的消费习惯。网络购物的快速发展也直接带动了商品摄影、美术设计等行业的发展壮大,为经济发展增添了新动能。
本章主要为大家介绍当今新兴的一种职业——网店美工,了解什么是网店美工、网店美工工作范畴,以及从事此职业需要了解哪些专业知识。
学习目标
知识目标
1.了解网店美工的工作范畴;
2.了解网店美工技能要求。
能力目标
1.能够安装网店美工所需要的软件;
2.能够独立完成网店美工需要做的准备工作。


1.1 网店美工概述
在网络上买家看不到商品本身,图片、文字和视频就成为商品信息传递的重要元素。一张设计精美的商品详情页可以给人以舒适的、直观的视觉感受,让消费者从设计的界面中了解到更多商品相关信息,所以美工对于电商的重要性就不言而喻了。
1.1.1网店美工的工作范畴
网店美工是淘宝、天猫、等一系列网店页面设计美化人员的统称,也是网店运营过程中一个非常重要的岗位。
网店美工的主要工作内容是商品图片拍摄与美化、制作商品主图和详情页、设计各类商品海报、网络店铺装修与美化等,如图1-1、图1-2、图1-3所示。

第1章 网店美工入门基础 / 001 1.1 网店美工概述 / 001 1.1.1 网店美工的工作范畴 / 002 1.1.2 网店美工的技能要求 / 003 1.1.3 网店美工交流平台 / 003 1.2 网店美工工作准备 / 004 1.2.1 常用工作软件 / 004 1.2.2 常用字体安装 / 006 1.2.3 网店美工素材库 / 006 第2章 商品图片的处理与美化 / 008 2.1 Photoshop软件的基本操作 / 009 2.1.1 认识Photoshop的工作界面 / 009 2.1.2 调整PS的界面视图 / 010 2.1.3 应用PS的辅助工具 / 012 2.1.4 图像文件的基本操作 / 015 2.2 商品图片颜色的调整 / 016 2.2.1 调整存在曝光问题的图片 / 017 2.2.2 调整有色差的图片 / 023 2.3 商品图片的抠取 / 026 2.3.1 抠取规则图形的商品图片 / 026 2.3.2 抠取背景简单的商品图片 / 028 2.3.3 抠取图形复杂的商品图片 / 030 2.4 商品图片的美化与修饰 / 032 2.4.1 使用污点修复画笔工具去除污点 / 032 2.4.2 使用仿制图章工具修复图片 / 034 2.4.3 使用修补工具修复图片 / 036 2.4.4 调整模糊的图片 / 037 2.5 商品图片尺寸的调整 / 039 2.5.1 商品拍摄原图的裁剪 / 039 2.5.2 调整商品图片的尺寸 / 040 第3章 电商视觉设计的基本要素 / 042 3.1 设计中的色彩 / 042 3.1.1 色彩的基本原理 / 043 3.1.2 认识色调 / 047 3.1.3 色彩感觉设计应用 / 047 3.1.4 色彩的搭配方法 / 053 3.1.5 色彩比例控制 / 056 3.2 设计中的文字 / 056 3.2.1 文字的性格特征 / 056 3.2.2 字体的**使用技巧 / 058 3.2.3 文字编排的基本原则 / 063 3.2.4 文字排版设计技巧 / 065 3.3 视觉设计元素构成 / 066 3.3.1 设计构图的作用 / 066 3.3.2 常见构图形式 / 067 第4章 店铺Logo与主图的视觉设计 / 070 4.1 Logo的视觉设计 / 071 4.1.1 Logo的定义 / 071 4.1.2 Logo的类型 / 071 4.1.3 评价Logo的标准 / 072 4.1.4 Logo的设计思路 / 073 4.1.5 如何向领导或客户推销你设计的Logo / 074 4.1.6 Logo的制作 / 075 4.2 主图的设计与制作 / 076 4.2.1 主图的尺寸要求 / 077 4.2.2 主图的设计规范 / 077 4.2.3 主图的设计思路 / 078 4.2.4 主图的制作 / 079 第5章 网店首页视觉设计 / 083 5.1 网络店铺首页装修及其设计思路 / 083 5.1.1 网店首页装修设计的目的 / 084 5.1.2 网店店铺首页基本布局 / 084 5.2 店铺首页核心模块设计 / 085 5.2.1 店招的设计制作 / 085 5.2.2 轮播海报设计 / 087 5.2.3 客服模块的设计制作 / 097 5.2.4 商品陈列展示模块设计 / 100 5.2.5 店铺页尾区设计 / 108 第6章 商品详情页的设计制作 / 114 6.1 商品详情页及其设计思路 / 114 6.1.1 认识商品详情页 / 115 6.1.2 商品详情页的作用 / 115 6.1.3 商品详情页规格 / 115 6.2 商品详情页的制作要点 / 116 6.2.1 详情页前期策划 / 116 6.2.2 详情页设计思路 / 118 6.3 商品详情页核心模块设计 / 121 6.3.1 商品焦点图设计 / 121 6.3.2 商品基本参数设计 / 124 6.3.3 商品卖点设