作者：创锐设计
出版社：机械工业出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Photoshop+Premiere淘宝天猫视觉营销·网店美工·商品视频制作从入门到精通：微课视频全彩版试读：
前言
视觉营销是以吸引消费者视线并达成销售为目的的一种营销技术手段。传统行业中的视觉营销，重点在于对环境氛围的布置和主题的强调，而电子商务中的视觉营销则“成分复杂”，集信息构架、交互设计、用户体验于一体，重点在于利用视线把控消费者的心理。本书将讲解如何将视觉营销的理论与网店美工设计、商品视频制作等技术完美融合，打造出优秀的网店装修效果，从而促进网店商品的销售。◎内容结构
第1章：讲解网店视觉营销的表现形式，包括如何定义店铺的品牌风格，如何用图片、视频和文字提升阅读体验，如何用视频提高商品转化率，如何对店铺进行全方位包装和宣传等。
第2章：以Photoshop为操作平台，讲解商品照片的缩放、裁剪、抠取、调色、精修，文字与图形的添加，图像合成与特效制作等后期处理基本操作，为后续的网店装修设计打下基础。
第3～6章：以从分到总的方式讲解网店首页和商品详情页面各区域的设计规范和要点，以及页面整体打造的设计思路和操作步骤，并结合具体案例帮助读者更好地理解和掌握相关知识和技能。
第7～8章：以Premiere Pro为操作平台，讲解网店视频的制作技法，包括素材的基本剪辑方法、视频过渡和特效的添加、字幕和音频的添加等，再结合具体案例帮助读者理解和掌握这些技法在网店视频制作中的应用。
第9章：讲解使用Dreamweaver编辑网页代码的相关知识与技能，帮助读者掌握更高层次的网店装修技法。◎编写特色
实用的视觉营销精髓：本书没有枯燥和深奥的长篇大论，而是对视觉营销在网店中的具体表现形式进行总结与提炼，并以图文并茂的方式进行讲解，帮助读者轻松掌握与电子商务关系最为密切、最具实用价值的视觉营销理论精髓。
全面的网店装修规范：本书对店招与导航条、欢迎模块与轮播图、商品陈列区、客服区与店铺收藏区、商品主图、商品搭配专区、商品细节展示区和功效展示区、主图视频和详情视频等网店页面模块的设计进行了逐一讲解，既有对设计规范的总结，又有对设计技巧的点拨。
深入的设计思路剖析：本书在详解每个设计案例的操作步骤之前，均对案例的框架设计、风格定位、配色方案等设计思路进行了完整而深入的剖析，能帮助读者培养良好的工作习惯，提升分析问题和解决问题的能力。
独特的设计思路扩展：在页面整体打造的综合性案例末尾，通过“案例扩展”栏目对设计进行巧妙变化，获得与原案例风格迥异的设计效果，与之前的案例设计思路剖析一起形成了“从无到有、从有到精”的设计过程，能帮助读者掌握更多开拓思路、激发创意的实用技巧。
齐备的配套学习资源：随书附赠的云空间资料收录了所有案例的素材、源文件和教学视频，读者可以边看、边学、边练，在实际动手操作中更好地理解和掌握相应技法。◎读者对象
本书非常适合网店美工从业人员或想自己装修网店的店主阅读，新手无须参照其他书籍即可轻松入门，已有一定网店装修经验的读者同样可以通过本书学习更多进阶技能。
由于编者水平有限，在编写本书的过程中难免有不足之处，恳请广大读者指正批评，除了扫描二维码关注订阅号获取资讯以外，也可加入QQ群795824257与我们交流。编者2019年1月第1章网店视觉营销的表现形式
视觉营销是电子商务必不可少的营销手段之一，它的作用在于吸引消费者，引来流量，进而刺激消费者产生购买商品的欲望。网店视觉营销可以有多种表现形式，如定义属于自己的品牌风格、利用图像和文字引导消费者关注、对店铺进行全方位的策划和包装等。1.1 定义店铺的品牌风格
品牌是一种识别标志、一种精神象征、一种价值理念，是商品和服务优异品质的核心体现。每个卖家都想让自己的店铺装修别具一格，那么在进行网店装修的过程中，就需要通过各种视觉元素塑造个性化的品牌风格形象。接下来就为大家讲解如何定义店铺的品牌风格。1.1.1 便于识别的店铺专属VI
VI是Visual Identity的缩写，通译为视觉识别系统，是指将非可视内容转化为静态的视觉识别符号。店铺VI不仅能规范店铺的装修，还能在很大程度上帮助消费者记忆，在他们脑海中树立并强化店铺的品牌形象。卖家想要让自己的店铺在竞争中脱颖而出，制定便于识别的店铺VI是非常重要的。网店的VI与实体店的VI有异曲同工之妙，网店中的店招、欢迎模块、商品陈列区等区域的设计，与实体店中的设计都是相通的，如下图所示。
从上述对比可以看出，网店装修中需要规范的设计元素与实体店基本相同，将这些设计元素进行归纳和提炼，可以形成店铺VI设计的基本要素系统。店铺VI设计的基本要素系统是店铺VI形象的核心部分，它严格规定了店铺名称、标准字体、标准色彩、修饰图形及其组合的形式，从根本上规范了店铺装修设计的视觉基本要素。接下来以上述家具店铺的首页装修设计图为例，分析店铺VI设计的四个基本要素。1.1.2 色彩与风格的完美搭配
色彩是定位网店装修风格的重要因素，从某种意义上说，风格承载着色彩，而色彩也成就了风格。单一颜色的美丽是有限的，不同颜色之间的搭配却千变万化。每一种颜色都不是孤立存在的，只有经过搭配才能显现出丰富的魅力。而颜色的搭配运用难度极大，令很多设计师望而却步，但若通过高超的搭配技巧驯服了这些极具个性冲突的颜色，则可以让它们绽放出不同凡响的艺术光彩。如下图所示的色彩搭配中，背景色热情红、主体色橡树黄、点缀色未来银，可以营造出大胆、性感、时尚的视觉效果；背景色中性色、主体色可可棕、点缀色自由黄，则可以营造出简练、现代、有活力的视觉效果。
在网店装修设计的过程中，可以依靠配色软件和配色网站来获取配色方案。如下图所示为使用Adobe Color CC来获得设计图中各视觉元素配色的编辑界面。
上述从海洋照片中提取颜色的操作，实际上就是将色彩与风格进行融合的一个环节。从手提包本身的颜色入手进行分析，其色彩主要为蓝色调，而蓝色会让人联想到海洋、天空等大自然中的事物，因此，提取了海洋照片中的孔雀蓝作为配色中的一种。
以上分析的是色彩与商品设计风格的搭配。色彩与风格的搭配，从另外一个角度来讲，则是不同形象的人物与设计图风格之间的统一。例如，在提到“少女”这个词的时候，大多数人首先会想到的往往是一些偏粉嫩的色彩，这些色彩的明度偏高，纯度也较高，利用它们设计出的网店装修设计图也显得明快、可爱，如下图所示。
上述人物形象与色彩风格的搭配，体现了店铺商品的目标消费群体对设计风格的影响。不同的商品针对不同的消费群体，而不同的消费群体有着不同的个性和特点，他们喜欢的风格也大不相同，就好像性格不同的人有着不同的着装风格一样。因此，在进行网店装修之前，要分析店铺商品的目标消费群体，了解他们的心理特点和喜好，利用不同风格的配色迎合他们的口味，才能获得较好的视觉营销效果。1.1.3 商品图片的视觉统一化处理
网店想要形成自己的装修风格，除了要在店铺VI及色彩搭配上下功夫之外，还要注重商品图片风格的统一。视觉统一化的商品展示能营造较为理想的视觉感受，同时也能展现店铺的品牌和形象。商品图片风格的统一并不单单指在后期设计过程中将商品图片处理成一致的视觉效果，还包括在进行商品拍摄时就把握好照片的构图、修饰元素、光影等方面的统一。如下所示为两组商品图片，其中一组的拍摄风格高度统一，而另外一组则掺杂了多种拍摄效果。两组照片一对比，高下立判。
相同的拍摄角度：三组女鞋的拍摄角度大致相同。
统一的修饰元素：使用杂志、木架等统一的辅助元素对画面进行修饰。
统一的拍摄光线：室内拍摄时使用统一的人造光源进行补光，照片的光影效果统一。
不同的拍摄角度：分别使用平视和俯视的拍摄角度。
不同的拍摄背景：分别使用窗台、桌面、地面作为拍摄背景。
不同的拍摄光线：分别使用室内自然光线、人造光源补光进行拍摄。
为实现前期拍摄的统一，可以将商品拍摄的地点固定，并且后续上新的商品都要按照之前的拍摄方式来制定拍摄方案，这样的拍摄方式适用于一些体积较小的商品。而对一些不适合在棚内拍摄的商品，就需要在拍摄的过程中把握好拍摄地点的相似性，力求使用统一的拍摄环境，或者在后期处理时把商品图像合成到特定的背景中，统一视觉效果。
做好了前期拍摄的统一，接下来就要保证后期处理的统一。有的卖家为了使店铺页面看起来更丰富，将商品图片处理成了多种不同的视觉效果，其实这样反而会使消费者将注意力分散到图片的修饰元素上，弱化了需要突出表现的商品主体。例如，如下所示的一组商品图片包含了晕影、边框、原始照片三种不同的风格，容易使人产生眼花缭乱的感觉。
而如下所示的一组商品图片中，每张图片均添加了晕影和边框两种修饰元素，形成了统一的视觉效果，给人以和谐、专业的感受。
除了上述橱窗照中商品图片的统一处理外，在某些装修设计图的制作过程中，商品图片的视觉统一化处理也是必不可少的。
左图所示为某女鞋店铺首页的部分装修设计图，可以看到画面中零散地摆放着不同款式的女鞋。设计者对女鞋图像进行了抠取，并展示在统一的白色背景中，实现了理想的统一视觉效果。1.2 用图片、文字和视频促进销售
消费者在页面中停留的时间会影响商品的转化率，但这并不是说要把页面做得很长，而是指想传达给消费者的所有信息，消费者都看完了，这才是最关键的。那么要如何引导消费者耐心而又仔细地看完页面呢？我们可以从页面的布局、内容的安排、文案的撰写、视频的添加这几方面入手。1.2.1 店铺首页的布局优化
网店的首页是店铺的门面，规划合理的页面布局能形成一定的视觉引导效果。具体来说，就是运用各种设计手法，引导消费者的视线沿着一定的方向和路径流畅地移动，“带领”消费者了解更多的商品和店铺信息，从而增大消费者下单的可能性。构建视觉引导线的常用方法有以下两种。■ 使用修饰素材引导视线
在店铺首页的商品陈列区中，商品是重要的表现元素，若将商品图像密密麻麻地排布在页面中，容易给人眼花缭乱的感觉。如左图所示的店铺首页巧妙地应用线条素材对画面进行分割和修饰，在将商品进行自然分类的同时，营造出一条视觉引导线，得到较合理的布局效果。■ 巧妙放置商品形成视觉引导线
店铺首页商品陈列区中商品的摆放位置会对布局产生直接影响。消费者的视线往往会随着商品的位置移动。如右图所示的店铺首页将商品陈列区设计为多个平台展示的效果，通过错落有致的商品摆放来形成折线型的视觉引导线，从而优化了首页的布局。1.2.2 商品详情页面的内容安排
商品详情页面包含大量信息，应按照一定的逻辑顺序去展示，才能收到好的效果，这需要运用消费者在浏览页面时的认知规律。通过对相关数据的分析，可以发现消费者在浏览商品详情页面时都习惯遵循由感性到理性，再由理性到感性的过程，如下图所示。
根据上述认知规律，可以将商品详情页面的内容大致分为以下几个模块。
橱窗照：指商品详情页面的第一部分，它的作用是瞬间传递商品和店铺信息，用最短时间使消费者产生继续浏览的欲望，因此这个部分的内容可以尽情展现商品特色。
铺垫：主要展示一些商品的卖点，并且一定要体现卖点和消费者之间的关系，也就是给消费者一个购买这款商品的理由，引导消费者进行下一步的浏览。
正文：要将商品的所有卖点多方位展示出来，让消费者能立体地感受商品，产生购物的冲动。
分析：在消费者产生了购物冲动之后，还需要让消费者有理性购物的思考空间。只有让消费者在冷静判断之后进行购买，才能更好地避免不必要的售后纠纷。
余韵：将消费者由理性层面再引导到感性层面，展现商品的文化内涵、增值服务等相关信息。
商品详情页面除了有一定的逻辑顺序之外，最重要的就是展现商品的价值，包括商品本身的价值和附加价值。通过分析消费者认知规律及商品的信息，可得到如下所示的商品详情页面信息安排表。
上表中罗列的内容较多，在实际的网店装修过程中，可以根据商品和装修需要进行灵活取舍。同时，为了避免信息之间的交错、混淆，在设计商品详情页面时可使用标题栏对信息进行分类，如下图所示。将相关的信息放在每个标题栏的下方，可使页面显得专业、工整。1.2.3 网店商品文案的撰写
简单来说，网店装修中的商品文案指的是表达商品信息的文字，主要出现在商品详情页面中。优秀的商品文案不仅要文笔流畅优美，和店铺的整体风格相映生辉，还要能引导销售，大大提高商品的转化率。■ 商品文案与图片的结合
文案和图片都是商品详情页面不可或缺的组成元素。如果页面中仅有图片，会显得很冰冷，可读性很差；如果页面中全是文案，则会显得很杂乱，缺乏可信度。要达到平衡，必须将文案和图片以恰当的比例结合起来，这样既增加了可信度，又增强了可读性，才能给消费者带来良好的阅读体验，如右图所示。■ 商品文案的类别
商品文案主要分为两类，一类是商品的设计要点及设计思想的诠释，另一类是商品的属性和参数的描述，它们各自具有不同的作用和内容要求，具体见下表。
在撰写商品的设计要点及设计思想的诠释时，设计要点最好分点写，并配合细节展示图，安排好要点的排列顺序，如从上到下或从左到右等，这样才具有更好的可读性和参考性，如下图所示。
在撰写商品的属性和参数的描述时，可以采取“看图说话”的方式，不仅要配图得当，还要尽量将一些与商品属性相关的关键词写进去，如尺寸、颜色、材质等，如下图所示。1.2.4 网店视频的添加
视频可以弥补图片和文字的不足，塑造更真实、立体的商品形象。如今各大电商平台都在着力推动商品视频的发展，想要打造新的流量入口。一般来说，卖家可以在商品主图和商品详情中应用视频。■ 主图视频
主图视频位于商品详情页面第一屏的主图位置上，甚至排在主图图片的前面，消费者在打开商品详情页面时第一眼就能看到。动态的主图视频能让商品展示变得生动起来，比传统的静态主图图片更具吸引力。以创意广告的形式拍摄主图视频，通过高端大气的画面和剪辑在短时间内表现出商品的特性和卖点，不仅能够给消费者带来更新奇的感官体验，而且能够提升商品的档次，让消费者对商品“动心”。主图视频的实例如下图所示。
这款鼠标采用了金属喷漆工艺，科技感十足，因此在主图视频中使用炫酷的画面搭配动感的背景音乐进行表现，塑造出“工艺先进、品质高端”的商品形象。■ 详情视频
详情视频和主图视频相比，在时长等方面的限制较少，因而有更大的发挥空间，除了做成商品展示片、商品使用方法说明片外，还可以做成店铺宣传片、微电影等创意视频。详情视频的实例如下图所示。
这款剃须刀的详情视频中采用3D模拟动画配合字幕的方式，展示了剃须刀的内部构造和工作原理，让消费者能够更直观地了解商品的功能和品质。1.3 用视频提高商品转化率
近年来，电商平台中的视频应用发展势头正盛，越来越多的网店开始在页面中添加视频。实践证明，那些较早使用视频展示商品的网店，其客流量和转化率等数据都得到了明显的提升。本节将讲解网店视频的优势、设计规范和拍摄技巧。1.3.1 网店视频的优势
在商品视频中，卖家可以合理运用各种拍摄和剪辑手法，把商品细节展示变得立体，并全方位地演示商品功能，让消费者能够多角度地了解商品，大大提升他们的购物体验。下面总结一下在网店中应用视频的几个优势。■ 增强视听刺激性
某电商平台披露的消费者浏览习惯数据显示：浏览一件商品时，仅有50%的消费者会停留超过30秒的时间。想要在这30秒内抓住消费者的眼球，最好的方法就是视频，如下图所示。视频以影音结合的方式呈现，能给予消费者视觉和听觉的双重刺激，更容易激发他们的好奇心，产生进一步了解商品的细节、质量、评价等内容的想法。■ 全方位展示商品
当消费者被吸引进入店铺浏览商品时，若在页面中仅用图片展示商品，只能让消费者从外观上大致了解商品。即使增加文字描述，仍然不够直观。而视频则不一样，它可以用最少的篇幅，从更多角度全方位地展示商品，让消费者一次性了解商品的多方面细节，如下图所示。而且由于大多数人认为视频较难造假，所以更容易信任以视频方式展示的商品。■ 提供手把手客户服务
将商品的组装/拆卸方法或使用方法制作成视频应用在网店页面中，既能解决消费者在选购或使用商品的过程中可能遇到的问题，又能让消费者感受到店铺客户服务的贴心和专业，提升他们对店铺的好感度和忠诚度。如下图所示为在一款榨汁机的详情页面中添加的视频，介绍了榨汁机的使用方法，内容丰富，篇幅却比使用图片和文字进行介绍要少得多，能让消费者更有耐心看完。更重要的是，视频解说生动、直观、易懂，消费者就好像在享受一对一、手把手的教学，能够获得更好的购物体验。1.3.2 网店视频的制作规范
大多数卖家都是以入驻电商平台的形式开店的，因而也必须遵守电商平台制定的规则。为了顺利发布商品视频，就必须严格按照电商平台的规范和要求来制作视频。下面介绍京东、淘宝、天猫这几个主流电商平台的视频制作规范。■ 京东视频制作规范
京东是目前较大的一个综合性电商平台，它为每一个第三方店铺标配了店铺首页、商品列表页、店铺简介页、店内搜索结果页4个页面，可以应用不同的布局模块对每个页面分别进行装修设计。下表简单列出了京东对第三方店铺中使用的主图视频和详情视频的设计要求。■ 淘宝、天猫视频制作规范
淘宝和天猫同属于阿里巴巴公司，因此它们对于网店视频的要求大致相同。网店视频的基础统一要求如下：
①画面尺寸要求720p，比例为16∶9（横版），后期可支持9∶16（竖版）和1∶1（方形）；
②画质高清，如MP4格式的平均码率要大于0.56Mbps；
③视频大小小于120MB；
④视频格式要求为MP4、MOV、FLV、F4V、AVI及其他主流视频格式；
⑤视频只能带同名角标，不能出现任何站外链接和二维码；
⑥镜头不虚不晃，构图有审美，包装精致，剪辑有想法，风格、类型不限，拒绝纯电视购物等广告类型；
⑦有趣、有新意，能在短时间内形成吸引力。
根据应用渠道的不同，对视频的大小、播放时间等还有特殊的要求，具体见下表。
注：①主图视频：9秒到10分钟不等；
②无线视频：单个视频，大小上限为30MB，时长上限为3分钟；
③达人渠道短视频：单个视频，大小上限为120MB，时长分渠道不同，9秒到10分钟不等。1.3.3 网店视频的拍摄要点
视频素材是视频剪辑的基础。拍摄网店视频素材可以使用专业的数码相机或摄像机，也可以使用手机。在前期拍摄足够数量的视频素材能让后期的视频剪辑拥有更大的发挥空间。同时，视频素材的拍摄质量还需达到一定水准，如画面清晰明亮、主体明确等，这样才能提高素材的利用率。下面简单讲解几条网店视频的拍摄要点。■ 保证视频画面的清晰度
拍摄商品视频与拍摄商品照片一样，保证画面的清晰度都是非常重要的。如下图所示，模糊的画面不仅不利于消费者了解商品，而且会让他们对商品产生疑虑；而清晰的画面则能提升商品的档次。为了得到清晰的画面，在拍摄时最好利用三脚架等工具固定拍摄设备，坚决消除任何可以避免的晃动因素，拍出的每个镜头都应该是纹丝不动的。即便需要翻动、转动商品，也应力求让画面保持稳定和平衡。
没用三脚架固定拍摄的视频画面模糊，画面中的商品显得廉价、没有档次。
试读结束[说明：试读内容隐藏了图片]