淘宝天猫等电商美工培训讲义

淘宝电商美工讲义

目录

第一章：初识淘宝

1、淘宝美工的岗位职责和学习内容

2、了解店铺构造

3、为什么要进行网店装修工作

优秀店铺欣赏

第二章：Photoshop软件基础操作

1、软件基础知识及界面介绍

2、工具箱介绍

3、图层操作

4、图层蒙版

调色命令

第三章店铺总体设计要领

1、店铺装修注意事项

2、操作练习

3、作业点评

第四章店招制作

1、店招制作

2、操作练习

3、作业点评

第五章：分类导航及客服中心制作

1、分类导航及客服中心制作

2、操作练习

3、作业点评

第六章：宝贝陈列设计

1、宝贝陈列设计

2、操作练习

3、作业点评

第七章：内页制作

1、内页制作规则（以家纺内页制作规则为例）

2、内页制作前准备（修图、美化图片、抠图、调色）

2、操作练习

3、作业点评

第八章：产品上架

1、上传宝贝及主图制作

2、操作练习

3、作业点评

第九章：海报设计与制作

1、海报设计与制作

2、操作练习

3、作业点评

第十章：店铺整体色彩风格设计与装修

1、整店风格设计与装修

作业点评

第一章：初识淘宝

1、淘宝美工的岗位职责（淘宝店铺页面设计、美化、网店促销海报制做、宝贝内页设计、图片美化、切片、上传宝贝等）淘宝美工应该熟练使用Photoshop、Flash、fireworks、Dreamweaver 等常用设计制作软件

2、了解店铺构造（店招、首页海报、分类导航、客服中心、分区、侧边栏、主图、宝贝详情、内页海报、页尾）淘宝店铺首页的结构一般如下：

3、为什么要进行店铺装修

如果—个买家找到了三家店铺做对比，如果你的店铺装修得更专业到位，买家的眼球自然会被你的店铺吸引，那么你给这位买家之第—印象已经很好很深刻了。电视广告为什么要花血本做那么多动画广告呢？丢几张图片不为更省事，当然目的就为用动画营造视觉效果，让你对他们的产品印象更深刻！或许您会说，我店铺不装修生意—样非常好，商品质量才为王道，但有好的商品同样未必会有很好的生意，还要在装修上下点工夫，这里就要谈到淘宝店铺的装修了，试问有哪位买家有耐心看你写之乱七八糟之东西呢？装修不只为装修店铺，还要装修你的商品，把你的描述写得尽量言简意赅，宝贝图片尽量清晰！你要时刻站在买家之立场来装修你的店铺，还要时刻站在买家之立场来经营你的生意！

4、网店装修之优秀店铺赏析

从设计师和买家的角度，我们来对一些店铺的设计进行分析，希望对大家有所帮助。下面是男装类服装网店的装修解析。

【整体色调】

作为休闲男装类的店铺，既要考虑到休闲服装风格的多样性，也要注意表现男士适当的沉稳和严肃，太过于艳丽的暖色调会引起男生的反感，而过于冷静的中性灰或者黑色也不能传达休闲服装的那种张力与青春。所以卖家选用了一种蓝色，借用天空的色系表现张力，但将蓝色的饱和度适当降低，一来便于阅读（色彩饱和度低的颜色更加利于阅读），二来增加一些稳重的意味。

小贴士：

1.需要根据出售商品类别选择适合的店铺颜色；

2.选择的店铺整体色彩的饱和度不宜过高，否则买家浏览容易视觉疲劳；

【首屏设计】

在首屏设计中大家觉得什么最重要？许多卖家会说是店招，另外一些卖家可能会说是广告，以自己的设计经验，告诉大家，首屏最重要的设计其实是导航，导航肩负着引领用户在不同店铺页面中流转，从商品详情到店铺，从店铺首页到公告页，从店铺分类页面回到店铺首页，都需要导航的引导以在设计上，最好能够首先突出店铺导航。

小贴士：

1.在首屏的设计中，导航条应该是最醒目突出的；

2.店铺招牌只需要用户记住你的店铺品牌即可，需要做到简明扼要。加入品牌logo，主营商品类别，店铺名称即可，如果有品牌广告语可以填写，但尽量不要让店铺招牌的信息量过大；不然买家可能什么都记不住。

【店铺分类图片设计】

许多卖家都喜欢用图片形式的店铺分类展示，自己也非常喜欢，因为图片形式更加美观，更重要的是，图片形式能够让分类的视觉更有层次感，便于买家快速阅读。九天之城的分类图片设计层次感是非常好的，一级分类用了大块的深色调，一目了然，便于买家快速寻找。在找到一级类目之后，再在当前

分类下找二级分类便是非常快速的了。

小贴士：

1.店铺分类图片设计需要层次感，一级类目的图片视觉表现要强于二级分类图片；

2.店铺分类图片设计需要避免花哨，因为用户需要浏览的是文字信息；

【广告图片设计】

究竟什么样的广告才算好广告呢？无论是传统领域还是互联网，原则其实都是一样的：

1.一个广告只说明一件事情，不要企图表达几件事情（一个主题）；

2.广告最突出的，一般来说应该是商品，而不是图片漂亮的花边和修饰；

3.文案简明扼要，最好不要超过20个字，阅读20个字的时间一般是4~5秒，对于买家来讲，太多的文字会直接pass掉（学会做减法，减到不能再减）。

第二章：Photoshop软件基础操作

1、软件基础知识及界面介绍

Photoshop是Adobe公司开发的一个跨平台的平面图像处理软件，是专业设计人员的首选软件。Photoshop是图像处理软件，其优势不在图形创作。图像处理是对已有的位图图像进行编辑、加工、处理以及运用一些特殊效果。

Photoshop的界面由菜单栏、工具选项栏、工具箱、图像窗口、浮动调板、状态栏等菜单栏：将Photoshop所有的操作进行分类。如编辑、图像、图层、滤镜；

工具选项栏：会随着使用的工具不同，工具选项栏上的设置项也不同；

工具箱：工具下有三角标记，即该工具下还有其它类似的命令。当选择使用某工具，工具选项栏则列出该工具的选项；

按工具上提示的快捷键使用该工具

按SHIFT+工具上提示的快捷键切换使用这些工具

按TAB 显示/隐藏工具箱、工具选项栏和调板

按F 切换屏幕模式（标准屏幕模式、带有菜单栏的全屏模式、全屏模式）状态栏：包含四个部分，分别为：图像显示比例、文件大小、浮动菜单按钮及工具提示栏；

浮动调板：可在窗口菜单中显示各种调板。

双击调板标题：最小化或还原调板

拖动调板标签：分离和置入调板

调板右边三角：调板菜单

复位调板位置：窗口->工作区->复位调板位置

存储工作区：窗口->工作区->存储工作区

SHIFT+TAB：显示隐藏调板

2、工具箱介绍

一、规则选框工具M

主要功能是在文件中创建各种类型的规则选择区域，创建后，操作只在选框内进行，选框外不受任何影响。

包括矩形、椭圆、单行、单列选区工具。

1、复位工具：

右击工具选项栏前端，选择复位工具或复位所有工具，将该工具或所有工具选项恢复为默认的设置。