淘宝美工讲义

1、电子商务专业人才培训教材：淘宝美工讲义淘金商学院2012年8月目录第一章：初识淘宝1、 淘宝美工的岗位职责和学习内容2、 了解店铺构造3、 为什么要进行网店装修工作4、 优秀店铺欣赏第二章：Photoshop软件基础操作1、 软件基础知识及界面介绍2、 工具箱介绍3、 图层操作4、 图层蒙版5、 调色命令第三章 店铺总体设计要领 1、店铺装修注意事项2、操作练习3、作业点评第四章 店招制作 1、店招制作2、操作练习3、作业点评第五章：分类导航及客服中心制作1、 分类导航及客服中心制作2、操作练习3、作业点评第六章：宝贝陈列设计1、 宝贝陈列设计2、操作练习3、作业点评第七章：内页制作1、 内页制作规则（以家纺内页制作规则为例）2、 内页制作前准备（修图、美化图片、抠图、调色）2、操作练习3、作业点评第八章：产品上架1、 上传宝贝及主图制作2、操作练习3、作业点评第九章：海报设计与制作1、 海报设计与制作2、操作练习3、作业点评第十章：店铺整体色彩风格设计与装修1、 整店风格设计与装修2、 作业点评第一章：初识淘宝1、淘宝美工的岗位职责（淘宝店铺页面设计、美化、网店促销海报制做、宝贝内页

2、设计、图片美化、切片、上传宝贝等）淘宝美工应该熟练使用Photoshop、Flash、fireworks、Dreamweaver等常用设计制作软件2、了解店铺构造（店招、首页海报、分类导航、客服中心、分区、侧边栏、主图、宝贝详情、内页海报、页尾）淘宝店铺首页的结构一般如下：3、为什么要进行店铺装修如果个买家找到了三家店铺做对比，如果你的店铺装修得更专业到位，买家的眼球自然会被你的店铺吸引，那么你给这位买家之第印象已经很好很深刻了。电视广告为什么要花血本做那么多动画广告呢？丢几张图片不为更省事，当然目的就为用动画营造视觉效果，让你对他们的产品印象更深刻！或许您会说，我店铺不装修生意样非常好，商品质量才为王道，但有好的商品同样未必会有很好的生意，还要在装修上下点工夫，这里就要谈到淘宝店铺的装修了，试问有哪位买家有耐心看你写之乱七八糟之东西呢？装修不只为装修店铺，还要装修你的商品，把你的描述写得尽量言简意赅，宝贝图片尽量清晰！你要时刻站在买家之立场来装修你的店铺，还要时刻站在买家之立场来经营你的生意！4、网店装修之优秀店铺赏析从设计师和买家的角度，我们来对一些店铺的设计进行分析，希望对大家有

3、所帮助。下面是男装类服装网店的装修解析。【整体色调】作为休闲男装类的店铺，既要考虑到休闲服装风格的多样性，也要注意表现男士适当的沉稳和严肃，太过于艳丽的暖色调会引起男生的反感，而过于冷静的中性灰或者黑色也不能传达休闲服装的那种张力与青春。所以卖家选用了一种蓝色，借用天空的色系表现张力，但将蓝色的饱和度适当降低，一来便于阅读（色彩饱和度低的颜色更加利于阅读），二来增加一些稳重的意味。小贴士：1. 需要根据出售商品类别选择适合的店铺颜色；2. 选择的店铺整体色彩的饱和度不宜过高，否则买家浏览容易视觉疲劳；【首屏设计】在首屏设计中大家觉得什么最重要？许多卖家会说是店招，另外一些卖家可能会说是广告，以自己的设计经验，告诉大家，首屏最重要的设计其实是导航，导航肩负着引领用户在不同店铺页面中流转，从商品详情到店铺，从店铺首页到公告页，从店铺分类页面回到店铺首页，都需要导航的引导以在设计上，最好能够首先突出店铺导航。小贴士：1.在首屏的设计中，导航条应该是最醒目突出的；2.店铺招牌只需要用户记住你的店铺品牌即可，需要做到简明扼要。加入品牌logo，主营商品类别，店铺名称即可，如果有品牌广告语可以填写

4、，但尽量不要让店铺招牌的信息量过大；不然买家可能什么都记不住。【店铺分类图片设计】许多卖家都喜欢用图片形式的店铺分类展示，自己也非常喜欢，因为图片形式更加美观，更重要的是，图片形式能够让分类的视觉更有层次感，便于买家快速阅读。九天之城的分类图片设计层次感是非常好的，一级分类用了大块的深色调，一目了然，便于买家快速寻找。在找到一级类目之后，再在当前分类下找二级分类便是非常快速的了。小贴士：1.店铺分类图片设计需要层次感，一级类目的图片视觉表现要强于二级分类图片；2.店铺分类图片设计需要避免花哨，因为用户需要浏览的是文字信息；【广告图片设计】究竟什么样的广告才算好广告呢？无论是传统领域还是互联网，原则其实都是一样的：1.一个广告只说明一件事情，不要企图表达几件事情（一个主题）；2.广告最突出的，一般来说应该是商品，而不是图片漂亮的花边和修饰；3.文案简明扼要，最好不要超过20个字，阅读20个字的时间一般是45秒，对于买家来讲，太多的文字会直接pass掉（学会做减法，减到不能再减）。第二章：Photoshop软件基础操作1、软件基础知识及界面介绍Photoshop是Adobe公司开发的一个跨

5、平台的平面图像处理软件，是专业设计人员的首选软件。Photoshop是图像处理软件，其优势不在图形创作。 图像处理是对已有的位图图像进行编辑、加工、处理以及运用一些特殊效果。 Photoshop的界面由菜单栏、工具选项栏、工具箱、图像窗口、浮动调板、状态栏等 菜单栏：将Photoshop所有的操作进行分类。如编辑、图像、图层、滤镜； n 工具选项栏：会随着使用的工具不同，工具选项栏上的设置项也不同； n 工具箱：工具下有三角标记，即该工具下还有其它类似的命令。当选择使用某工具，工具选项栏则列出该工具的选项； 按工具上提示的快捷键使用该工具 按SHIFT+工具上提示的快捷键切换使用这些工具 按TAB 显示/隐藏工具箱、工具选项栏和调板 按F 切换屏幕模式（标准屏幕模式、带有菜单栏的全屏模式、全屏模式） n 状态栏：包含四个部分，分别为：图像显示比例、文件大小、浮动菜单按钮及工具提示栏； n 浮动调板：可在窗口菜单中显示各种调板。 双击调板标题：最小化或还原调板 拖动调板标签：分离和置入调板 调板右边三角：调板菜单 复位调板位置：窗口-工作区-复位调板位置 存储工作区：窗口-工作区-存储工

