作者：曹天佑,王君赫,潘磊
出版社：清华大学出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
网店美工——网店视觉设计实操指南试读：
内容简介
本书以实例和设计理论相结合的方式，介绍网店美工对网店进行视觉效果操作的各个方面。根据网店美工在设计店铺效果图中所涉及的知识点，精心设计了多个与店铺视觉相关的实例。
本书由一线电子商务网店美工教师和广告设计老师编写，循序渐进地讲解了网店美工在工作时所需具备的各方面知识。全书共7章，依次讲解网店美工需要掌握的知识、宝贝的采集、提升宝贝的视觉效果、转化流量的视觉图、提升转化率的主页装修图的设计、店铺公告模板与宝贝分类的设计以及网店详情页的设计。
本书采用案例教程结合理论的编写形式，兼具技术手册和应用技巧参考手册的特点，技术实用，讲解清晰，不仅适合欲开网店并想自己装修店铺的初、中级读者，也可以作为大中专院校相关专业及电子商务方面培训班的教材。
前言｜Preface
着电子商务的发展壮大，与之相关的专业人才已经出现了巨随大的缺口，尤其是针对网店方面的设计人才，几乎每个电商企业都面临着该岗位的人才压力。电商的多年发展无形中让这个新兴的职业从最初的摸着石头过河，变迁到现在的轻车熟路，无论是从理论还是从实践，都催生了一套属于自己的工作模式。开一家网店，首先考虑的就是是否盈利。在价格、进货渠道、物流都已准备好的情况下，如何让自己的店铺更加吸引浏览者的目光，如何将逛网店的人群引导走进自己店铺中，这一点正是开店者应该考虑的问题。通过视觉效果吸引买家绝对是一项既直观又经济的可操作选项，随着网店的发展，单纯地罗列商品已经不能在网店行业中立足，此时就催生了一个新的行业工种，也就是大家所说的网店美工。网店美工负责的任务就是专门使网店在视觉上夺人眼球，吸引买家进入店铺，在店铺中又再次被里面的商品宣传吸引，从而对卖家产生经济效益。市场上关于网店美工的书籍主要以理论、案例操作类和教程类为主，本书与它们的不同之处在于，不仅在淘宝网店各个元素、淘宝首页的直通车图片、钻展图片上都有精心的实例，还在图片来源、配色、修正等方面进行理论与实例相结合的详细讲解，真正做到了手把手教初学者轻松了解网店美工，了解网店装修的各个部分。
对于卖家而言，能够拥有产生经济效益的店铺是他们最大的心愿。在价格与特点都大体相同的情况下，无论是在产品重点、色彩还是在布局等方面，设计出更加吸引买家眼球的图像，绝对是提升卖点的一个保证。
本书作者有着多年丰富的电商教学经验、网店经营以及装修的工作经验，将自己总结的经验和技巧展现给了读者，希望读者能够在体会装修软件的强大功能的同时，将设计创意和设计理念通过软件反映到网店的视觉效果上来，更希望通过本书能够帮助读者解决开店时遇到的设计难题。本书特点
本书内容由浅入深，力争涵盖网店视觉及装修的全部知识点；同时以实例结合理论的方式对网店装修进行讲解，使读者在学习时少走弯路。
本书具有以下几方面的特点。
● 内容全面，几乎涵盖了网店装修所涉及的视觉图像、配色和整体店铺装修的各个方面。本书由具有丰富教学经验的网店设计一线老师编写，从商品图像设计的一般流程入手，逐步引导读者学习网店中所涉及的各种技能。
● 语言通俗易懂，讲解清晰，前后呼应，以最小的篇幅、最易读懂的语言来讲解每一项功能和每一个实例，让读者学习起来更加轻松、阅读更加容易。
● 实例丰富，技巧全面实用，技术含量高，与实践紧密结合。每一个实例都倾注了作者多年的实践经验，每一个功能都已经过技术验证。
● 注重理论与实践相结合。在本书中，实例的运用都是以软件某个重要知识点展开，使读者更容易理解和掌握，从而方便知识点的记忆，进而能够举一反三。本书的章节安排
本书循序渐进地讲解了网店美工在工作时所需要的各方面知识。全书共分为7章，依次讲解了网店美工需要掌握的知识、宝贝的采集、提升宝贝的视觉效果、转化流量的视觉图、提升转化率的主页装修图的设计、店铺公告模板与宝贝分类的设计以及网店详情页的设计。本书的读者对象
本书主要面向想开网店的初、中级读者，是一本非常适合学习网店装修的教材。对于没有接触过网上开店或想自己装修的读者可轻松入门，对于已经可以自己进行网店店铺装修的读者，同样可以从中快速了解宝贝采集、视觉提升、提高店铺转化率以及装修元素方面的知识点，自如地踏上新的台阶。
本书主要由曹天佑、王君赫和潘磊编著，参加编写的成员还有王红蕾、陆沁、吴国新、时延辉、戴时影、刘冬美、刘绍婕、尚彤、张叔阳、葛久平、孙倩、殷晓锋、谷鹏、胡渤、张希、赵頔、张猛、齐新、王海鹏、刘爱华、张杰、张凝、周荥、周莉、金雨、陆鑫、刘智梅、黄友良、蒋立军、蒋岚、蒋玉、苏丽荣、谭明宇、李岩、吴承国、陶卫锋、孟琦等。
由于作者水平有限，书中疏漏之处在所难免，敬请读者批评指正。编者第1章网店美工需要掌握的知识本章重点
网店美工概述
宝贝图片的处理
文案在网店美工中的作用
店铺首页的美工操作本章主要为大家介绍当今新兴的一种职业——网店美工，了解什么是网店美工，从事此职业时需要了解并掌握哪些知识。在网上买家看不到产品本身，图片顺理成章就成为产品的替代品，再卖力的吆喝都抵不上一张精美的图片，所以美工对于电商的重要性就不言而喻了。网店中的图片不单只是一张照片这么简单，图文的充分结合更能体现商品的价值。作为网店美工最应该掌握的基本知识就是宝贝图片的处理、文案的运用、图文结合以及店铺首页的效果装修。对于专业从事网店美工效果设计的人员来说，掌握并精通Photoshop就几乎可以完成图像处理与设计的全部工作了，如果想进一步优化自己的作品，再接触一些矢量绘制方面的软件，如：CorelDRAW、Illustrator、Flash等就更加轻松自如了。
使用Photoshop处理照片是一件非常轻松的事情，如图1-1所示。图1-1 网店中美工处理过的图片1.1网店美工概述
对于初次接触网店的朋友可能会对网店美工有点陌生，网店美工可以把网店中出售的商品图片处理得更加吸引人，结合文字与照片，不但在视觉上起到吸引人眼球的目的，还要使人在文本中对功能、特点一目了然，从而增加流量，得到应有的效益。1.1.1 网店美工的定义
网店美工是IT行业的一种职业，工作范围包括：网店美工设计、网店装修色系与产品色系的美学解构、网店的全面装修、产品图片的处理、广告促销图片和产品描述图片的处理等。
网店美工可以将网店中传达的视觉信息进行放大，吸引店铺流量、增加店铺的收入，经营同样商品的网店，他们传达给浏览者的第一信息就是店铺的整体装修效果以及商品图片的处理细致程度，图1-2所示为经过美工加工的广告图片。图1-2 美工加工过的图片1.1.2 网店美工需要了解的知识
网店美工作为一种新兴的IT行业工种，在行使工作职能时要了解该工作具体涉及的一些相关知识。工作范畴
工作范畴包括网店美工设计、网店装修色系与产品色系的美学解构、网店的全面装修、产品图片的处理、广告促销图片和产品描述图片的处理等。职业技能
熟练使用Photoshop、Dreamweaver、Flash、Illustrator、各类网页设计语言、Fireworks及CorelDRAW；另外，还需要网店美工具备以下素质：扎实的美术功底、丰富的想象力和良好的创造力，网页设计、平面设计、广告设计工作经验，美术类、平面设计、广告及相关专业，较好的文字功底。可见，网店美工不仅要求会相关的绘图软件，还要求懂一定的网页设计语言和有一定的文字功底。对于初级的专业美工而言，掌握Photoshop就能把店铺的装修内容搞定。做网店美工需掌握的知识
在针对整个网店的装修过程中，需要对美工掌握的知识简单列一下清单，其中包含文案策划、视觉规范、商品图片的规范、商品图片的处理、广告图的设计、详情页的设计和页面的整体发布。职业趋势
随着网络营销的发展壮大，网店美工的市场需求日益增多，这是一项很稳定且有前途的职业。1.2宝贝图片的处理
网店中出售的商品通常被直接称呼为宝贝，如果想在多数同类商品中拔得头筹，就得为拍照后得到的宝贝进行加工，也就是俗称的图片处理，在为宝贝图片处理时最主要的就是剪裁与倾斜校正、修饰宝贝图像、商品宝贝瑕疵的修复，在处理过程中注重细节才能将宝贝照片编修得更好。1.2.1 剪裁与倾斜校正
剪裁与倾斜校正通常就是将不符合大小或拍摄时有一些倾斜的照片，进行正确的裁剪和摆正，此时就应该掌握一些Photoshop方面的知识。
Photoshop软件中的裁剪功能可以将图片按随意大小进行裁剪，也可以按固定数值大小进行裁剪，网店中需要的图片大小通常都是有尺寸要求的，如图1-3所示。所以按固定数值大小进行裁剪是网店图片裁剪时应该了解的，具体的裁剪过程可以参考第3章。图1-3 宽度为190像素提示：淘宝店铺布局时，分为左、右两个自定义内容区，其宽度固定为190像素和750像素，高度可以按照内容自行设置。
对于照片的倾斜校正就是通过Photoshop快速将照片内容按正确位置角度进行旋转并进行二次裁剪，也就是对宝贝图片进行二次构图，如图1-4所示。图1-4 摆正前后的照片
当使用数码相机拍摄照片时，由于相机没有自动转正功能，会使输入到电脑中的照片由直幅变为横躺效果，此时将其直接上传到网店中会使商品看起来很不舒服，这会使商品的成交率大大下降。此时即可利用Photoshop快速将横幅的照片转换成直幅效果，转换方法如下。
操作步骤
01 启动Photoshop软件，打开本书配备的“素材｜第1章｜横躺照片素材”，如图1-5所示。图1-5 素材
02 执行菜单栏中的“图像”→“图像旋转”命令，在子菜单中便可以通过相应的命令来对其进行更改，如图1-6所示。图1-6 将横躺照片转换为直幅效果提示：在Photoshop中使用自由变换命令对图像进行旋转时，图像的最后显示高度只能是原图横躺的高度，超出的范围将不会被显示，如图1-7所示。图1-7 通过自由变换旋转的直幅效果提示：在制作展示宝贝图片和宝贝描述图片时，应该注意以下几点。（1）保持图片的清晰度，不要将图片拉伸或扭曲。（2）宝贝图片要居中，大小要合适，不能为了突出细节而造成主体过大。这样的视觉效果会使买家看着不舒服，分不清主次，使买家不能快速了解你的产品。（3）宝贝图片背景不能太乱，要与主体相配合。
通过Photoshop来对其进行重新构图和修正，可以把最终在网店中显示的效果进行一下对比，图1-8所示为调整前后的对比效果。图1-8 调整前后的对比图1-8 调整前后的对比（续）1.2.2 修饰宝贝图像
如果网店中出售的商品照片是自己拍摄的，此时您一定会考虑两个问题：一个是如何让买家更喜欢您的照片而进行产品购买；另一个是您又不想自己辛苦拍摄并处理的网拍产品被别人稍加窜改就变为他人的网店商品。此时就得从宝贝照片修饰方面考虑，也就是添加一些属于自己风格的图片或文字，起到维护版权的作用，这样才不会被别有用心的人进行利用，如加一些浮在表面的水印、保护线或者一些说明文字等。为商品添加保护线
上传到网店中的网拍产品，有时会被别人盗用变为自己的产品照片，如果你不想被别人盗用，可以考虑通过Photoshop为产品添加版权保护线，从而减少别人盗用的机会。因为添加保护线后的照片会增加盗用的难度，所以想盗用的人就会考虑修图的烦琐而放弃盗用，此时也会间接地加大自己商品的成交概率，图1-9所示图像为添加保护线的效果。图1-9 添加保护线效果提示：添加的保护线最好不要遮住商品本身，在图片中既要与主体相融合，又要起到保护本图的作用。切记不要抢了照片本来的第一视觉点。为商品添加文字水印
为照片添加文字水印，除了能增加其专业性和整体感外，还能保护自己的照片防止被别人盗用，添加的文字水印一般都比较淡，不会影响商品本身的观赏性，如图1-10所示。图1-10 添加的文字水印提示：为网拍商品添加文字水印时，最好将水印在不影响整体美观的前提下放置到纹理较复杂的区域，这样对于盗用者来说修改起来会非常麻烦，间接地保证了网店商品的唯一性。为商品添加图像商标或图像水印
为照片添加水印，不但可以直接输入文本，还可以将具有本店特征的图片直接添加到商品照片中。以图像性质的水印既可以是本店的商标，也可以是文字与图形相混合的图像，目的就是为了让自己辛苦得到的图片不被盗用，如图1-11所示。图1-11 添加的图像水印提示：将文字与图像混合后制作成半透明水印，既不影响商品照片的整体效果，也不会抢了照片本来的视觉点，添加的图像水印最好放置到商品照片的边缘位置，如图1-12所示。图1-12 添加的透明水印为商品添加情趣对话
网拍商品直接放在网店中出售，浏览者只能以欣赏商品的目光来看待此产品，如何为商品增加更多的人气，是每个店家都会考虑的事情，如果出售的是卡通商品，那么为商品照片添加一些情趣对话，无疑会更能吸引购买者驻足，在买家的购买冲动时间内快速增加买家对该商品的喜欢程度，这样，交易概率也就会增大，如图1-13所示。图1-13 添加情趣对话快速为多个商品添加文本水印
网上开店商品照片会很多，使用Photoshop中的画笔工具定义一个画笔，就可以快速为宝贝照片添加统一类型的文本或图像水印，如图1-14所示。图1-14 添加多个图片的水印提示：打开多个素材后，使用画笔工具可以添加水印。添加水印时，最好在图像大致相同的位置添加水印后再上传到网店中。
如何快速为多张照片添加水印就是一件很费事的事，本例教大家在Photoshop中通过定义画笔后，使用画笔工具快速添加统一风格的水印。定义画笔并添加水印的具体操作如下。
操作步骤
01 启动Photoshop软件，打开本书配备的“素材\第1章\猫头鹰.jpg”素材文件，输入文字，如图1-15所示。图1-15 打开素材文件并输入文字
02 按Ctrl+T组合键调出自由变换框，拖动控制点将文字旋转，如图1-16所示。
03 按Enter完成变换，按住Ctrl键单击文字图层的缩览图，调出文字的选区，如图1-17所示。图1-16 变换图1-17 调出文字选区提示：将文字或图像定义成画笔时最好使用黑色，这样定义的画笔颜色会重一些。
04 执行菜单栏中的“编辑”→“定义画笔预设”命令，打开“画笔名称”对话框，其中的参数值设置如图1-18所示。图1-18 “画笔名称”对话框
05 设置完毕单击“确定”按钮，按Ctrl+D组合键去掉选区，隐藏文字图层，新建“图层1”图层，如图1-19所示。
06 在“工具箱”的（画笔工具）“画笔拾色器”中找到“水印”画笔，如图1-20所示。图1-19 面板图1-20 选择水印提示：定义的画笔可以应用到多个图像中。
07 将“前景色”设置为“白色”，设置“不透明度”为29%，在素材上单击（画笔工具）按钮即可为其添加多个水印，效果如图1-21所示。图1-21 最终效果1.2.3 商品宝贝瑕疵的修复
在网店中出售的商品是离不开照片的，如果单独以文字描述商品，会大大降低购买者对该产品的兴趣，一张好的网拍商品照片不但可以直观地展示该商品所具有的图形信息，还能从中看到其主要特色，从而加大销售的砝码，为店主创造利润。对于大多数店主来说，拍好一张照片不是一件容易的事情，由于环境光线、商品摆放角度、没有移走的其他物品或相机中自动添加日期都会对当前照片起到一定的副作用，如图1-22所示。修复过程中具体工具的使用方法大家可以参考第3章。图1-22 照片中的瑕疵清除照片中的日期
现在的相机都有拍摄照片的同时留下拍摄日期的功能，如果没有将该功能关闭，在拍摄的照片中就会出现当前照片拍摄时的日期，出现日期的照片是不适合作为网店商品图片的，此时就需要通过Photoshop将照片中的日期清除掉。去掉日期后的效果如图1-23所示。图1-23 清除照片中的日期去掉网拍产品中的多余部分
拍摄商品照片时，有时会将旁边多余的物件或某个局部一同拍摄到产品照片中，直接传到网上会影响整张照片的美观度，此时就需要对照片进行修复，以满足用户的审美需要，如图1-24所示。图1-24 去掉网拍产品中的多余部分修复照片中的污渍
商品在搬运或存放的过程中很容易受到外界的干扰，从而在商品本身沾上油污或墨迹，在拍照时污点同样会出现在照片中，这样直接上传到网店中会影响商品在购买者心目中的形象，只有修复为最初效果才能起到吸引买家的作用，如图1-25所示。图1-25 污渍对比效果将模糊照片调清晰
使用相机进行拍摄时，受外界环境的影响，常常会使照片效果有一种朦胧模糊的感觉，或者是拍摄照片时由于技术原因，很多照片都会变得有些模糊，此时只要使用Photoshop进行锐化处理便可以将照片变得清晰一些。具体的调整方法如下。
操作步骤
01 启动Photoshop软件，打开本书配备的“素材\第1章\毛毛熊.jpg”素材文件，如图1-26所示。
02 打开照片后，发现照片有一些模糊，如果直接将此照片上传到网店中，由于看着不是很清晰，势必会影响此产品的销量。
03 下面就对模糊的效果进行调整，在Photoshop中只要通过“USM锐化”命令即可实现。方法是执行菜单栏中的“滤镜”→“模糊”→“USM锐化”命令，打开“USM锐化”对话框，其中的参数值设置如图1-27所示。图1-26 素材文件图1-27 “USM锐化”对话框技巧：使用“USM锐化”滤镜对模糊图像进行清晰处理时，可根据照片中的图像进行参数设置，近身半身像参数可以比本例的参数设置得小一些，可以设定为（数量：75%、半径：2像素、阈值：
试读结束[说明：试读内容隐藏了图片]