淘宝天猫美工 第1章 淘宝美工必备技能（72页）.pptx

有别于传统线下商店的购物模式，网上购物只能通过视觉、品牌和销量等方面来建立顾客的购买欲望。在拥有海量商品的淘宝网中，给顾客留下深刻印象是非常重要的，只有装修得精致、美观、专业的店铺，才更能引起买家的共鸣，从而实现商品销售的目的。 在这个过程中，淘宝美工就是店铺视觉设计的执行者，要完成这些工作就必须掌握相关的基本知识。;1.1.1 什么是淘宝美工;淘宝美工的主要任务在于给消费者带来好的视觉体验，同时达到引导销售和提高成交率的目的。如图 1-1 所示，左侧为经过设计的淘宝店铺首页，右侧为淘宝默认的店铺首页。;1.1.2 淘宝美工应该掌握的基础知识;图 1-2;分辨率是用于描述图像文件信息的术语，分辨率常分为图像分辨率和屏幕分辨率。 图像分辨率：指每英寸图像内的像素点数，它决定了位图图像细节的精细程度，其单位为像素/ 英寸（dpi）。分辨率越低，像素点变大，图片质量越低。分辨率越高，像素点变小，图片也越清晰逼真。;屏幕分辨率：屏幕分辨率是显示器屏幕每行的像素点数 ×每列的像素点数，即宽度（px）×高度（px）。屏幕分辨率越高，所呈现的色彩越多，清晰度也越高，所占存储空间就越大。;图像大小 图像大小常会被理解为图片尺寸或图片所占的空间大小。实际上，图片尺寸和图片大小是不一样的。 图片尺寸：图片的尺寸单位为像素（Px），也可以用厘米、毫米和英寸等表示。当图片尺寸用像素表示的时候，与分 辨率在概念上有些重合。 图片大小：图片的大小是指图片文件所在的存储空间的多 少，单位是 bit（字节）、KB（千字节）和 MB（兆字节）。;3. 位图与矢量图 位图，也称为点阵图，是由称作像素的单个点组成的，这些点可以进行不同的排列和染色以构成图样。位图与图像的像素和分辨率都有关系，位图放大后，其图像会显示为像素块。 矢量图也叫向量图，是一种基于图形的几何特征来描述的图像，矢量文件中的图形元素称为对象。;矢量图中的每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。矢量图与分辨率无关，可以将其设置为任意大小，清晰度不会改变，也不??出现锯齿现象，放大后同样显示为清晰的边缘，如图 1-3所示。;4. 文件格式;下面简单介绍这几种常见的图像格式。 JPEG 格式：JPEG 格式即 JPG 格式，是最常用的一种图像格式，它在获取极高压缩率的同时能展现十分丰富的图像，具有调节图像质量的功能，允许用不同的压缩比例对文件进行压缩，支持多种压缩级别。因此，大多数有丰富细节和色彩的图片都会采用 JPEG 的文件格式，它也是最适合应用于互联网的文件格式。;PNG 格式：PNG 格式是一种无损压缩的图像格式，在保证图像质量的同时可以减小体积。 PNG 格式同 JPGE 等格式不同，它可以支持透明效果，可以为原图像定义 256 个透明层次，使彩色图像的边缘能与任何背景平滑的融合，从而彻底消除锯齿边缘。Photoshop中可以存储为PNG-8（即显示 28 种颜色）和 PNG-24（即显示 224 种颜色）。;GIF 格式：GIF 的文件格式一般用于存储动态图片，它分为静态 GIF 和动画 GIF。GIF 格式是一种压缩位图格式，它同样支持透明背景图像，适用于多种操作系统，网上的很多表情包的动画都是 GIF 格式的。但是 GIF 有个极大的缺点，便是只能显示 256 色。;除了淘宝网店常用的几种图片格式外，美工还需要了解一些其他常见的文件格式，如 PSD、RAW、TIF 等格式。 PSD/PDD 格式：PSD 格式和 PDD 格式都是 Photoshop CC 自身的专用文件格式，支持从线图到 CMYK 的所有图像类型，但通用性不强。PSD 格式和 PDD 格式能保存图像数据的细小部分，如图层、通道等 Photoshop CC 对图形进行的其他处理信息。这两种文件格式因为包含的细节太多，因此存储的容量大，占用的磁盘空间较多。;RAW 格式：RAW 格式常常用于数码单反相机的保存格式，该文件格式基本上是一个没有经过任何图像处理的源文件，它能原原本本地记录相机拍摄到的信息，没有因为图像处理 （如锐化、增加色彩对比）和压缩而造成的信息丢失，但需要用特别的软件来打开这些文件，如 ACDSee、Photoshop、 Lightroom 等。需要注意的是不同的相机厂商对于 RAW 文拓展名是不同的。;TIF/TIFF 格式：TIF/TIFF 格式被广泛用于对图像质量要求较高的图像存储和转换，该格式支持256 色、24 位 真彩色、32 位色、48 位色等多种色彩位，同时支持 RGB、 CMYK 等多种色彩模式。在 Photoshop 中编辑的 TIF 格 式可以存储路径和图层。;5. 色彩模式 淘宝网店常用的颜色模式为 RGB 模式，另外还有 CMYK 模式、HSB