6、作区 SHIFT+TAB：显示隐藏调板 2、工具箱介绍一、 规则选框工具M 主要功能是在文件中创建各种类型的规则选择区域，创建后，操作只在选框内进行，选框外不受任何影响。 包括矩形、椭圆、单行、单列选区工具。 1、 复位工具： 右击工具选项栏前端，选择复位工具或复位所有工具，将该工具或所有工具选项恢复为默认的设置。 2、 填充和描边选区： u 建立选区，可使用ALT+DEL或ALT+BackSpace填充前景色，CTRL+DEL或CTRL+BackSpace填充背景色。 u 建立选区，可使用编辑-填充（SHIFT+F5）或描边。 3、 羽化选区（CTRL+ALT+D）：使用边缘有光晕和柔和的效果，降低边缘的对比度。例子：BABY、山水羽化。 4、 消除锯齿：使圆形或弧形边缘更光滑； 5、 样式：正常，约束长宽比和固定大小。 6、 创建新选区时 SHIFT+规则选框工具：绘制正的选区 ALT+规则选框工具：从中心点开始绘制 SHIFT+ALT+规则选区工具：从中心点开始绘制的正选区 在绘制时，按SPACE键：可绘制移动选区 CTRL+D：取消选区 7、 选区的布尔运算：选区创建后 按SH

7、IFT，再选：增加选区（加选） 按ALT，再选：减小选区（减选） 按SHIFT+ALT，再选：相交选区（交选） 8、 移动和复制选区内容 按CTRL移动选区：移动选区内容 按CTRL+ALT移动选区：复制选区内容 规则选框工具选项栏中，有对应的选项。 二、 套索工具L 用于建立复杂的几何形状的选区。 1. 普通套索工具：用于建立自由形状的选区。 2. 多边形套索工具：用于建立直线型的多边型选择区域。首次建立选区时按住Shift键可约束画线的角度为水平、垂直及45度。 技巧：普通套索和多边形套索工具使用时，按ALT可临时互相切换。 3. 磁性套索工具：自动捕捉物体的边缘以建立选区。 l 宽度：定义此工具检索的距离范围（1-40P）； l 边对比度：定义此工具查找时对边缘的敏感程度（1%-100%）； l 频率：生成固定点的多少；（0-100） l 钢笔压力：用来设置绘图板的笔刷压力。只有安装了绘图板和相关驱动才有效，勾选此项套索的宽度变细。 技巧：在边缘精确定义的图像上，您可以试用更大的宽度和更高的边对比度，然后大致地跟踪边缘。在边缘较柔和的图像上，尝试使用较小的宽度和较低的边对比度，然

8、后更精确地跟踪边缘。 结束当前的路径，双击鼠标：曲线闭合选区 结束当前的路径，按ALT+双击鼠标：直线闭合选区 选区时，直接按DEL或Backspace ：删除刚画好的锚点和路径片段 动态改变磁性套索的宽度 、（增大或减小） 在磁性套索工具下，ALT+单击：切换磁性套索和多边形套索工具 三、 魔棒工具W 魔棒工具是基于图像中相邻像素的颜色近似程度来进行选择的，适合选取图像中颜色相近或有大色块单色区域的图像（以鼠标的落点颜色为基色）。 l 容差：决定选择区域的精度，值越大越不精确（0-255）； l 连续的：只选择与鼠标落点处颜色相近相连的部分； l 用于所有图层：选择所有层上与鼠标落点处颜色相近的部分；否则只选当前层。四、 橡皮擦工具E 橡皮擦工具：用于擦除图像中不需要的颜色。主要包括3个工具，分述如下： 1. 普通橡皮擦工具：擦除普通层时露出透明色，擦除背景层时露出背景色。 l 画笔：选择大小及形状； l 模式：用于设置擦除的方式，包括3种：画笔、铅笔、块。 l 不透明度、流量、喷枪与画笔工具一致（略）。 l 抹到历史记录：勾选后等同于历史记录画笔工具。 2. 背景橡皮擦工具：无论是

9、在普通层还是在背景层，均可将图像擦除为透明色。注：擦除背景层时自动会将背景层转化为普通图层。 l 画笔：设定橡皮擦的大小和形状； l 限制：限制擦除颜色的范围： u 不连续：可删除所有取样颜色，在选定的区域内多次重复擦除； u 临近：只有取样颜色相关联的区域才会被擦除；一次性； u 查找边缘：擦除包含取样颜色相关联区域并保留边缘的清晰与锐利；（可将容差设为1，取样改为一次进行尝试）； l 保护前景色：与前景色相同的图像区域不会被擦除； l 取样：决定被擦除颜色的方式： u 连续：进行多次取样； u 一次：只进行一次选样； u 背景色板：首先设置背景色，然后找与背景相近的颜色进行擦除； 3. 魔术橡皮擦工具：根据颜色的近似程来确定将图像擦成透明的程度， 例子：擦除花的背景 总结： 根据形状建立选区： 1. 规则形状：如矩形、椭圆、单列/行选区。 2. 不规则形状：自由套索和多边形套索 根据颜色建立选区： 1. 魔棒工具：选取相同色彩范围内的像素； 2. 魔术橡皮擦工具：删除背景，把对象分离出来； 3. 色彩范围：提供了更多的色彩选取控制。 根据形状和颜色建立选区： 2. 磁性套索工具：适

10、用于对象的边缘与背景对比强烈时使用。 3. 抽出：适用于分离复杂图像。 4. 背景橡皮擦工具：适用于分离图像，但能对指定颜色保护。 五、 移动工具V 移动工具：移动选区内容、辅助线或层的内容；也可以将内容置入其它文档中。 注意：不管当前使用什么工具，只要按Ctrl键切换到移动工具（钢笔、抓手、缩放和切片工具除外）。移动对象时，按Alt键可以复制对象，在其它工具（钢笔、抓手、缩放和切片工具除外）下，按CTRL+ALT键也可复制对象。六、 绘制路径 1、 钢笔工具（P）： l 使用钢笔工具，在其选项栏中单击路径图标，开始绘制第一个锚点，然后 单击 直线 以节点为中心拖动 曲线 按CTRL键 临时切换到“直接选择工具” 按ALT键 临时切换到“转换点工具” 按CTRL+单击 以开放路径结束 l 使用自由钢笔工具，在其选项栏中单击路径图标，然后 ALT键 临时切换到直线绘制 ALT键+拖动 以手绘路径 曲线拟合：数字越大，形成的路径简单，锚点越少；数字越小，路径上的锚点越多，路径也就相应地越符合物体的边缘。 宽度、边对比度及频率是磁性套索工具一致。 注意：使用钢笔工具或自由钢笔工具，可以用于描

11、图并创建选区。在路径调板中查看路径。 例子：脸谱。 2、 形状工具（U）： 分为矩形形状工具、圆角矩形形状工具、椭圆形状工具、多边形形状工具、直线工具和自定义形状工具。 l 使用形状图层：是带图层矢量蒙版的填充图层； l 使用路径：创建新的工作路径，在路径调板中查看路径。 l 填充像素：在当前的图层中创建像素形状，由前景色填充。 注意：使用形状工具创建的路径为工作路径，可以在路径调板中查看。也可以将当前路径，使用“编辑-定义自定形状”，便于以后的使用。 3、 文字转换为工作路径 输入文字，选择文字图层，使用图层-文字-创建工作路径 调整锚点和路径 1、 选择路径或锚点 l 路径选择工具：选定整个路径。 l 直接选择工具：选定路径段和锚点。 CTRL+路径相关工具 路径选择工具 CTRL+ALT+直接选择工具 转换点工具 ALT+直接选择（路径选择）工具 复制路径 2、 添加、删除和转换锚点 对已选择的路径使用“钢笔工具”，会增加或删除锚点，或对已选择的路径使用添加删除锚点工具。 对已选择的路径使用“转换点工具”，可以将平滑点转换为无方向线的角点，也可将平滑点转换为有方向线的角点，还可将

