作者：张子杰
出版社：机械工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Photoshop淘宝天猫网店美工与广告设计实战从入门到精通：超值版试读：
前言
随着互联网的迅速发展和各类电商平台的不断规范、完善，网购用户越来越多。众所周知，淘宝和天猫是各类电商平台中的翘楚，然而这两大平台的迅猛发展导致的商品同质化、价格透明化，意味着卖家要想提高客流量和转化率，已经不能再像过去那样大打价格战，除了要在营销、推广等方面下工夫外，网店的装修，也就是网店的美工与广告设计成为另一个重要的着力点。
本书即以帮助淘宝天猫卖家做好网店装修为出发点，以Photoshop为软件工具，结合大量精美实例，全面而系统地讲解了网店美工与广告设计的重点知识与技能。内容结构
全书分为2个部分。
第1部分为网店装修的理论精华和图像处理基本技法，包括网店装修基础知识、Photoshop快速上手、网店图像的快速调整、商品照片的修复与修饰、商品影调的调控、商品照片的调色、文字与图形的应用、商品的抠取与合成等内容。
第2部分则以实例的形式讲解网店装修中各类核心区域的设计，包括主图与直通车图片、店招、导航条、欢迎模块与促销广告、分类导航、商品细节描述、优惠券与收藏区、客服区等，并在最后通过3个店铺装修典型案例对前面所学进行综合应用。编写特色
·内容全面：全书从网店装修的基础知识和基本技能入手，针对修图、抠图、调色与合成等重要技法进行讲解，并通过典型实例进行活学活用。从没接触过网上开店或网店装修的读者无需借助其他书籍就能轻松入门。
·案例精美：书中选取大量精美的商品照片进行处理，通过详细的操作步骤、简洁美观的版面设计，让读者能够轻松阅读，提升学习兴趣。随书附赠的学习资源还包含所有案例的源文件，读者可以在实际工作中直接套用。
·设计理念：对网店装修中的几大核心区域设计进行讲解时，还对案例的设计思路、配色方案、版式布局、技术要点等进行分析和介绍，引导读者深入思考案例背后的设计理念，从而能够举一反三，快速掌握网店装修的精髓。
·技巧提示：技巧是知识的精华，本书中穿插了大量技巧提示，能有效地帮助读者理解知识难点、提高工作效率。读者对象
本书适合初次开店想自己装修店铺的读者阅读，而已能独立进行网店装修或正在从事网店装修工作的读者也可以通过本书学习更多布局、配色方面的知识。改版说明
本书自2016年5月以全彩印刷方式首次面市后，收获了诸多好评。本次改版修订了书中的疏漏，并以更加超值的黑白印刷方式出版，希望能够满足更多读者的学习需求。
由于作者水平有限，在编写本书的过程中难免有不足之处，恳请广大读者指正批评，除了扫描二维码添加订阅号获取资讯以外，也可加入QQ群134392156与我们交流。作者2017年3月
本书作者张子杰，任职四川筑梦电子商务有限公司设计总监，硕士研究生学历，高级数字艺术设计师。主要研究方向为数字艺术、互动媒体、用户体验和电子商务等，已参与设计项目五十余项，发表和出版过多部论文、著作。本书受四川筑梦电子商务有限公司、内江筑梦教育咨询有限公司联合科研资助基金项目（项目编号：ZM201517）资助出版。如何获取云空间资料步骤1：扫描关注微信公众号
在手机微信的“发现”页面中点击“扫一扫”功能，如左下图所示，页面立即切换至“二维码/条码”界面，将手机对准右下图中的二维码，即可扫描关注我们的微信公众号。步骤2：获取资料下载地址和密码
关注公众号后，回复本书书号的后6位数字“567356”，公众号就会自动发送云空间资料的下载地址和相应密码。步骤3：打开资料下载页面
方法1：在计算机的网页浏览器地址栏中输入获取的下载地址（输入时注意区分大小写），按Enter键即可打开资料下载页面。
方法2：在计算机的网页浏览器地址栏中输入“wx.qq.com”，按Enter键后打开微信网页版的登录界面。按照登录界面的操作提示，使用手机微信的“扫一扫”功能扫描登录界面中的二维码，然后在手机微信中点击“登录”按钮，浏览器中将自动登录微信网页版。在微信网页版中单击左上角的“阅读”按钮，如右图所示，然后在下方的消息列表中找到并单击刚才公众号发送的消息，在右侧便可看到下载地址和相应密码。将下载地址复制、粘贴到网页浏览器的地址栏中，按Enter键即可打开资料下载页面。步骤4：输入密码并下载资料
在资料下载页面的“请输入提取密码：”下方的文本框中输入下载地址附带的密码（输入时注意区分大小写），再单击“提取文件”按钮，在新打开的页面中单击右上角的“下载”按钮，在弹出的菜单中选择“普通下载”选项，即可将云空间资料下载到计算机中。下载的资料如为压缩包，可使用7-Zip、WinRAR等解压软件解压。写在阅读之前：网店装修基础知识
简单来说，网店装修是指对店铺页面进行美化和装饰，这是提高网店转化率的有效途径。在进行网店装修之前，首先需要知道为什么要进行网店装修、网店装修的组成要素有哪些、如何定位网店的装修风格等知识，这样才能更轻松高效地完成网店装修设计工作。下面就来一一讲解上述网店装修的重要基础知识，为后面学习具体的装修设计操作打好基础。本章内容
01 网店装修的必要性
02 网店装修设计的组成要素
03 网店装修中不同元素的尺寸设计
04 网店装修中文字、图片、色彩与版面的搭配
05 确定网店装修设计风格
06 常见的网店装修设计误区01 网店装修的必要性
与传统实体店的消费方式不同，网购主要通过图片与点击交互的操作方式来完成商品的交易，所以当消费者只能通过图片——也就是视觉角度去了解商品时，做好网店装修，让视觉营销去触发消费者的购买冲动，是提高网店商品点击率和销量的最关键的步骤。视觉营销可以说是营销的一种技术，即通过视觉设计对视觉元素进行合理编排，将视觉体验转换为购买力，达到促进消费的目的。
当消费者进入一个网店后，最终是否会购买这个店铺中的商品是受到很多因素影响的，如商品质量是否有保证、后期服务怎么样、商品是否实用等，而这些问题大多可以通过网店装修来解决。从视觉营销的角度来看，网店装修是让商品变得足够吸引人的关键，只有把图片处理得美美的，才能更好地抓住消费者的视线，激发消费者的点击欲望，达到良好的视觉营销效果。
网店装修的目的是让店铺页面变得更加漂亮、更有设计感，以便吸引消费者。需要注意的是，好的视觉营销固然需要漂亮的图片，但是漂亮的图片却不完全等同于好的视觉营销。网店装修更注重的是将所售产品的相关信息准确地传递出来。例如，有一款新品准备上架，要想得到更多的关注，那么新品上架的广告制作、商品图片的修饰、商品详情页的制作都是网店装修的过程，只有运用图片和文字等元素把商品的整体形态、材质细节、价格优势等信息表现出来，才能在无形之中为店铺增加关注度。
以右图为例，拍摄出来的照片中商品没有经过后期润色与修饰，显得毫无生气，这样的图片是很难激起顾客的兴趣的；而经过后期调整与修饰之后，图像中的商品变得更加精致、美观，将这样的图像应用于网店中，再对它的细节进行分解介绍，并搭配文字、图形等元素进行装修和美化，可以大大提高商品的表现力，从而吸引更多的顾客。02 网店装修设计的组成要素
网店装修与实体店铺装修存在很大区别，想要在有限的页面把商品的各个方面都传递给顾客显然是不可能的。所以在网店装修过程中，只有合理地安排页面中的元素，才能在限定的空间内，尽可能地将店铺的活动和商品信息最大限度地告知顾客。
网店装修的页面不一定要做得特别精美、高端，只要能吸引顾客的注意，给顾客留下良好的印象，就能在一定程度上提高店铺的点击率和商品的销量。网店装修一般包括背景、图像、文字、留白等几个重要组成要素，下面将用具体的图像来展示这些要素的设计与应用。
良好的布局可以让整个页面更有观赏性，并且能让画面中的信息更容易被顾客所了解和接受。
进行网店装修之前，无论是店铺主页的设计还是商品详情页的设计，在确定页面的整体布局后，为了让整个设计流程更加流畅，首先都会抓住版面中较大的一块，将其位置确定下来，然后对它进行细节的设计，最后确定画面中其他各部分组成要素的位置和信息，通过合理的安排将商品要表现的信息完整地传递出来。对网店进行装修时，需要根据装修风格对画面进行规划，切记不要东拼西凑，否则容易导致装修出来的页面中的元素显得杂乱，不利于商品的展示。03 网店装修中不同元素的尺寸设计
网店装修最关键的两个页面就是首页和商品详情页，首页决定了顾客对店铺的第一印象，商品详情页决定顾客是否会对商品产生购买欲望。
知道网店装修的两个主要页面后，还需要了解这两个页面由哪些模块组成。网店首页中需要装修的区域包括店招、导航、客服、收藏区等内容，商品详情页中则包括橱窗照、商品的分类、商品细节描述等。
前面介绍了网店首页和详情页的组成模块，下面就来了解这些模块的尺寸要求。为了让顾客得到最佳的浏览体验，网店中对不同模块的图片尺寸有着不同的要求，如下表所示。技巧提示：设置网店装修设计图的尺寸大小
虽然网店装修中各个区域对图片的尺寸大小有所限制，但是在具体的装修过程中，为了便于查看和处理图像，在处理图片时，可以按比例适当放大设计图的尺寸，在制作完成后再将图片存储为限定的大小和格式即可。04 网店装修中文字、图片、色彩与版面的搭配
由于装修一个店铺会运用到大量的图片、文字等信息，所以进行网店装修设计前，首先需要掌握一些网店装修中的图像、文字、配色与版面搭配方案，这样才能更加流畅和快速地设计出更多的网店装修作品。常用配色方案
进入一个网店，首先影响人们观感的就是页面中的色彩，由此可见色彩对于网店装修的重要性。正确运用色彩之间的差异对比才能产生相应的效果，在网店装修设计中，常用的色彩搭配方案有色相对比配色、明度对比配色、纯度对比配色等。
上图利用了色相对比的配色方案，将两种以上的色彩放在一起，由于色彩相互之间的差异而产生了醒目的效果。采用这样的配色方案不仅使画面显得更有生机，而且能够表现出丰富的层次感。
上图利用了纯度对比配色方案组织画面，低纯度的黑色、灰色等作为文字和背景色彩，将其与纯度不同的红色搭配，使得画面中要突出展示的商品更加醒目。
在网店装修中，元素的层次感与空间关系大多以色彩的明度对比来体现。右图就采用了明度差异对比的配色方案，利用不同明度的黄褐色处理画面中不同区域的色彩，相近颜色之间的颜色变化区域并不大，这样的画面能够给人和谐、自然的舒适感，用于客服区装修更能提升顾客的信任感。图形与文字的搭配方案
网店装修中，无论是首页还是商品详情页，都离不开文字与图片的搭配使用。如果一个页面中只有图片而没有文字，顾客就不知道这些图片要表现的主要内容是什么；而如果大量地使用文字，没有为文字配图，则容易让顾客在阅读的时候产生疲劳感，而且完全无法感受到商品的实物效果。在网店装修设计中，为了把握好商品图片与文字的搭配效果，可以在安排图片与文字时采用左文右图、左图右文、上文下图、上图下文等不同的搭配方式。
将文字与图像按上图下文方式搭配，可以有效地使观者的视觉重心落在图片上，使人感受到图片的魅力，而文字部分安静地置于图片下方，给人更为理想、合理的感觉。如下所示的两张图片都是分类导航图，将多张不同的商品照片利用统一的外形轮廓进行调控，让顾客一眼就知道商品的类别划分，位于商品下方的文字则对商品的分类做了进一步的补充说明，有规律的排列方式给人端正、规整的感受。
上文下图的搭配方式就是将文字置于图像的上方，这样的组合方式同样可以达到简明扼要的效果。如右图所示，这是一张商品促销广告图片，画面中将醒目的主题文字置于商品图像上方，使版面呈现出上轻下重的视觉效果，从而带给人稳重感。
左图右文是将要表现的商品图片或模特图像置于版面的左侧，而文字置于图片右侧，这样的搭配方式可更好地对商品进行分析和说明，如下左图所示；而左文右图是将文字置于画面左侧，图片置于画面右侧，这样的处理方式遵从了顾客从左至右的阅读习惯，顾客可以从阅读文字开始了解商品的特征或卖点等信息，如下右图所示。网店装修版面布局
好的版面布局设计能够更快、更准确地传达信息，是提高店铺点击率和商品销量的一个重要因素。进行网店装修时，可以将商品页面的组成要素进行合理安排，组成各种不同的版面编排形式，以此来体现店铺的品位，从而达到吸引顾客的目的。
网店的版面布局往往具有一定的视觉导向性，它可以引导顾客完成对店铺商品的浏览，将顾客的视线集中到要展示的商品上。虽然网店中销售的商品丰富多样，但是仔细观察不难发现，目前网店装修的布局大多为单向型版面布局、S曲线型版面布局和对称型版面布局3种。
单向型版面布局是最为普遍的页面布局方式，一般分为水平排列和垂直排列两种。垂直排列的单向型版面布局可以让画面产生稳定感，使版面条理更为清晰；而水平排列的单向型版面布局具有更强的条理性，也更符合人们的阅读习惯。为了让画面更丰富，往往会将水平排列和垂直排列的布局方式结合起来使用。
如右图所示，在网店装修中，为了营造一种曲折迂回的视觉感受，有时还会用到S曲线型版面布局方式，这样的版面布局可以让画面产生一定的韵律感，让顾客更加灵活地查看店铺中的商品，设计感也更强。
上图是为某店铺设计的首页装修效果，从整体上来看，画面采用了垂直排列的布局方式，让顾客的视线随着画面的下移而发生改变，同时，在细节的处理上又采用了水平排列的布局方式，调节了垂直排列布局的单调感，让顾客被画面所吸引。
对称型版面布局在商品详情页中经常会被用到，这种版面布局可以保证版面各构成元素之间的平衡感，使版面具有统一、规整的视觉效果，利用均衡的版面传递信息。如下所示的两张图片都是商品详情页中的商品卖点展示图，其中左图以中间的商品整体效果为基准，将商品的细节元素以放射状展开，形成一个类似于环状的版面布局，富有很强的趣味性，给人以欢快的感受，与要表现的商品特点非常吻合；右图采用了左右对称的形式进行设计，让画面中商品的细节得到了更直观的展示。05 确定网店装修设计风格
网店的装修风格在一定程度上会影响店铺的经营。定位准确而又美观大方的装修风格不但可以带给顾客美好的视觉感受，更能提升店铺品位，吸引更多的潜在消费者，增加顾客浏览的时间，从而达到引导并促进顾客消费的目的。
虽然现在网上也有很多漂亮的装修模板，但是并不是对每个店铺都适用，如果选择的装修模板与店铺中销售的商品风格不搭，则会给人一种不伦不类的感觉。所以，在进行网店装修之前，需要根据商品的特征来定义装修的风格。右图所示的思维导图是确定网店装修风格的思路。由于网店的装修风格主要是针对店铺中所销售的商品特点进行定位的，而所谓的确定店铺风格，就是根据所销售的商品及对整个店铺的定位来将头脑中的思维具象化。所以在进行装修前需要收集相关的装修素材，这些素材包括拍摄的商品照片、用于装饰页面的图形等。通过对素材的分析，了解店铺中所有商品的特点，在脑海中形成一个初步的构思，确定理念中的视觉映射、物化映射等，并将这些映射根据准备好的素材有序地组织起来，就可得到有效而统一的视觉效果。
网店的装修风格主要体现在店铺的整体色彩、色调及图片的拍摄风格上，需要体现店铺的灵魂。一个好的装修风格的呈现并不仅仅依靠卖家或设计人员个人的品位，它需要一个系统的方法，如下图所示。为了让设计的店铺装修风格更具特色，可以多观察同类店铺的装修风格，并从中学习和提炼关键点，以打造出更加新颖、更有创意的店铺装修风格。
随着网购大军越来越壮大，网购商品也更加丰富多样，包括服装、鞋靴、箱包、美妆、食品、珠宝、百货等诸多大类，如右图所示。不同类别商品的店铺在装修风格上也越来越多样化。设计者需要通过解读商品特点、风格确定其店铺的整体装修风格，再利用提供的商品照片，通过页面的布局、配色等方式，把商品的特征、价值突显出来，达到吸引顾客购买商品的目的。不同的店铺销售的商品不同，所以在对商品进行包装和设计的时候需要呈现的效果也各有不同。目前网店常见的装修风格包括清新唯美风格、经典复古风格、炫酷时尚风格、清爽风格等，下面几幅图片分别展示了几种不同风格的装修效果，通过对比可以发现，这些图片在元素搭配和整体配色上都采用了不同的表现方式，用各自的风格树立自身的店铺形象。
虽然网店的装修风格是由店铺销售的商品的特点决定的，但它并不是一成不变的，有时候为了达到某种特定的促销效果，可以适当更改店铺的装修风格。以左图为例，网店根据销售的数码商品的特征将画面整体风格设置为优雅的蓝色调，而在“双十一”活动时，为了渲染出更为强烈的活动氛围，设计人员在画面中应用了大量的红色调，加强了活动的宣传力和表现力，画面变得更加具有吸引力。
试读结束[说明：试读内容隐藏了图片]