12、角点转换为平滑点。 l 平滑点-无方向线角点：在已选择的路径上，使用转换点工具直接在锚点上单击。 l 平滑点-有方向线的角点：选取锚点一侧的路径段，使用“转换点工具”，拖动方向线上的控制点。 l 角点-平滑点：在已选择的路径上，使用转换点工具拖动锚点，拉出方向线。 路径调板 路径分为：工作路径、路径、矢量蒙版路径 1、 选区创建工作路径：创建选区后，点击新建工作路径或ALT键点击新建工作路径。工作路径是临时路径，不是图像一部分，需要存储为路径。在路径调板上只有一个工作路径。 2、 选区转换为路径：将选区转换为工作路径后，拖动或按ALT拖动至新建路径。 3、 路径转换为选区：点击或ALT键点击“路径载入选区”按钮。 4、 描边路径：先设置画笔和前景色，点击或ALT键点击描边路径。 七、 文字图层 一、 创建文字 1、 文字工具T：有四种文字工具，其中包括水平文字，垂直文字，水平文本选区，垂直文字选区。 l 使用水平文字或垂直文字，可以创建点文字和段落文字。 l 使用水平文本选区或垂直文字选区，进入快速蒙版状态，结束文本输入后，会形成文本选区。 2、 使用水平或垂直文字工具，在图像中单击输

13、入文字（生成点文字）或拖动（生成段落文字），后，会生成一个文字图层，该图层上有一个T字母，表示文字图层。采用以下方法结束输入。 l 按数字键盘的ENTER键； l 按CTRL+ENTER键结束； l 在工具箱中选择任意工具； 3、 文字选项栏 文字方向、字体、字形、字号、设定消除锯齿选项、文字对齐方式、文字颜色、文字弯曲、字符和段落调板、取消当前的编辑、执行当前的编辑。 注意：可在输入文字时修改属性，也可完成输入后修改属性。完成输入后双击文字图层。 4、 点文字和段落文字 Photoshop中有两种输入文字的方式。 l 点文字：用于输入少量的文字，不能自动换行，需回车进入下一行。 l 段落文字：用于输入大段的需要换行或分段的文字，具备自动换行的功能。 l 点文字和段落文字的转换：选中文字图层，使用“图层-文字-转换为段落文字或转换为点文字” 5、 创建段落文字 l 使用文字工具并拖拉； l 按ALT键的同时单击鼠标，在弹出的“段落文字大小”，输入宽度和高度。 l 按ALT键的同时拖动鼠标，在弹出的“段落文字大小”，会显示当前段落文字的宽度和高度，并可以修改。 注意：文字的单位，可在“编

14、辑-预置CTRL+K-单位与标尺”中修改。 6、 字符和段落调板 字符调板：功能分别有字体、字型；字号、行距、字符垂直比例、字符水平比例；字符周围空间比例、字距调整、字距微调；基线位移、字符颜色；仿粗体、仿斜体、全部大写字母、小型大写字母、上标、下标、下划线、删除线；设定字典、消除锯齿。 注意：“消除锯齿”命令会在文字边缘自动填充一些像素，使之溶入文字的背景色中。当创建网上使用的文字时，需要考虑到消除锯齿会大大增加原图像中的颜色数量，这样会增加文件的大小，并可能导致文字边缘出现杂色。 注意：“消除锯齿”命令有“无”、“锐化”、“明晰”、“强”、“平滑”。 段落调板：功能分别有段落对齐齐左、居中、齐右、末行齐左、末行居中、末行齐右、全部对齐；段落缩进左缩进、右缩进、首行缩进（输入负值为悬挂缩进）、段前距和段后距。 二、 修改文字图层 1、 改变文字框大小 用鼠标拖动文字框的把手可缩小段落文字框，但不影响文字框文字的各项设定，只是放不下的文字会被隐含，文字框右下角的角把手成为“田”字。 CTRL+角把手 缩放文字框，文字同时缩小。 SHIFT+角把手 等比例缩放。 CTRL+边把手 文字框

15、倾斜 CTRL+SHIFT+边把手 限制倾斜的方向 2、 文字弯曲变形 在文字选项栏中使用“变形文字”或使用“图层-文字-文字变形”，包括：扇形，下弧、上弧、拱形、凸起，贝壳、花冠、旗帜、波浪、鱼形、增加、鱼眼、膨胀、挤压、扭转。 注意：对文字图层不能进行“变形”，原因一：文字不是truetype字体，原因二：文字使用了仿粗体。文字变形后，就不能像正常文字块那样调节大小了。 3、 文字转换：不能对文字使用扭曲和透视，有很多滤镜不能使用，需要将文字图层栅格化。 l 文字图层转换为图像图层 选择文字图层，右击选择“栅格化”或使用“图层-栅格化-文字”，栅格化后的图层为图像图层，不可再进行文字的编辑，并且不可逆化为文字图层。 l 文字图层转换为路径或形状 选择文字图层，使用“图层-文字-创建工作路径或转换为形状”。 4、 文字适合路径 可以使用钢笔、直线或形状等工具绘制路径，然后沿着该路径键入文本。可使用路径选择工具，改变文本的起点、终点及方向。 5、 文字图层样式 文字图层和其他图层一样可以执行各种“图层样式”中定义的各种效果，也可使用“样式”调板中的存储的各种样式。3、 图 层 操 作

16、一、 图层概念 层好比是一张透明的醋酸纸，层与层之间是叠加的。若上层无任何图像，对当前层无影响，若上层有图像，与当前层重叠的部分，会遮住当前层的图像。 二、 图层类型 背景层、图像层、蒙版层、调整层、填充层、形状层、文字层、图层组。 背景层特点：位于底部、锁定的、不能移动、不能有透明区域、不能添加蒙版和图层样式，决定了图像画布的大小。 技巧：双击“背景层”转换为“图层”或使用“图层新建背景层”命令； 三、 图层面板 四、 图层的基本操作 1. 创建新图层 l 点击 “新建图层”按钮：默认选项创建图层。 l 按ALT键点击“新建图层”按钮：指定选项创建新图层CTRL+SHIFT+N 注意：图层选项：名称、使用下面的图层可创建剪贴蒙版、颜色、模式、不透明度、填充模式中性色。 l 通过拷贝和粘贴选区建立新图层。 l 通过拖动建立新图层。 l 从“图层”菜单新建图层 1 图层-新建-图层 2 图层-新建-通过拷贝的图层CTRL+J 3 图层-新建-通过剪切的图层CTRL+SHIFT+J 注意：按CTRL+C、CTRL+V也可产生新图层，但新图层中的内容不在原来位置。 4 图层-新建-背景图层

17、2. 背景层和普通层的相互转换 使用白色背景或彩色背景创建新图像时，图层调板中最下面的图像为背景。一幅图像只能有一个背景。您无法更改背景的堆叠顺序、混合模式或不透明度。但是，可以将背景转换为常规图层。 创建透明的新图像时，图像没有背景图层。 l 在图层调板中双击“背景层”，或者选取“图层”“新建”“背景图层”。 l 选中图层，使用“图层”“新建”“背景图层”。 3. 复制图层 l 默认选项复制图层：拖动图层至“新建图层”按钮。 l 指定选项复制图层：拖动图层并按ALT键至“新建图层”按钮。 注意：按ALT键拖动图层至新建图层时，选择目的为文档新建，可以将图层复制为新文档。 4. 删除图层 l 点击“删除图层”按钮，提示是否删除。 l ALT+点击“删除图层”按钮，直接删除。 注意：不仅可删除普通图层，还可以删除隐藏和链接的图层。 5. 显示隐藏图层 l 点击眼睛：切换显示和隐藏 l 按Alt键击眼睛：切换显示或隐藏其它层。 6. 更改图层顺序 l 直接在图层之间拖动来更改顺序（最佳） l 使用图层-排列： 置为顶层 CTRL+SHIFT+ 置为底层 CTRL+SHIFT+ 前移一层 C

18、TRL+ 后移一层 CTRL+ 7. 锁定图层 锁定分为四种：锁定透明区域、锁定图像、锁定位置 、全部锁定 。 还可以在图层菜单选择：“锁定所有链接图层”或“锁定组中的所有图层”。 8. 合并图层 图层-向下合并CTRL+E（合并图层组或合并链接的图层），合并所见图层CTRL+SHIFT+E、拼合图层。 注意：拼合图层会提示是否扔掉隐藏图层，将可见图层合并至背景层。合并和拼合图层时，图层样式和蒙版将被应用而后删除，文字被栅格化。 9. 修边 复制粘贴图像时，边缘不平滑，可以使用修边：移去黑色或白色边缘、去边。 五、 链接图层 将两个或更多的图层或图层组链接起来，可以对它们整体。如：应用变换和创建剪贴蒙版，对齐和分布。 l 链接和取消链接：点击图层前的小方块，出现链接 图标，再一次点击该处，取消链接。 l 对齐与分布 图层链接后才可以进行对齐和分布。对齐有：顶部对齐，垂直中心对齐，底部对齐，左对齐，水平中心对齐，右对齐。分布有：顶边、垂直居中、底部、左边、水平居中、右边分布。 l 锁定所有链接图层 l 由链接图层新建组 l 合并链接图层：图层-合并链接图层CTRL+E l 从链接图层创建

19、剪贴蒙版：图层-从链接图层创建剪贴蒙版CTRL+G，图层-释放剪贴蒙版 六、 管理图层 1、 图层组：利用图层组可管理图层，它和文件夹的概念是类似的。 l 点击“新建图层组”：按默认选项创建图层组； l 按ALT键点击“新建图层组”：按指定选项创建图层组； l 由链接图层新建图层组：选中链接图层中的任意图层执行“图层-新建-图层组来自链接的图层” 2、 图层或图层组属性 l 按ALT键双击图层或图层组名称，打开图层或图层组属性，可修改名称和标记颜色。 3、 删除图层组 l 选中图层组，点击删除（建议使用这种方法），然后再选择删除“组和内容”、“仅限组”。 4、 图层蒙版 一、 蒙版的概念 蒙版可以用来将图像的某部分分离开来，保护图像的某部分不被编辑。当基于一个选区创建蒙版时，没有选中的区域成为被蒙版蒙住的区域，也就是被保护的区域，可防止被编辑或修改，也可以将蒙版用于其他复杂的编辑工作，如对图像执行颜色变换或滤镜效果等。 注意：背景层不能添加蒙版 二、 快速蒙版Q 快速蒙版是为了更好选取区域，按Q键是标准模式和快速蒙版模式之间的切换。在快速蒙版模式下，Photoshop自动转换成灰阶模式

20、，前景色为黑色，背景色为白色（可按X键，交换前景色和背景色）。使用画笔、铅笔、历史笔刷、橡皮擦、渐变等绘图和编辑工具来增加和减少蒙版面积来确定选区。用黑色绘制时，显示为红“膜”，该区域不被选中，即增加蒙版的面积被保护。用白色绘制时，红“膜”被减少，该区域被选中，即减小蒙版的面积。用灰色绘制，该区域被羽化，有部分被选中。 注意：在快速蒙版模式下，编辑蒙版区域，自动创建“快速蒙版”临时蒙版（在通道中可以查看），切换至标准模式，快速蒙版自动取消。 例子：快速蒙版练习1、2 三、 剪贴蒙版 使用基底图层的形状来显示上层图层的内容。剪贴蒙版中只能包括连续图层。 l 创建剪贴蒙版：选择上层图层，使用“图层-创建剪贴蒙版CTRL+G”或选择链接的图层，使用“图层-从链接图层创建剪贴蒙版CTRL+G”，或按ALT键单击两层之间的边界线。 l 释放剪贴蒙版：使用“图层-释放剪贴蒙版CTRL+SHIFT+G”，或按ALT键单击剪贴层之间的边界线。 例子：剪贴蒙版练习 四、 图层蒙版 在带有蒙版的图像组合层中，右边的图层是蒙版，它是基于灰阶的图层蒙版，其中为白色的部分会显示左边普通图层中相对应的区域；黑色的

21、部分是蒙版，隐藏左边普通图层中相对应的区域。灰色区域相对应的区域显示为半透明。 五、 自动创建蒙版 l 先使用复制命令，再制作选区，将内容“粘贴入”选区中。超出选区以外的复制内容将隐藏。 l 按ALT键使用“粘贴入”命令，将内容“粘贴入”反选区域中 注意：自动蒙版与图像在缺省状态下是非链接的。 六、 添加图层蒙版 l 先制作选区，点击层面板中的“添加蒙版”按钮或使用“图层-添加图层蒙版-显示区域”。在选区填充为白色（即显示左边普通图层中相对应的区域）。 l 若不作选区，点击层面板中的“添加到蒙版”按钮或使用“图层-添加图层蒙版-显示全部”。在整个蒙版图层中填充白色（即显示全部）。 l 先制作选区，按ALT键点击“添加蒙版”按钮或使用“图层-添加图层蒙版-隐藏区域”，在蒙版图层中选区填充为黑色（即隐藏左边普通图层中相对应的区域）。 l 若不作选区，按ALT键点击“添加蒙版”按钮或使用“图层-添加图层蒙版-隐藏全部”。在整个蒙版图层中填充黑色（即隐藏全部）。 注意：添加图层蒙版后，会创建永久蒙版（在通道中可以查看到） 七、 蒙版编辑 l 蒙版的开与关：按ALT键单击“图层蒙版缩略图”，显示

22、蒙版；再次按Alt击看到图像； l 暂时停用蒙版或剪贴路径的蒙版：按Shift键单击“蒙版缩略图”；再次按Shift击，则返回。 l 删除蒙版：执行“图层移去图层蒙版”命令，选择“扔掉”或“应用”。也可将选中蒙版点击删除图标上，选择弹出对话框中的“不应用”，“取消”，“应用”。 l 在图层编辑，图层前会出现笔的提示；在蒙版编辑，图层前会出蒙版的提示。 例子：手绘蒙板，图像拼合1、图像拼合2、图像合成（杯中人、流失的城市、X-MAN）、图像修饰、部分保护。 总结： 自动创建蒙版和添加图层蒙版之间的异同点： 相同点：都可以创建蒙版，也都可存储选区为通道 不同点： 1、 自动创建蒙版下，图层与蒙版之间没有链接；而添加图层蒙版下，它们之间有链接。有链接，就意味着图层和蒙版可以一起变换。 2、 自动创建蒙版，在创建需要复制；添加图层蒙版，则不需要。 5、调色命令 实际上，调色跟通道也是有关系的，我们可以通过通道直接调色，其大多数命令在 图像-调整 这里。 调色最重要的三条命令是：色阶、曲线和色相/饱的度。 （1）色阶：在色阶对话框里，含盖了所打开的图像的全部色彩信息，这些信息按亮暗分部在直方图当

23、中。其中，黑色小三角表示暗部区域，白色小三角表示亮部区域。而灰色小三角则表示灰部区域。 拖动这些小三角可以调节色阶，一般把黑白小三角放在有色彩信息的两头即可，而灰色小三角的拖动又可以改变亮暗关系：向白色靠拢将变暗，向黑色靠拢则变亮。 也可以通过吸管来调色，叫做：定场。黑色头的吸管定“黑场”（用吸管吸画面中最黑的地方）；白色头的吸管定白场（用吸管吸画面中最白的地方）；灰色头的吸管定灰场（用吸管吸画面中“中性灰”的地方）。 第三种方法是使用自动色阶，但这样不能得到想要的效果，而且会随色彩偏离应色彩基调。 这些方法都可以通过通道来单独调节，所以说调色跟通道是有关系的。 （2）曲线：实际上是一个坐标图，其中X轴表示输入，Y轴表示输出。 曲线的调节方法是上弦变亮，下弦变暗；通过打点方式可以在曲线上选择一段进行单独调节，这一段用来界定画面上的亮部、灰部或暗部。 在这里同样可以使用吸管工具，与色阶相同。 用曲线可以调出电影胶片的感觉，其方法为：蓝色通道降1/2，绿色通道降1/4，红色通道做对比度。 （3）色相/饱和度：如果说上面两条命令是“校色”的话，这条命令才更多的表现“调色”这种方式。 打开“色

24、相/饱和度”对话框，可以看到里面的颜色通道，选择里面的色彩，可以调节显示颜色（但里面只有六种原色）；选择全图，又可以调整全图的色彩。 这样就需要有吸管来定义要调整的颜色，这时在对话框下边的颜色条里就会出现选择的色彩范围，并出现容差范围，它们也是可以调节的。 如有色彩的干扰，如不需要调的色彩也在变，就需要做选区了。 （4）色彩平衡 是用来调整色彩基调的，如偏暖还是偏冷，还可以用来调出质感。 （5）匹配颜色 可以把光线情况不同的两张照片的光线进行匹配，使之同化，以利于图层的合并。 （6）替换颜色 跟“色相/饱和度”命令有相似之处，用吸管吸取颜色，白色表示选区，然后对色相进行调整。 （7）可选颜色 只可以调整CMYK模式的色彩，而不能调节RGB模式的色彩；但作为一种调色命令，它也可以用来调整色彩。 （8）通道混合器 可以用来调色，但更重要的是它的“单色”选项，这样可以得到高质量的灰度图。 可以得到灰度图的方法：1图像-调整-去色 2图像-模式-灰度 3通道混合器 4图像-应用图像 5图像-计算 6渐变映射 （9）渐变映射 与渐变工具有相似之处，而实际上就是渐变图。渐变由渐变色来决定，而渐变色

25、可以由自己来控制。 （10）曝光度 可以调整曝光值数，并可专门针对高光和阴影进行调节，不会因为给暗部增亮而曝掉阴影，也不会降低高光而使阴影处曝光过低。 （11）色彩均化 使亮暗色彩趋于平衡 （12）阖值 得到黑白图，用来提取插画或漫画的线稿。但直接做阖值得到的黑白图中细节很少，要得到好的线稿可以用这样的方法：滤镜-其他-高反差保留，然后再做阖值。 高反差保留可以提高边线清晰度，但画面会变灰，可以做柔光去掉灰度。第三章 店铺总体设计要领1、店铺装修注意事项网店开起来之后，就要精心装修网店了。网店成交量高低在很大程度上取决于网店装修的好坏。对于淘宝新手来说，网店装修主要应从以下几个方面入手。一、 店铺LOGO淘宝的标准版以上才支持这一部分的，当然如果扶植版想做LOGO的话也行，就只能打在店招上面了，做店铺LOGO要注意构思要精致巧妙，因为它的图片尺寸只有230*70,如果太大的图将显示不齐全，构思的话要各个人去思考了，此处的LOGO最好要跟我的淘宝的店铺基本设置的LOGO要分开，因为后者支持图片的尺寸是120*120的，尺寸不一样，显示的效果也不一样了。二、 店铺的店招尺寸是950*150

26、的，所以你要做的是选好跟自己店铺主题相吻合的创意图片，让人一看就知道你的店铺卖的是什么产品，同时也要注意整体的美观，风格要与整店的风格一致，不会脱离你的风格就行。店铺名称或主营产品名称也要显示，字体要大方得体，再配一些广告语效果就更好了。三、 店铺广告图或广告文字这一部分一般是设置在店招的下方的，尺寸一般有两种：950宽和750宽的，前者是直栏式的，也就是没有左边栏的，后者是放在有左边栏的。当然也有一种是三栏式的，在淘宝比较少卖家用。广告可以是图片也可以是说明文字，图片要一般要展示你店内最好的产品，最有吸引力的产品，再加上适当的部位做一些广告语或促销语。文字模式的话要讲究风格与店铺的统一。字体不能太大，也不能太小一般范围在24-36点为宜。语言需精炼，要能表达自己要说明的内容就行。四、分页分页也就是店招下各个的导航条下的内容，淘宝给我们的分页也有不少，自己选择需要的留下来，不需要的删除掉。我觉得看图购不错的。可以让客户以图片的方式快捷地浏览我们的产品。重要的是自定义的分页。看自己的产品需要去定义这些分页的内容。例如产品的品牌历史，品牌的故事，真假分辨方法，还有个性的图片展示等等都可以用

27、自定义页面去完成。五、宝贝描述模板如果你会做PS和简单的网页设计的话，做这个模板就变得很简单了，不过要注意模板的尺寸宽度不能超过745像素，否则也将会因显示不全而影响了效果。文字的大小和字体搭配还有文字的颜色搭配也将变得尤其重要。最好跟你店铺首页的风格色调要统一，也可以用店招或广告图片做背景。用店铺名称的文字做文字效果，导航条就要看个人认为需不需要了，不过个人认为加导航条会让人觉得比较方便。整体的效果也将会提升不少。我的宝贝描述页面版头部分。另外值得注意的是产品展示的图片大小也要统一，摆放位置也要整洁大方，再加上图片内容的描述搭配将使整个页面变得更加协调和美观，有些产品还可以加些相关内容的图片做背景。这样更加让产品有层次感和质感.六、 细节其实细节的定义很宽，我想说的细节是要注意产品的分类页和一些动画展示的效果在店铺中的搭配。产品分类最好不要直接用文字去分类，那样会让人觉得分类很乱，而且字体一般设置得会比较小，间隔也不够宽，看起来比较费力，如果分类不太多的话最好设置统一的图片做背景，上面文字表达，文字的总宽度也尽量保持一致，最好不要用太跳的动画作分类标，长长的一大段全是这种文字或动画的

28、时候也将给人一种很纷乱的感觉。动画在整个首页占有比率也不能太高，太高的话整个版面都在闪让人不知道点哪个好，索性退出了事。一般在1-3个动画为宜。第四章 店招制作第五章：分类导航及客服中心制作许多卖家都喜欢用图片形式的店铺分类展示，自己也非常喜欢，因为图片形式更加美观，更重要的是，图片形式能够让分类的视觉更有层次感，便于买家快速阅读。九天之城的分类图片设计层次感是非常好的，一级分类用了大块的深色调，一目了然，便于买家快速寻找。在找到一级类目之后，再在当前分类下找二级分类便是非常快速的了。1.店铺分类图片设计需要层次感，一级类目的图片视觉表现要强于二级分类图片；2.店铺分类图片设计需要避免花哨，因为用户需要浏览的是文字信息；第六章：宝贝陈列设计店铺陈列做得好不好，跟跳失率有很大的关系。清晰的陈列，能让买家最快找到你想推荐给他的商品，提高下单率。 首焦图设计之后，接下来要关心的是店铺陈列。一个店铺的陈列，如何做出调性?如何让买家最快找到你想给他推荐的商品?如何让买家对你店里的商品动心?接下来，让我们以图文结合的形式，来讲讲陈列。 一店定江山页面轮廓济晰，主次分明，只需展示买家最需了解的产品信

29、息，符合了买家需求的灭而陈列没计才有价值。因此，卖家需要在有限的灭而中，将图片、文字，包括背景颜色、区分线、字体、标题、折扣信息等，统一风格，贯穿全店。 很多新手卖家会想当然地以为放在首页上的货品当然是越多越好，一来可能因为他们代理了多个品牌，又或者他们自己的品牌因为货品组合方而没有太多的风格感和系列感，二来尽可能多的把各种各样的货品展示出来就能满足各种不同顾客的需求，其实不然。买家进入到这种店铺后第一感觉就好像来到了一个杂货店.虽然东西很多，但没办法第一时间判断这家店是否符合自己需求，粗略地过了一遍后，很容易关闭页面，导致客户流失。 因此，一个店铺必须要有一个基调和一个风格，统一整齐的规划和明确的色彩视觉表现，能让进店的买家第一时间就明确知道店铺的商品定位和销售对象，从而选择离开或者继续深入了解。另外.如果店铺的风格足够鲜明并且给买家留下足够印象，哪怕该买家今天暂时对该风格的商品没有需求，但是一旦哪天她有这方而需求的时候，第一时间会想起该家店铺，从而形成回头客。 “二货”做当家 有了一个明确的色调风格定位之后，还要拥有.个良好的用户I本验才能让买家花更多的时间停留在你的店铺内浏览你的

30、商品，而良好的用户休验在首页的体现便是一个合理的功能布局及货品陈列。 根据大量数据证实，一个新买家进店后在前三屏的点击概率会相当的高，越往后点击率会越低，因此尽可能地让买家在前三屏找到他们想要的产品，而卖家也需要利用好前三屏如何将主打的商品推销出去。 开门见山放爆款：爆款或者潜力爆款，基本上要占据店铺最佳的展示位置，也就是前三屏。这些位置要根据每日的销售数据和转化数据.定期更新，更新内容包括位置、橱窗图，当然更主要的是单个商品的detail页面优化， 一般来说，许多店铺的首屏是由首页焦点图来完成。因此卖家可以着力打造次屏，让热销商品占好这个位置。店铺里热销的商品大部分人都喜欢，喜欢的人越多.销售的数量也就越多，逐步形成了淘宝上的“二八效应”。因此，我们必须把店铺里的“二”单独拉出来，并且这些位置的橱窗图的设计，要大到足以完全展示单品本身，并且放大卖点。 新款灵活放置：新款的放置有多种方式，可以单独设置新品发布区域，或者索性将新品穿插到热卖商.异.区，帮助其提升点击和转化率。刚开始，新品可以放在第三屏，这样能让买家有新鲜感，而不是落入俗套的视觉疲劳。比如针对每批新品选择两个主推款在陈列的

31、图片大小方而做到错落设计，从而达到视觉聚焦的目的。如果新款一旦车令化率高、点击高，亿刻能变为潜力爆款，后续进行二次包装，投直通车或者活动报名以加足流量，可以让其转变为爆款。 三列抢大促 已经过季的、断码的，转化率降低的且库存不足的旧款应该如何处置?根据一般零售原则，这些商品尽量用少的精力去维护，卖家要把精力放在完成更主要的销售上。此类商品，一搬可以设置清仓区，在首页设置对应入口，常见是页面下端，或者让这些商品参加季节性活动促销，当然也完全可以转变成为礼品，以作会员回馈用，赚个好口碑。 那么，促销页面怎么陈列?促销区块怎么堆商品? 营造氛围 拿淘宝网店铺普通页面950像素的宽度为例，一般官方促销或者单店促销的页面，首先要用最简洁的文字.最激发购买欲的图片把促销的内容告诉消费者，先营造整个购买氛围。促销做陈列，要将最有优势、最热卖的商品陈列在最上面。如果你的商品少,1排2一3个陈列.如果商品多，可以3一4个，不要想着尽可能地堆多点。还有，以单品陈列为主，不要设置多级跳转，把要卖的商.n.尽可能地在一个页而展示完全。此外，促销页面的模块越简单越好.描述清晰一些，别让买家费解，或者自己拿个计算

32、器算到底便宜了多少。另外，如果店铺做常规陈列，还有些边边角角的细节需要注意。首先，便是图片大小;在一整个页面上不能所有陈列商品图片均大小一致，应有两到三个大图，这样大小有别会形成一个主次之分;其次，便是颜色;同一行四个或者五个一字陈列的时候.尽可能将暖色调或者冷色调的放置一起.这样有助于色调统一和谐.但同时需要避免同颜色挨个排列，做到错落有致;其三，每一行里的各个位置上的商品价格也有讲究。根据人的浏览习惯，一般相邻的两个商品价格极易做相互比较，因此通过做到中、低、高价的一个排列分布.会让中等价位的商品成交量增加，同时对价格敏感度特高或者特低的买家群体能在这行迅速找到自己需要的商品以及通过相邻比较也会较容易地促进买家购买的欲望;另外，同个类目的商钻放在同行内也有助于买家更加容易地找到自己所需要的商品。 总而言之，陈列本身是一个细致且不停更新的工作，它会根据不同的销售目的、时间、客户群而不停调整。归根结底，要把最好的产品用最适合的方式展现给最优质的客户。第七章：内页制作如今已经进入图片主打的阶段，纵观现如今网络上的营销推广方式也大都是图片打天下。所以网店装修的时候一定要让图片说话，用图片说

33、话才更具有说服力。那么我们如何作图才会让图片会说话呢? 电商行业高速发展的时期，竞争相当激烈，淘宝也愈加强大，现在，在中国，说到网购，相信百分九十以上的人会想到淘宝，在这样一个“淘”品牌的效应下，淘宝卖家也是越来越多，“淘宝是肥塘，赶紧撒网捞大鱼”，但一入淘宝深似海，这里面鱼是不少，怎么入网却给大家出了个大难题。 大家知道引来流量是必不可少的一步，流量是销售的前提，但流量不是订单，流量来了，但是很少有顾客下单，也就是转化率很低，跳失率很高，甚至咨询的人都很少，这让很多卖家朋友很苦恼。 其实，买家进店入口，98%以上是通过宝贝主图，直接访问的是很少的，因为不管你是直通车推广还是淘宝联盟链接，或是官方活动，买家点开的都是一个产品的链接，而买家会不会在店里停留，就取决于描述够不够吸引她（他），下面看看决定买家进店和进店后会不会购买的几个因素：这些相信大家都知道，这些因素确确实实的影响着我们的销量，现在很多卖家也都在这些方面做很大的努力，下面有关图解一下，发何做好这些，和从买家入口点主图开始这两张主图，卖家使用前后点击量有很大的变化，前者点击量非常低，公司库存非常多，主图稍加设计后，这款包包成

34、为了店内主打产品店里的爆款，处理后的图片优势在哪里呢？这是主图做的一些技巧，信息全，版面干净，有主题，最好带品牌LOGO，把顾客拉进你的店铺！下面说说宝贝描述的一些技巧和注意事项：这些是设计宝贝描述的时候需要重点做出的几方面，产品不同做法和卖点也不一样，需要说是的，根据产品的特性和卖点炼，了解买家进店的需求，如何让他们一速下单，在这样一个“什么都不缺”的社会，谁也不会急需一个包包，非得买一件衣服，其实买家（大多数）对这件商品都可有可无，换句话说，他不在这家买，别家也有同样甚至更好的商品，因此在买家停留在你的店铺里的时候，需要抓住顾客的心理，帮其下单。第八章：产品上架宝贝的上架需要符合天猫的行业标准，以家纺行业为例，我们来看一下产品上架的规范：2、 产品规范2.1产品发布规范2.1.1标题发布规范：需包含“品牌+商品名称+材质”2.1.2图片发布规范：主图为实物拍摄，图片上不得出现留白、除LOGO以外的水印主图必须按照以下顺序发布：1）第一张：正面全貌图，场景化背景或白底背景二选一2）第二张：细节图1-材质3）第三张：细节图2-材质4）第四张：水洗标5）第五张：产品包装参考：图1：正面全

35、貌图图2：细节图1-材质图3：细节图2-材质图4：水洗标图5：产品包装2.1.3产品detail页面描述要求：商家在发布商品时必须在描述页面包含以下5个区块，且区块顺序不得更改，主要内容依次为：1）商品情景：产品家居场景主图，附上产品设计风格、系列介绍，不少于1张。2）商品实拍：产品实拍实景图，努力营造产品自身适用场合、风格，提高产品转化，不少于1张。3）商品细节：不少于3张，展示产品各角度、面料、花色、AB版面、支数密度、是否带床裙、规格，花边等图文并茂的信息，同时必须拍照展示吊牌和水洗标。4）商品参数：主要包含以下8个参数。品牌产品名称产品规格尺寸（参照格式：床单230*250CM 被套: 240*220CM）产品成分和含量说明：i.含有填充物的家纺产品：应标明面料以及填充物的种类和含量。羽绒填充物应标明含绒量和充绒量。ii.由各种纤维加工制成的家纺产品：按照含量比例递减的顺序，列出每种纤维的通用名称，并在每种纤维名称前列出该种纤维占产品总体含量的百分率。如：85% 锦纶，15% 粘纤产品重量产品执行标准产品等级【如标注“合格品”】产品洗涤说明参考：图6：商品参数表5）包装图示：附

36、上产品的内包装，包装盒（袋），物流外包装。2.2产品标识标志规范2.2.1产品标识标注必须符合GB5296.4-1998消费品使用说明 纺织品和服装使用说明的要求，在天猫上出售的所有商品的最小销售包装需包含家纺产品使用说明，该说明包括以下内容：1）制造者的名称和地址2）产品名称3）产品型号和规格4）采用原料的成分和含量5）洗涤方法6）使用和贮藏条件的注意事项7）产品使用期限8）产品标准编号9）产品质量等级10 ）产品质量检验合格证明2.3产品质量规范2.3.1产品安全性必须符合GB18401-2010国家纺织产品基本安全技术规范的要求2.3.2产品质量必须符合产品标签上所标识的产品执行标准。2.3.3天猫在售家纺类商品标准与招商标准要求一致：1）床上套件：成分含量、耐水色牢度、耐汗渍色牢度、耐干摩擦色牢度、甲醛、PH值、异味、可分解芳香胺染料、标识标志、外观质量、水洗尺寸变化率。2）羽绒被芯：成分含量、标识标志、含绒量、充绒量、原料要求。3）棉被/蚕丝被芯：成分含量、标识标志、原料要求。第九章 海报设计与制作淘宝店铺首页焦点图是网店宝贝风格和形象的一个展示窗口，首焦图做的好就能让买家驻

37、足流连，就会让买家继续关注下去，反之，则加速了买家的逃离速度。那么，首页焦点图该如何设计才能抓住买家呢？首先我们来看一下图片要：求1、淘宝网首页严禁出现 FLASH 广告，只能用 JPG 格式或 GIF。字体建议使用方正字体，以及宋体，黑体。 2、所有广告投放的素材必须清晰，一旦发现模糊不清质量差的创意必须立即更换； 3、广告素材要求无边框，无阴影，广告素材建议做成静态图，动态效果会影响页面打开的速度,各个焦点图和首页要求静态图。图片若使用闪动效果，闪动频率为大于等1秒/帧，按钮闪动频率为大于等于0.5秒/帧。 （为了让我们的买家快速看到我们的广告，建议大家做成静态图哦） 4、图片严禁出现鼠标的手型、箭头等形状 5、图片严禁出现假分页、翻页；严禁出现视频模式 6、不得出现杂志、媒体、明星推荐、os 认证等字样 7、图片严禁出现拼接形式，不得出现白色竖条 1、除非有授权，素材创意中禁止出现旺旺表情、QQ 表情等在线的表情图片； 2、禁止使用未经授权的图片、明星、模特.(淘宝台湾馆模特也不可使用) 1、禁止出现聚划算（包括巨划算） 、商城 logo 等淘宝官方活动字样和形式 2、创意中不允

38、许出现月销千件，全网最低、淘宝销量第一、售冠军、热荐、顶级等类似以淘宝名义进行宣传或虚假描述给用户造成误导的用词 1、严禁出现静脉曲张字样 2、创意设计避免恶俗、色情等元素； 3、严禁利用恭喜获奖、领取等形式作推广 4、不得借当下热门话题做推广引子，如郭美美、动车追尾事件等 5、推广图片内容不得与链接页面不符避免在同一时间同一页面同时出现你的广告（发现2次拉进黑名单） 6、避免在同一时间同一页面同时出现你的广告（发现2次拉进黑名单）链接页面注意事项1、链接页面不能出现原单，外贸，出口，专柜正品，淘宝推荐销售第一，最等字样， 高仿产品不能有品牌名称和 LOGO； 2、链接页面(包括左侧导航)不能出现减肥，丰胸，瘦身，保健品等产品，建议将此宝 贝删除后重新提交； 3、化妆品、品牌商品在淘宝首页推广，需提供授权和资质，如资质不齐全， （建议在其 它页面进行推广，且隐藏品牌名称和 logo） 。 4、链接页面内容必须链接到淘宝网的店铺或者单品页面，严禁链接到外网。-如果审核通过擅自修改链接造成的侵权行为，由卖家负全部责任，并封杀其账号 5、链接页面严禁出现视频，如湖南卫视的节目、女人我最大、美

39、丽俏佳人、cctv 等电 视节目 6、化妆品等产品严禁出现效果对比图片（除粉底 BB 霜） 7、严禁出现模仿聚划算团购形式好的表达方式就像咖啡那样，令人振奋，品味之后让人倦意顿消!不需花很多时间，也不需要多少兴趣，只要你想使画面看起来更好。 原则一:对比 对比的目的是避免出现太多的相似元素并引起观者最先的注意力!如果要不同，那干脆截然不同!比如形状、大小、字体、颜色、宽度等。原则二:重复重复是为了增强画面的统一性和条理性。重复的元素可以是图形、大小、宽度、材质、颜色等。重复还可使观者加深印象，品牌宣传中重复其logo是很好的做法。 要避免太多地重复同一个元素，重复太多会让人生厌。避免时可注意对比的价值! 原则三:对齐 对齐，使画面建立一种清爽的观感。其原理是让任一元素都与画面上某一内容存在一种视觉联系。随意安放是其禁忌。 原则四:亲密性 亲密性的基本思想是构建清晰的结构。将相关项归组在一起，尤其是多个相关性的时候，归组会使它们形成一个视觉单元，而不是零散的元素。1的有害事物聚在碗里!2和3里，标题是标题，内容则在白色块里相亲相爱。 设计四原则出自世界级设计师Robin Williams

40、.小编将原则与首焦设计结合，此番概念借用纯属个人学习行为。推荐你去看大师的设计作品和书籍，无论书籍还是设计，都非常美!第十章：店铺整体色彩风格设计与装修在消费者越来越挑剔的时代，店铺的颜色选得好与否，直接关系到访问量和品牌认知度。既然消费者很好“色”，那么我们装修网店就要投其所好，选配合理又出众的颜色来吸引他们的目光。 有一项调查显示，85%的消费者在购买特定商品时将色彩作为首要考虑因素，尤其是在新产品营销时，93%的消费者往往将产品外观及色彩等视觉感受作为购物时的首要考虑因素。消费者很好“色”，那么，卖家们就要投其所好。想要更好地运用色彩。首先要弄清楚色彩的基本屁性。 选好冷暖色调 如右图所示，通常色彩可分为暖色调和冷色调.在电商的网站设计中往往又分为明色调和暗色调.也可以说是简约设计和内容充实型设计，不同的人对此有不同的说法。 波长长的红光和橙、黄色光，本身有暖和感，因此光照射到任何色都会有暖和感。相反，波长短的紫色光、蓝色光、绿色光，会让人产生寒冷的感觉。例如夏日里，我币门关掉室内的白炽灯。打开日光灯，就会有一种变凉爽的感觉。颜料也是如此，在冷食或冷的饮料包装上使用冷色，视觉上会

41、让人觉得冷感加倍。关于暖色光的运用也很多，譬如冬日里，如果把卧室的窗帘换成暖色，就会增加室内的暖和感。 聚焦淘宝抢眼颜色 评论一个页面的好坏、协调性、整体性、大气与否的标准，其中一个是排版的形式，另一个就是色彩的应用。在淘宝上，常见的色彩有哪几种呢? 促销多用大面积红色 在卖家看来，大片的运用醒目的颜色来吸引淘宝网店买家的眼球，应该算是当下最管用的视觉手法了。其中。大面积的暖色是促销活动的必用色彩.因为醒目的暖色会扩张刺激眼球。提升和激发消费欲望，因此，这也是淘宝店做活动时出现频率最高的颜色。消费者一看到这样的页面，就知道一定跟打折、促销、店庆等有关。如果一个消费者的消费目的不弧，也会在此停留片刻。在众多暖色中，红色频率又最为高，我们从淘宝装修市场的热卖模板中发现，销量前100的模板一半都是红色系。红色对人的刺激性很强，容易引起人们的注意，使人兴奋、激动、冲动。需要提醒的是，这个颜色容易造成视觉疲劳。看久了会让人觉得眼睛不舒服，心情急躁。所以，在使用过程中必须小心谨慎。 女性化妆品多用蓝色 冷色系的代表便是蓝色。一提起蓝色，人们常常把它和苍凉蔚蓝的天空以及平静湛蓝的大海联系在一起。通过蓝色的添加，能够创造一种恬静、极为放松的感觉。在与男人相关的用品类目，蓝色常常被用为一种基本的色调。以代表一种深沉的力量。另外，轻盈浅淡的蓝色则常被应用于女性用品，尤其是女性化汝品，代表一种轻盈舒适的感觉。 食品类目多用绿色 绿色表示清新，代表着和平安详的大自然。许多人认为它是一种最为大众广泛接受的颜色。绿色的空闻感较强，能让人觉得很开阔，无论是大面积应用还是局部点缀都不会让人感到突兀。在淘宝网上，绿色多用于食品类，象征着安全、天然。 不同的色彩给人的感觉也是不一样的，什么类型的店铺就要有最适合的色彩才能抓住买家的眼球和吸引力。

《淘宝美工讲义》由会员桔****分享，可在线阅读，更多相关《淘宝美工讲义》请在金锄头文库上搜索。