淘宝天猫网店美工商品拍摄店铺装修视频制作PPT完整全套教学课件

淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第1章初识网店美工全套PPT课件目录Contents1.1熟悉网店美工岗位1.2熟悉Photoshop图像处理软件1.3网店美工设计的基本理念负责网店商品的设计和美化，包括商品的拍摄及商品图片的校色、美化处理。要求掌握拍摄与处理图片的方法。调整和上传商品图片。根据网店商品的上架情况和促销信息自主制作促销广告图，设计动画、动态广告条等。要求掌握图片的制作与上传方法。设计网页布局的风格，进行网页色彩的搭配。要求具有良好的审美观。能独立完成网店页面的美化，设计店招与导航条、商品分类、商品展示、促销海报等模板，进行网页切片。负责网店和网站的图片设计、处理。在设计时要求对商品有一定敏感度，能用简练文案表达商品的卖点。挖掘消费者的浏览习惯和点击需求，从消费者的角度来优化网店。1.1.1淘宝、天猫网店美工的工作范畴与设计要求1.1.2网店美工的技能要求一个专业的网店美工不仅仅要掌握相关的专业技能，还应该懂营销知识，了解如何将良好的营销思维应用到商品中，了解所制作的图片将传达什么信息，懂得如何去打动消费者，引起消费者的购买欲，最终提高网店的浏览量与转化率。1.1.3实战：搜索并熟悉网店美工首先在百度搜索引擎中搜索“淘宝美工”，了解淘宝美工需掌握的一些基本知识，然后通过大型招聘网站查看淘宝美工岗位的岗位需求和技能要求。其具体操作如下。1通过百度搜索淘宝美工2搜索“淘宝美工”1.1.3实战：搜索并熟悉网店美工3查看职位需求信息4查看岗位职责与岗位要求1.1.3实战：搜索并熟悉网店美工5了解其他招聘网站中的招聘信息目录Contents1.1熟悉网店美工岗位1.3网店美工设计的基本理念1.2熟悉Photoshop图像处理软件1.2.1认识PhotoshopCS6的工作界面1.2.2认识PhotoshopCS6的常用工具1.2.3认识PhotoshopCS6的“图层”面板图层好比是一张透明的醋酸纸，层与层之间是叠加的。若上层无任何图像，则对当前层无影响，若上层有图像，则上层图像与当前层重叠的部分会遮住当前层的图像。在“图层”面板中单击“添加图层样式”按钮，在打开的下拉列表中选择一种效果选项。打开“图层样式”对话框的方法主要有3种，分别如下。选择【图层】/【图层样式】菜单命令，在打开的子菜单中选择一种效果命令。直接双击需要添加效果的图层右侧的空白部分。70%82%58%1.2.4认识与应用图层样式“图层样式”对话框1.2.5实战：制作促销标签1新建文件2设置并绘制多边形下面以制作促销标签为例，讲解Photoshop的基础操作方法，包括新建、打开、保存图像文件，使用横排文字工具、多边形工具、渐变工具等。其具体操作如下。1.2.5实战：制作促销标签3设置渐变填充4复制图层1.2.5实战：制作促销标签5设置多边形6设置多边形1.2.5实战：制作促销标签7绘制丝带形状9输入文本8复制并调整形状1.2.5实战：制作促销标签10绘制皇冠形状12复制图层样式11添加投影1.2.5实战：制作促销标签13隐藏图层14存储文件15效果文件目录Contents1.1熟悉网店美工岗位1.2熟悉Photoshop图像处理软件1.3网店美工设计的基本理念1.3.1了解设计元素点线面主色辅助色点缀色指页面中占用面积最大，也是最受瞩目的色彩，主色不宜过多，一般控制在1~3种颜色，过多容易造成视觉疲劳。指占用面积略小于主色，用于烘托主色的颜色。指页面中占用面积小、色彩比较醒目的一种或多种颜色。1.3.2色彩的搭配宋体店铺应用最广泛的字体，其笔画的起点与结束点有额外的装饰、横细竖粗，其外形端庄秀美、具有浓厚的文艺气息，适合用于标题设计。黑体美术体笔画粗细一致，粗壮有力、非常醒目，具有很强的视觉感，宣传性强，常用于广告、导航条等设计。书法体具有古朴秀美、历史悠久的特征，常用于古玉、茶叶、笔墨、书籍等古典气息浓厚的店铺中。指将文本的笔画涂抹变形，或用花瓣、树枝等拼凑成各种图形化的文本，装饰作用力强，主要用于海报的设计。书法体1.3.3文字的字体1.字体的性格特征1.3.3文字的字体男性字体：以男性消费者为主体的商品设计中，一般使用笔画粗的黑体类字体或带棱角的字体。常用的男性字体有方正粗谭黑简体、造字工房劲黑、汉仪菱心体简、蒙纳简超刚黑等。女性字体：以女性消费者为主体的商品设计中，一般采用纤细秀美、时尚、线条流畅，字形有粗细变化的字体，如宋体、方正中倩简体、方正纤黑简体、张海山锐线体简、方正兰亭黑简体等。儿童字体：以儿童消费为主体的商品设计中，一般采用活泼、可爱、呆萌、肥圆、调皮的字体，如汉仪娃娃篆简体、方正胖娃简体、方正少儿简体、腾祥孔淼卡通简体等。促销型字体：促销文案涉及了多个行业，重在突出促销信息，因此一般采用粗、大、醒目的字体，并配合适当的倾斜、文字变形等特效增加文字效果，如黑体、方正粗黑、方正粗谭黑简体等。2.字体的风格搭配字体风格是指通过文字的视觉体现产生不同的视觉联想，选择合适的字体风格不仅渲染了页面的氛围，还能便于受众对主题的理解与消化。1.3.4视觉构图与页面布局的原则中心构图构图方法九宫格构图对角线构图三角形构图黄金分割构图视觉构图是指画面中的各元素通过一定的方式构成一个协调完整的画面。1.视觉构图1.3.4视觉构图与页面布局的原则2.页面布局的原则大小搭配、相互呼应主次分明、中心突出简洁与一致性区域划分明确布局丰满、应有尽有合理使用页面元素布局原则1.3.5实战：网店首页视觉赏析1店铺配色与构图2店铺的分区下面将对淘宝网页中某店铺的配色风格、海报的构图技巧以及页面的布局进行赏析，其具体操作如下。1.3.5实战：网店首页视觉赏析3展示区布局4简洁与一致性分析淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）学习进步淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第2章商品图片的拍摄与处理目录Contents2.1拍摄商品图片2.2调整商品图片的尺寸2.3修饰商品图片2.4调整商品图片的色彩与质感颜色正确且大小适晰干净的主体多角度与细节的展示背景色搭配正确2.1.1拍摄商品图片的要求一张高品质的商品图片是吸引消费者点击和购买的重要因素，通常来讲，要获得优质的商品图片，拍摄商品时应满足以下4个要求。2.1.2拍摄商品图片的基本流程网店美工在拍摄商品图片时，需要按照一定的流程进行拍摄，以保证拍摄出高质量的商品图片。主要包括全面了解商品、确定拍摄风格、制订拍摄方案、确定拍摄顺序、准备拍摄器材、制定订拍摄规划表，然后再根据拍摄规划表来进行拍摄。拍摄前期准备工作当前期准备工作结束后就可以开始拍摄商品图片了，在拍摄中需要对环境的布光、商品构图与搭配进行精心地设计。拍摄中期的执行工作将商品图片上传至计算机中，然后借助图片处理软件对其中不足的地方进行修改和完善，如修复污点、修正曝光、调整偏色、调整饱和度、调整图片清晰度等，最后可为商品图片添加水印，防止被盗用。拍摄后期的处理与交付工作2.1.3拍摄商品图片的基本技巧精选角度摆放错落摆放巧用道具摆放搭配包装盒摆放1.商品摆放技巧平视斜侧垂直俯视仰视微距1234562.1.3拍摄商品图片的基本技巧2.拍摄视角技巧2.1.4实战：拍摄口红本实战将拍摄一组口红的商品图片，拍摄口红时要注意反光的问题，因为口红的外包装材质容易反光，一般利用柔光箱进行拍摄。若需要直接使用闪光灯拍摄，可在灯前添加硫酸纸柔化光源，并在另一侧使用白卡纸进行反光，减弱瓶体上半部分的反射，其具体操作如下。1口红整体效果2右上方俯视拍摄效果2.1.4实战：拍摄口红3左上方俯视拍摄效果4单支口红拍摄效果5微距拍摄口红膏体拍摄效果2.1.4实战：拍摄口红6微距拍摄口红底部7模特展示效果2.1.5实战：拍摄手表本实战将拍摄手表，以充分展示手表时尚、美观的特点。可结合道具和模特进行拍摄，可先拍摄整体效果图，再拍摄手表的细节部分，其具体操作如下。1模特佩戴效果2正面拍摄效果2.1.5实战：拍摄手表3表带和锁扣拍摄效果4场景拍摄效果5整体拍摄效果2.1.5实战：拍摄手表6细节拍摄效果7表带细节拍摄效果目录Contents2.1拍摄商品图片2.3修饰商品图片2.4调整商品图片的色彩与质感2.2调整商品图片的尺寸1234PSDPNGGIFJPG/JPEG2.2.1淘宝、天猫中图片文件的格式淘宝、天猫店铺装修支持多种格式的图片，不同格式的图片具有不同的功能，在选择图片文件格式时，需要根据该格式下图片的透明度、色深、压缩率、动态显示等因素来选择。2.2.2调整商品图片大小与角度的技巧变换图像裁剪图像压缩图像一般对上传的商品图片的大小有限制，要使图片的大小刚刚合适，就需要网店美工在制作商品图片时使用Photoshop进行调整。调整商品图片的常用方法主要有以下3种。2.2.3实战：矫正、裁剪并设置商品主图尺寸下面对一张变形的戒指图片进行矫正操作，使其正常显示，并将其裁剪为800像素×800像素的主图，其具体操作如下。1打开戒指素材2矫正透视图3透视裁剪效果2.2.3实战：矫正、裁剪并设置商品主图尺寸5正方形裁剪图片效果4正方形裁剪图片6更改图片大小2.2.4实战：裁剪商品细节图下面将根据短靴的特点、卖点进行短靴的细节展示，并加入文字和其他元素，以突出细节图，其具体操作如下。1新建文档2调整图像的位置和大小3绘制椭圆选区并创建图层2.2.4实战：裁剪商品细节图5绘制其他选区4旋转图像6设置描边参数2.2.4实战：裁剪商品细节图7设置投影参数9调整图像的大小和位置8制图层样式10最终效果目录Contents2.1拍摄商品图片2.4调整商品图片的色彩与质感2.2调整商品图片的尺寸2.3修饰商品图片2.3.1修饰图片的必要性一般来说，现场拍摄的商品图片会因为技术、环境等原因不符合消费者的审美需求，这样的图片不但削减消费者对该商品的兴趣，还会令他们对该商品乏味。因此网店美工必须精心处理店铺的商品图片。2.3.2修图的常用方法1.模特修图网店中很多商品都会选用模特来展示商品，让商品更加直观、真实。为了让图片效果更加美观，网店美工一般会对图片中的模特进行简单的处理，网店中模特修图经常运用到的修图工具主要有以下几种。污点修复画笔工具修补工具红眼工具修复画笔工具液化功能2.3.2修图的常用方法2.商品修图不同的商品修图，具体工具也有所不同，一般都会用到以下15种工具。钢笔工具仿制图章工具锐化工具海绵工具背景橡皮擦工具魔术橡皮擦工具画笔工具减淡工具图案图章工具涂抹工具内容感知移动工具模糊工具加深工具橡皮擦工具内容识别功能模糊与锐化功能文本工具组形状工具组2.3.2修图的常用方法3.图片修图在进行图片处理时，除了要进行调色，还需要添加文本、形状等其他元素，将图片制作成具有针对性的模块，如海报、店招、分类导航条等。一般都会用到以下3种工具。2.3.3实战：网店女装模特美化网店中模特的身材或多或少存在一定的瑕疵，掌握一些网店人像身型的处理方法能弥补这类商品图片的缺陷，很好地体现图像的美观性。下面对图片中的女装模特进行美化处理，其具体操作如下。1祛除斑点2精修模特脸部2.3.3实战：网店女装模特美化3制作闪亮大眼睛4扩展画布2.3.3实战：网店女装模特美化5拉长腿部6最终效果2.3.4实战：金属质感首饰处理拍摄商品图片时，很容易导致画面偏灰，不能体现商品的光泽感。下面将以处理金属质感的手镯为例，讲解商品处理常用的工具与使用方法。其具体操作如下。1打开手镯文件并对其备份2抠取手镯并去色2.3.4实战：金属质感首饰处理3提高手镯的清晰度4涂抹、提亮选区2.3.4实战：金属质感首饰处理5加深与描边7涂抹镯子6处理手镯花纹2.3.4实战：金属质感首饰处理8添加阴影效果9处理手镯其他部分前后的效果2.3.4实战：金属质感首饰处理11完成对手镯的处理10调整色阶2.3.5实战：功能展示图制作功能展示图一般都是针对该商品的主要卖点，下面制作一款精油的功能展示图，其具体操作如下。1新建文件并导入素材2设置描边参数2.3.5实战：功能展示图制作3设置内阴影参数4输入文本2.3.5实战：功能展示图制作5绘制圆形与圆角矩形6输入文本2.3.5实战：功能展示图制作7复制图层8最终效果目录Contents2.1拍摄商品图片2.2调整商品图片的尺寸2.3修饰商品图片2.4调整商品图片的色彩与质感2.4.1调色的必要性色彩在一张商品图片中起着至关重要的作用，合适的色彩无论对画面质量的提升还是情绪的渲染，都有着非同一般的效果，但在拍摄商品图片过程中，由于摄影器材、环境等限制，拍摄的商品图片的色彩并不理想，会出现如图片太暗、图片中的商品偏色等问题，此时就需要对图片进行调色。调色前后的效果从店铺整体出发，确立店铺图片的颜色风格整体色调自然图像偏色的调整抓住调色的重点色色彩的分割2.4.2商品调色的原则为了使调色后的商品图片更加满足视觉的需要和店铺的需要，在进行图片调色时，需要遵从一定的调色原则，以免做无用功。2.4.3图片色彩校正的方法校色是指通过对图片的调整恢复商品的原本颜色，减小图片与商品的真实颜色差异，使用Photoshop校正偏色的方法很多，常见的方法包括调整色彩平衡、可选颜色，以及调整中性灰。调整偏色前后的效果2.4.4调色的常用命令“色相/饱和度”命令“亮度/对比度”命令色彩平衡”命令“阴影/高光”命令“色阶”命令“曲线”命令调色命令2.4.5实战：图片亮度与鲜艳度调整提高图片的亮度可以使商品暗部的细节得到更好的表现，提高图片的鲜艳度，则可以更好地增强画面的美观度。下面将对拍摄的酒瓶图片进行亮度与鲜艳度调整，其具体操作如下。1调整色阶3调整曲线2调整色阶后的效果2.4.5实战：图片亮度与鲜艳度调整4调整曲线后的效果6调整饱和度后的效果5调整饱和度2.4.6实战：图片偏色调整拍摄商品图片时，图片中的商品会因灯光的颜色、背景的颜色出现偏黄、偏红等偏色问题。下面将对拍摄的茶具图片进行偏色调整，其具体操作如下。1打开素材2调整可选颜色“黄色”2.4.6实战：图片偏色调整3调整可选颜色“绿色”4调整色彩平衡2.4.6实战：图片偏色调整5调整亮度/对比度6调整饱和度2.4.7实战：图片质感调整当商品图片较为昏暗模糊很难展示商品的质感时，可通过调色、增加图片清晰度等后期的处理来提高图片的质感。下面打开毛绒拖鞋图片，通过锐化工具增强材质细节的体现，提高图片亮度，使用减淡工具加强鞋子的明暗对比，其具体操作如下。1打开素材2提高亮度3创造选区2.4.7实战：图片质感调整4设置USM锐化参数5锐化部分图像6最终效果淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）学习进步淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第3章商品图片的特殊处理目录Contents3.1商品图片的背景处理3.2商品图片的组合3.3商品图片的切片与管理商品形状规则可通过对应的选择工具快速创建选区，按“Ctrl+Shift+I”组合键可反选背景，按“Delete”键删除背景即可完成抠图。商品形状不规则，颜色丰富，边界分明对于这类商品图片，可以通过套索工具组来抠图，半透明商品可结合钢笔工具、图层蒙版和通道等进行抠图。商品或背景的颜色较为单一可使用魔棒工具、快速选择工具单击需要选择的部分区域快速创建需要的选区。商品颜色丰富以及形状较复杂的图片可使用路径抠图的方法：使用钢笔工具描边商品的外形，然后按“Ctrl+Shift+Enter”组合键将绘制的路径转化为选区。毛发进入通道，选择对比强烈的通道创建副本，然后调整色阶，使用黑白画笔涂抹需要隐藏或显示的部分，最后将通道载入选区并复制选区到新的图层上即可完成抠图。3.1.1从背景中抠取商品的技巧创建角点添加锚点删除锚点闭合路径3.1.2钢笔工具的使用通过“钢笔工具”绘制路径进行抠图，可以达到更精细的抠取效果。选择工具箱中的“钢笔工具”，其对应的工具属性栏如图所示。链接路径在“钢笔工具”工具属性栏中单击“路径”按钮，在下拉列表中可选择绘图模式，包括路径、形状和像素3种。选择的绘图模式不同，钢笔工具属性栏中的选项也会发生改变。使用“钢笔工具”时，指针在路径和锚点上的不同位置会呈现出以下几种不同的显示状态。使用“径向模糊”滤镜可以使图像产生旋转或放射状模糊效果。径向模糊使用“镜头模糊”滤镜可以使图像产生拍摄时镜头抖动产生的模糊效果。镜头模糊3.1.3虚化效果的设置在PhotoshopCS6中，可以通过“模糊”滤镜来削弱相邻像素的对比度，使相邻像素间过渡平滑，从而使像素边缘柔和、模糊，达到虚化的效果。选择【滤镜】/【模糊】菜单命令，在“模糊”菜单中提供了多种模糊效果，其中镜头模糊、径向模糊常用来处理商品背景图片。020103通过蒙版中的灰度信息控制图像的显示区域，可用于商品图片的合成，也可控制填充图层、调整图层、智能滤镜有效范围。选择图层，单击“图层面板”底部的按钮即可创建图层蒙版。图层蒙版通过一个对象的形状来控制其他图层的显示区域。使用矢量工具绘制路径，选择绘制的路径，这里选择【图层】/【矢量蒙版】/【当前路径】菜单命令创建剪贴蒙版。剪贴蒙版通过路径和矢量形状来控制图像的显示区域。选择内容图层，选择【图层】/【创建剪贴蒙版】菜单命令，或按“Alt+Ctrl+G”组合键，将该图层与下面的图层创建为一个剪贴蒙版组。矢量蒙版3.1.4使用蒙版控制图像的显示3.1.5实战：虚化商品图片背景背景虚化是指将商品图片背景由深变浅，使焦点聚集在主体上，营造主体与背景间前清后虚的效果。这种效果能突出主体的立体感，使画面变得更加和谐。下面将对蛋糕图片的背景进行虚化处理，突出蛋糕在画面中的主体地位，其具体操作如下。1使用多边形套索工具创建选区2反选选区3.1.5实战：虚化商品图片背景3羽化选区4镜头模糊5取消选区3.1.6实战：处理白底图片商品背景下面将对拍摄的灰色背景的商品图片进行处理，让偏灰、偏暗的图片背景变成白色，其具体操作如下。1创建选区2获取灰色，背景更改为白色3查看处理效果3.1.7实战：替换玻璃杯图片背景本例为添加玻璃杯图片梦幻迷离的背景色调，营造浪漫迷人的氛围，其具体操作如下。1打开素材复制图层2进入蒙版编辑状态3.1.7实战：替换玻璃杯图片背景3编辑图层蒙版4新建红副本通道3.1.7实战：替换玻璃杯图片背景5反相处理6设置色阶7阴影效果3.1.7实战：替换玻璃杯图片背景8移动玻璃杯9复制图层并设置参数10制作投影目录Contents3.1商品图片的背景处理3.3商品图片的切片与管理3.2商品图片的组合3.2.1图片组合的类型图文组合是图片组合中常见的操作，为商品图片添加文字描述可以更明确地表达出图片的意思，让消费者在购买商品时一目了然，赢得消费者的好感，进而促进消费者购买。而在店铺陈列商品时则会用到多图展示，此时就涉及图片的组合，其组合方式是多变的，网店美工可根据不同的需求来进行合理的搭配。3.2.2图文搭配技巧文本在图片中的排列方式为图片选择合适的字体图文结合线条的搭配将文本镂空或制作成印章底纹搭配图文搭配技巧3.2.3商品的陈列方式递进式自由式并列式商品陈列是指通过不同的视觉传达方式，将商品更加美观地呈现给消费者。通过商品的陈列，可暗示消费者其他潜在的需求，若搭配一定的促销组合，则可刺激消费者的购买欲，加强对消费者这一细节的把握，达到提升销售额的目的。3.2.4商品的陈列原则不同的商品陈列方式会营造出不同的营销氛围，不同的营销氛围会影响消费者不同的消费心理状态。通常情况下，在进行商品陈列方式的设计与选择时需要遵循以下原则。商品陈列数目整齐统一重点突出色彩对比改变图片的排列顺序选择要移动的图片所在的图层，选择【图层】/【排列】菜单命令，从打开的子菜单中选择需要的命令即可移动图层。对齐多张图片在“图层”面板中选择多个图层，然后选择【图层】/【对齐】菜单命令，在其子菜单中选择相应的对齐命令进行对齐即可。分布多张图片选择图片所在的图层，然后选择【图层】/【分布】菜单命令，在其子菜单中选择相应的分布命令即可。3.2.5商品图片的排列、分布与对齐在商品的组合与陈列过程中，为了合理安排图片叠放顺序，保证图片之间的间距一致，可使用Photoshop中的排列、对齐与分布图层功能快速进行调整。3.2.6实战：图文组合下面以“箱包店”的女包系列商品为例，对商品的陈列进行设计。其具体操作如下。1新建参考线2更改图像大小3.2.6实战：图文组合3统一更改图像大小4底对齐3.2.6实战：图文组合5左对齐6绘制矩形3.2.6实战：图文组合7输入文本8选择自定形状并绘制该形状9商品陈列效果目录Contents3.1商品图片的背景处理3.2商品图片的组合3.3商品图片的切片与管理进行店铺装修时，方便替换单一商品。切片后，方便对首页与详情页中的商品进行链接。浏览网店时，图片的大小对页面的打开速度影响很大。将一张大图切割成多张小图，可以加快页面的打开速度，提高消费者体验的满意度。3.3.1切片的作用商品图片的切片在店铺装修中起到非常重要的作用，具体表现如下。2341切片技巧从标尺上拖动鼠标，为图像创建切片的参考线，在切片时可沿着该参考线拖动鼠标创建切片。依靠参考线切片时不能将一个完整的图片区域断开，应尽量按完整图片切割，避免在网速很慢时图片被断开，不能完整地呈现出来。切片位置在存储切片时，需要保存为Web所用格式。切片存储存的颜色一般情况下，对于色彩丰富、图像较大的切片，选择JPG格式；对于尺寸较小、色彩单一和背景透明的切片，选择GIF或PNG-8格式；半透明、不规则以及圆角的切片，选择PNG-24格式。切片存储的格式3.3.2切片技巧重命名图片移动图片编辑图片3.3.3管理素材中心图片网店美工在装修店铺前要先将图片上传至素材中心，然后才能在素材中心中管理相应的图片，最后进行店铺的装修。上传图片的大小和格式：为了保证图片的正常使用，一般仅支持图片大小为3M以内的jpg、jpeg、gif、png格式图片的上传。上传图片的方法：登录淘宝网，进入千牛卖家工作台后，单击“店铺管理”栏下的“图片空间”超链接，进入素材中心页面，然后单击“上传”按钮，打开“上传图片”对话框，最后根据该页面的提示进行图片的上传。3.3.4查看图片排列方式与引用查看排列方式：在素材中心的图片管理页面的“排序”列表中可选择按文件名称、上传时间等进行图片的排序。图标排列方式列表排列方式3.3.4查看图片排列方式与引用查看引用：在图片空间中，商家可以查看正被使用的图片的引用位置，还可对其进行替换，其方法为：选择图片，在打开的工具栏中单击“查看引用”按钮，打开“引用信息”对话框，在其中可查看引用该图片的位置，单击“查看效果”按钮，可查看该图片在店铺中的应用效果。查看引用3.3.5实战：新品女包促销模块切片下面为“新品女包”促销模块的相关图片创建切片，并将创建的切片以JPEG格式保存到计算机中，方便后期装修店铺时使用，其具体操作如下。1打开素材2创建参考线3.3.5实战：新品女包促销模块切片3选择“切片工具”5切片效果4组合切片3.3.5实战：新品女包促销模块切片6为切片创建链接7调整视图显示8优化切片3.3.5实战：新品女包促销模块切片9存储切片10查看保存效果3.3.6实战：上传商品图片到素材中心进行店铺装修或发布商品前，商家可将需要使用的图片上传到素材中心，当需要使用对应的图片时即可直接从中选择，其具体操作如下。1进入素材中心2新建文件夹3.3.6实战：上传商品图片到素材中心3单击“上传”按钮4单击“上传”超链接5选择上传的图片6查看上传的图片3.3.7实战：删除、还原和替换素材中心的图片删除素材中心中未引用的图片，可以节约空间容量，方便以后上传其他商品图片到空间。删除的图片会在图片回收站中存储7天。若在此日期内需要再次使用该图片，可以将该图片从图片回收站还原，另外，也可将已上传的图片替换为其他图片，节约重新上传图片的时间，其具体操作如下。1识别被引用的图片2删除未引用的图片3.3.7实战：删除、还原和替换素材中心的图片3进入图片回收站5选择需要替换的图片4在图片回收站中还原图片3.3.7实战：删除、还原和替换素材中心的图片6选择替换的图片8查看替换效果7确定替换淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）学习进步淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第4章网店推广图设计目录Contents4.1店标设计4.2直通车推广图设计4.3智钻图设计4.1.1店标制作流程为了加深消费者对品牌Logo的印象，强化品牌形象，一些品牌商家都会直接将Logo制作成店标，因此店标的制作方法与Logo基本一致，一个规范的店标一般需要遵循以下制作流程。020103淘宝店标的文件格式为GIF、JPG、JPEG、PNG，尺寸建议为80像素×80像素，文件大小为80KB以内。店标的尺寸要求店标可以是简单的图形，图形组合，甚至可以直接将店名制作成店标。动态店标的动画不宜复杂，动画跳转速度不宜过快，否则容易使消费者视觉疲劳。店标的外观为了树立店铺的形象，店标也不宜时常更换，应在较长时间内保持稳定。以稳定消费者，引起消费者的购买欲。店标的应用4.1.2店标的设计要点4.1.3实战：店标制作下面以“狗粮”店铺为例，制作一款名为“汪汪小店”的店标。具体操作如下。1填充背景色2绘制路径4.1.3实战：店标制作3描边路径4填充路径4.1.3实战：店标制作5绘制椭圆6编辑眼珠4.1.3实战：店标制作7输入文本并设置文本颜色8变形文字4.1.3实战：店标制作9输入文本并绘制矩形10合并图层后选择投影选项4.1.3实战：店标制作11添加投影13存储文件12投影效果4.1.4实战：上传店标到店铺制作的店标需要上传到店铺中才能被消费者看到，在上传时要注意制作的店标大小要符合网站的要求，否则不能上传成功，下面将前面制作的店标上传到店铺，其具体操作如下。1打开店铺基本设置页面2选择上传的店标4.1.4实战：上传店标到店铺3查看上传店标后的效果目录Contents4.1店标设计4.3智钻图设计4.2直通车推广图设计4.2.1直通车的设计原则原则主题和卖点简洁、精确构图合理图片要具有吸引力分析消费者心理需求放大商品卖点使用增值服务使用大众好评分析图片的差异化4.2.2直通车引流的关键能否快速打动消费者是直通车能否成功的关键因素，网店美工若想制作出能快速吸引消费者注意的直通车图，一般可从以下5个方面着手。4.2.3实战：制作直通车推广图下面将制作一款空气净化机的直通车推广图，其具体操作如下。1填充背景色并添加素材2设置渐变背景4.2.3实战：制作直通车推广图3设置渐变色并拖动矩形4输入文本并添加图层样式4.2.3实战：制作直通车推广图6输入文本7绘制圆角矩形5旋转文本8绘制矩形并添加素材4.2.3实战：制作直通车推广图9添加斜面和浮雕效果10输入文本11店铺直通车图效果目录Contents4.1店标设计4.2直通车推广图设计4.3智钻图设计淘宝首页焦点智钻图位于淘宝首页的上方，是淘宝首页的视觉中心。标准尺寸为520像素×280像素，由于其尺寸较大，能够完整地展示商品与文案，因此价格最贵。淘二焦点智钻图淘宝垂直频道智钻图位于首页焦点图的右下角，标准尺寸为200像素×250像素。由于尺寸较小，主要对商品进行展示，该图文本精简，但文本字体较大。在淘宝首页的通栏位置上看到的长而狭窄的矩形条即为横幅Banner，尺寸一般为468像素×60像素。由于是细长条，所以无法完全展示商品，只能展示部分细节，这类智钻图以文案说明为主。淘宝垂直频道包括淘宝女装、淘宝美妆、聚划算、极有家、全球购等，在淘宝首页单击对应的频道即可进入。进入频道首页后，页面的顶端会显示一些广告，这些广告即为淘宝垂直频道智钻图。横幅Banner智钻图4.3.1智钻位置和直通车不同，智钻位置众多且尺寸各异，包括淘宝首页、内页频道页、门户、画报、多个淘宝站内广告位等，不同位置对应的智钻尺寸、消费人群、消费特征和兴趣不同。4.3.2智钻图设计标准目标明确形式美观主体突出两栏式构图垂直构图上下式构图渐次式构图放射性构图正反三角形构图斜切式构图三栏式构图4.3.3智钻图的构图方式4.3.4实战：制作首焦智钻图下面对新品女包的首焦智钻图进行制作，其具体操作如下。1绘制并旋转矩形2为矩形添加图层样式4.3.4实战：制作首焦智钻图3添加素材5绘制形状4输入文本4.3.4实战：制作首焦智钻图6添加素材与文本9制作投影7绘制矩形并输入文本10首焦智钻图效果8制作圆形淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）学习进步淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第5章店铺首页视觉设计目录Contents5.1了解店铺首页5.2设计店招与导航条5.3设计全屏轮播图5.4设计优惠券模块5.5设计分类模块5.6设计商品展示模块商品推荐模块商品排行模块商品分类模块个性分类模块自定义区模块图片轮播模块全屏宽图与全屏轮播图模5.1.1了解店铺首页的基础模块网店美工在进行店铺首页布局前，需要了解店铺装修的基础模块，运用基础模块进行合理地布局，常用的基础模块包括以下10项。宝贝搜索模块客服模块收藏模块5.1.2店铺首页模块布局的要点店铺风格在一定程度上影响着店铺的布局方式，因此选择合适的店铺风格是店铺布局的前提；而店铺风格则受品牌、商品信息、目标消费者、市场环境和季节等因素影响，在选择店铺风格时必须考虑这些因素，这样店铺风格才能和商品风格统一。铺的活动和优惠信息模块，要放在非常重要的位置，海报、轮播图、导航条、活动推广图中的内容设计要清晰、一目了然，并且可读性要强。在商品推荐模块中，推荐的爆款或新款不宜过多，此时可通过商品分类模块或宝贝搜索模块将消费者流量引至相应的页面中。5.1.2店铺首页模块布局的要点收藏、关注和客服等互动性模块是商家与消费者互动的销售利器，这些模块可以提升消费者忠诚度，提高二次购买率，因此是必不可少的模块。用宝贝搜索或商品分类模块时，需要将商品分门别类，详细地列举出商品类目，将有助于消费者的搜索，或很快找到喜欢的类目及商品。模块结构和商品系列要清晰明了，模块布局要错落有致，列表式和图文搭配，减少消费者的视觉疲劳。5.1.3实战：应用系统模板淘宝网店系统配置了不同的模板，不同模板的作用和使用方法都不相同，其具体操作如下。1单击“装修页面”按钮2模板管理5.1.3实战：应用系统模板3查看模板信息4应用模板5成功应用模板5.1.4实战：搭建首页框架完整的淘宝店铺首页应包括店招、导航条、海报、商品分类、商品展示区、活动区、页尾等。确立店铺首页的模块与风格后，即可开始首页框架的搭建，其具体操作如下。1单击“装修页面”按钮2删除无用的模块5.1.4实战：搭建首页框架3拖动模块，调整显示位置4添加布局单元5添加“自定义区”模块6首页布局效果目录Contents5.1了解店铺首页5.3设计全屏轮播图5.4设计优惠券模块5.5设计分类模块5.6设计商品展示模块5.2设计店招与导航条5.2.1店招的设计原则网店美工在设计店招时，除了需要让设计具有新颖别致、易于传播的特点，还应遵循两个基本的原则：一是植入品牌形象；二是抓住商品定位。植入品牌形象可以通过展示店铺名称、标志来实现，而抓住商品定位则是指通过展示店铺中的商品快速吸引目标消费群体进入店铺，实现商品的精准定位。5.2.2店招的风格分析店招的风格引导着店铺的风格，而店铺的风格很大程度上取决于店铺所经营商品，一般而言，一个完整的店铺要求店招、商品、店铺风格统一。5.2.3店招的设计要求就淘宝网而言，按尺寸大小可以将店招分为常规店招和通栏店招两类。常规店招为950像素×120像素；通栏店招包括页头背景、常规店招和导航条，尺寸多为1920像素×150像素。需注意的是，为了便于店招上传，页头背景图片大小建议小于200KB，店招大小建议小于80KB，店招的格式也应设置成JPG、GIF、PNG或SWF等格式。5.2.4实战：制作常规店招下面将制作一个童装店铺的常规店招，其具体操作如下。1添加素材2绘制矩形并添加图层样式3输入文本5.2.4实战：制作常规店招4绘制矩形5复制矩形7输入文本6输入文本并调整位置8复制图层组9修改图层组中的内容5.2.4实战：制作常规店招10添加素材11复制图层样式12输入文本13常规店招效果5.2.5实战：制作通栏店招下面在常规店招的基础上制作通栏店招。在制作时首先需要新建通栏店招文件，添加常规店招位置的辅助线，然后将常规店招拖入其中，调整显示位置，添加导航条与文本，其具体操作如下。1新建文档3添加素材2创建参考线5.2.5实战：制作通栏店招4新建并填充图层6输入导航内容5拖动内容7通栏店招效果目录Contents5.1了解店铺首页5.4设计优惠券模块5.5设计分类模块5.6设计商品展示模块5.2设计店招与导航条5.3设计全屏轮播图5.3.1不同轮播图的尺寸要求轮播图的尺寸与店铺的布局紧密相关，与店招一样，商家可以根据需要设置常规轮播图和全屏轮播图两种样式。尺寸要求全屏轮播图尺寸宽度为1920像素，高度一般以400像素～800像素为最佳，但是该轮播图需要付费开通或利用自定义区模块进行装修。常规轮播图尺寸其高度要求在100像素～600像素以内，小于300KB，按宽度可细分为通栏轮播图（950像素）、右侧轮播图（750像素）、左侧轮播图（190像素）。

店铺全屏海报的设计与其他海报的设计方法相似，包括构图技巧、配色方式、文本排版等，都要求简洁美观、主题突出、能够吸引消费者等。但由于显示器的分辨率不一致，为了保证全屏图片在任何显示器中都能完整地显示出重要信息，通常需要对图片的两边进行“留白”，即全屏图片左右两侧宽度为360像素的区域中不放置人物或商品图片，也不放置文案。5.3.2全屏海报的设计要点5.3.3实战：制作首张全屏海报制作海报时，要根据店铺的风格和需要表达的信息来确定风格，下面制作两张雪地靴的全屏海报，以便于轮播。，其具体操作如下。1添加素材2绘制矩形5.3.3实战：制作首张全屏海报3创建剪贴蒙版4再次创建剪贴蒙版5输入文本5.3.3实战：制作首张全屏海报6输入文本并修改文本格式7绘制矩形并输入文本8设置笔画样式5.3.3实战：制作首张全屏海报9置形状动态与散布11全屏海报1效果10绘制雪花5.3.4实战：制作第２张全屏海报第２张全屏海报继续使用了首张全屏海报的背景，通过雪景、模特素材的运用、活动文案的描述，以及其他图形素材的运用来渲染和装饰画面，营造出时尚的活动氛围，其具体操作如下。1添加素材2绘制矩形5.3.4实战：制作第２张全屏海报3添加素材并创建剪贴蒙版4输入文本并设置文本格式5输入文本并设置文本格式5.3.4实战：制作第２张全屏海报6设置画笔样式并绘制形状7绘制矩形并复制图层8输入文本5.3.4实战：制作第２张全屏海报9输入文本并调整文本格式10绘制波浪形状11全屏海报2效果目录Contents5.1了解店铺首页5.5设计分类模块5.6设计商品展示模块5.2设计店招与导航条5.3设计全屏轮播图5.4设计优惠券模块设计要点优惠券的使用范围优惠券的使用条件优惠券的使用时间优惠券的使用张数优惠券的最终解释权5.4.1优惠券设计要点5.4.2实战：制作优惠券下面以“满减”形式制作淘宝女鞋店铺的优惠券，其具体操作如下。1输入文本2绘制圆角矩形5.4.2实战：制作优惠券3复制和合并图层5优惠券效果4均匀排列文本目录Contents5.1了解店铺首页5.6设计商品展示模块5.2设计店招与导航条5.3设计全屏轮播图5.4设计优惠券模块5.5设计分类模块5.5.1分类模块设计要点若店铺已经有装修风格，商品分类模块的设计必须从该店铺的风格出发。商品分类中，分类名称必不可少，可以是中文，也可以是英文。可以根据需要添加分类图标，因为添加分类图标后更易于消费者查看。横向商品分类的图片尺寸应控制在950像素以内；纵向商品分类的图片尺寸不宜超过150像素，若超过该尺寸，当显示器分辨率小于或等于1024像素×768像素时，将导致商品分类栏右边的商品列表下沉，从而影响店铺页面的美观。商品分类模块不宜太长，可根据商品分类添加子分类，便于消费者浏览。5.5.2实战：制作分类模块下面先通过商品与图形的结合制作大气、美观的女鞋分类模块，主要包括“休闲鞋”“短靴”“马丁靴”“雪地靴”“老爹鞋”5种类型，，其具体操作如下。1布局页面2添加素材5.5.2实战：制作分类模块3输入文本4绘制形状5在形状中输入文本5.5.2实战：制作分类模块6为形状添加投影7添加素材8分类模块效果目录Contents5.1了解店铺首页5.2设计店招与导航条5.3设计全屏轮播图5.4设计优惠券模块5.5设计分类模块5.6设计商品展示模块5.6.1商品展示模块设计要点商品名称定义要全面、准确，不能过于复杂或过于简单，将商品名称拟好后，可通过搜索该名称，检验搜索的难易程度，然后及时修正商品名称。商品展示区模块的每一张商品图片都是能吸引消费者点击的重要图片，除了选择店铺中最漂亮的商品图片外，还可选择临近下架时间的商品的图片，因为紧临下架时间的商品会获得淘宝网的优先展示机会，有一定的概率让消费者优先看到。但要注意，若商品下架应及时进行处理，避免出现空位。在进行商品展示模块的设计时，商品的价格不宜过高，但也要保证成本。5.6.2实战：制作商品上新预告模块商品上新预告模块是指对即将上架的商品进行推广的模块，下面将制作女鞋的上新预告模块，其具体操作如下。1新建文件并添加素材3输入文本并绘制形状2输入文本并绘制线条5.6.2实战：制作商品上新预告模块4划分版块5添加布局图片5.6.2实战：制作商品上新预告模块6绘制圆角矩形并输入文本7商品上新预告模块效果5.6.3实战：制作商品推荐模块商品推荐模块是店铺首页中常见的商品展示模块，合理运用不但吸引消费者眼球，还能促进商品出售。下面制作女鞋的商品推荐模块，其具体操作如下。1新建文件并输入文本2添加素材3输入文本5.6.3实战：制作商品推荐模块4输入文本并绘制矩形6添加素材5绘制矩形装饰5.6.3实战：制作商品推荐模块7复制图层并修改文本内容8绘制矩形装饰9绘制形状5.6.3实战：制作商品推荐模块11商品推荐模块效果10在形状中输入文本淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）学习进步淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第6章商品详情页视觉设计目录Contents6.1了解商品详情页6.2商品详情页焦点图设计6.3建议搭配模块设计6.4商品卖点图设计6.5商品信息展示图设计6.6商品细节图设计6.1.1了解商品详情页的模块详情页模块左侧模块搜索模块商品分类模块商品排行模块收藏模块商品推荐模块右侧模块商品基础信息模块商品描述信息模块自定义模块商品展示模块商品细节模块商品规格模块功能展示模块搭配建议模块包装展示模块证书保证模块6.1.1了解商品详情页的模块自定义模块主要包括以下几种类型：促销活动模块关联营销模块会员营销模块消费者须知模块6.1.2商品详情页的内容分析与设计要点商品详情页页面设计需要根据商品的特征来进行制作。商品详情页的内容要引发消费者的兴趣，在设计模块时需要把握以下3点。123引发兴趣、激发消费者潜在需求赢得消费者信任替消费者做决定6.1.3实战：商品详情页布局下面将搭建女鞋店铺商品详情页自定义模块的结构框架，在搭建时以常规的商品详情页模块为出发点进行商品详情页的规划，主要分为7个部分，包括焦点图、建议搭配、卖点分析、商品参数、尺码对照展示、商品全方位展示和商品细节展示，其具体操作如下。1搭建商品详情页自定义模块的框架2进入商品详情页6.1.3实战：商品详情页布局3商品详情页布局效果6.1.4实战：制作商品详情分类条网店美工在设计商品详情页时一般都需要设计一个分类条，目的是为了让各部分的结构既清晰明了又相互联系，下面将根据前面的规划为商品详情页设计6个分类条，各分类条的字体、装饰线条等元素要大小一致，其具体操作如下。1绘制线条2输入文本6.1.4实战：制作商品详情分类条3使用组管理图层4分类条效果目录Contents6.1了解商品详情页6.3建议搭配模块设计6.4商品卖点图设计6.5商品信息展示图设计6.6商品细节图设计6.2商品详情页焦点图设计6.2.1商品详情页焦点图设计要点设计商品详情页焦点图一般有两个目的：明确主题、突出商品卖点；承上启下，做好商品信息的过渡。一般来说，消费者进入商品详情页大都是通过点击主图进入的，因此商品详情页焦点图中展示的卖点要与主图衔接，让商品信息的过渡变得自然。6.2.2实战：制作商品详情页焦点图下面进行女鞋详情页的焦点图制作，其具体操作如下。1添加素材2输入文本6.2.2实战：制作商品详情页焦点图3为文本添加投影4绘制矩形5绘制矩形并修改文本颜色6.2.2实战：制作商品详情页焦点图6修改文本颜色7绘制圆角矩形并输入文本8绘制形状目录Contents6.1了解商品详情页6.4商品卖点图设计6.5商品信息展示图设计6.6商品细节图设计6.2商品详情页焦点图设计6.3建议搭配模块设计6.3.1建议搭配模块设计要点搭配方式模特与单品的组合陈列使用模特进行展示使用单品进行陈列展示不同商品有不同的搭配组合方式，网店美工在设计该模块时应根据商品特征选择适合的搭配组合方式。现在淘宝网中的搭配建议模块大多以3种方式呈现。6.3.2实战：制作建议搭配模块下面为商品详情页焦点图中的女鞋搭配衣服与首饰，使其更显档次，其具体操作如下。1绘制矩形2为矩形添加投影6.3.2实战：制作建议搭配模块3添加素材4为女鞋添加投影6.3.2实战：制作建议搭配模块5输入文本6输入文本并调整位置目录Contents6.1了解商品详情页6.5商品信息展示图设计6.6商品细节图设计6.2商品详情页焦点图设计6.3建议搭配模块设计6.4商品卖点图设计020103卖点独特，共性的商品特征能被第一个说出来，而且能影响购买。有足够的说服力，能打动消费者购买，这就要求商品卖点与消费者核心利益息息相关。长期传播价值及具有品牌辨识度。6.4.1商品卖点的特征原则与方法ABCFAB法则从商品概念提炼从更高层次的需求提炼6.4.2商品卖点提炼的原则与方法6.4.3实战：制作商品卖点图本例将对女鞋的3个卖点进行展示，即“流行趋势、柔软性、面料”，其具体操作如下。1添加素材并绘制矩形2输入文本6.4.3实战：制作商品卖点图3添加素材4绘制矩形5添加素材6.4.3实战：制作商品卖点图6输入文本7绘制矩形并输入文本8绘制矩形6.4.3实战：制作商品卖点图9添加素材10绘制矩形并输入文本11输入文本并绘制矩形6.4.3实战：制作商品卖点图12复制图层13修改文本内容目录Contents6.1了解商品详情页6.6商品细节图设计6.2商品详情页焦点图设计6.3建议搭配模块设计6.4商品卖点图设计6.5商品信息展示图设计6.5.1商品参数的常用表达方式商品参数的直接输入：自由排列输入商品参数，一般需要文本框来统一文本的行间距。参数通栏排：使用文本框直接输入参数，添加形状或线条来修饰参数模块；使用商品参数表输入参数。商品参数与商品图片的自由组合：可以直接将商品的参数输入到商品图片上，也可以将商品参数细化到不同的商品图片中进行显示。参数与商品两栏排：当商品参数比较少时，可通过左表右图或左图右表的方式排列商品参数模块，对于有尺寸规格的商品，还可另外在商品图上添加尺寸标注。6.5.2对比图的展示在网店中，对比图除了被用于展示商品的大小、容量外，还经常被用于展示商品的效果、功能等方面的优势。需要注意的是，在制作对比图时，切记不要将自己的商品与他人的商品进行对比，这种贬低其他经营者的商品或服务的行为将违反新广告法中的规定。6.5.3商品信息的展示方式商品信息的展示方式多种多样，除了基本参数外，商家通常还需要对商品的颜色和角度进行展示，如图所示为展示保温杯和长袜的不同颜色。6.5.4实战：制作商品参数展示图下面对女鞋的参数展示图进行设计，使用参数与商品两栏排的方式，并在商品图上添加尺寸标注，其具体操作如下。1添加素材2绘制椭圆6.5.4实战：制作商品参数展示图3去除椭圆多余部分4绘制线条并输入标注文本5绘制矩形6.5.4实战：制作商品参数展示图6输入文本并修改文本格式7输入文本6.5.5实战：制作商品尺码对照展示图2绘制线条1添加素材并输入文本下面进行尺码对照展示模块的制作，其具体操作如下。6.5.5实战：制作商品尺码对照展示图3输入文本4输入文本6.5.6实战：制作商品颜色展示图2绘制并复制圆形1输入文本并绘制直线许多商品都有多种颜色供消费者选择，不同消费者喜欢的商品颜色有所不同，因此陈列不同颜色的商品是有必要的，下面进行商品颜色展示图制作，其具体操作如下。6.5.6实战：制作商品颜色展示图3添加素材与投影4添加颜色文本6.5.7实战：制作商品全方位展示图1添加素材下面将从正面、侧面、背面的商品图片来展示鞋的外形，其具体操作如下。6.5.7实战：制作商品全方位展示图2输入文本并绘制虚线3商品侧面和背面展示效果目录Contents6.1了解商品详情页6.2商品详情页焦点图设计6.3建议搭配模块设计6.4商品卖点图设计6.5商品信息展示图设计6.6商品细节图设计6.6.1商品细节图设计要点网店美工在选择商品的细节图片时，要注意商品图片的颜色要符合商品本身的颜色，不要有色差，对于图片的质量也需要特别注意，不要因为放大细节部分图片就变得模糊不清。商品细节图的样式一般分为以下两种。一般包括款式细节（领口、门襟、袖口、裙摆、褶皱、腰带、帽子等）、做工细节（走线、针距、线粗、内衬锁边、褶皱、裁剪方式、熨烫平整等）、面料细节（面料材质、颜色、面料纹路、面料花纹等）、辅料细节（里料、拉链、纽扣、订珠、蕾丝等）。服装类目细节图一般包括款式细节（袋口、包扣、拉链、肩带、褶皱等）、做工细节（滚边、走线、铆接等）、材质细节（微距拍摄面料、颜色、花纹、厚薄，以及里料）、配件细节（拉链、包扣、肩带、铆钉、质感五金等）箱包类目细节图一般包括款式细节（全貌、帮面、后帮、鞋跟、鞋底等）、材质细节（材质、纹路、花色等）、辅料细节（拉链、配件、流行元素、洗唛等）。鞋子类目细节图6.6.1商品细节图设计要点不同类目的商品的细节图内容也有所不同，商家可根据商品本身的特点、卖点和优势进行细节展示。6.6.2实战：制作商品细节图1绘制箭头下面制作女鞋的细节展示图，通过将女鞋的细节放大，来展示它与众不同的装饰设计、材质等内容，制作完成后添加文案增加说服力，其具体操作如下。2输入文本6.6.2实战：制作商品细节图3添加细节24细节3与细节4的效果淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）学习进步淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第7章手机端店铺页面设计目录Contents7.1了解手机端店铺页面设计7.2手机端店铺首页页面设计7.3手机端商品详情页页面设计7.1.1手机端店铺页面设计的潮流趋势从整体布局而言，手机端店铺页面更加注重消费者的浏览体验，一般都会以两栏或者单栏的方式排列，且每一屏的内容都会有一个比较明显的划分形式，可以是加大文字或数字的字号，也可以是通过颜色来加以区分，这样会让消费者更清楚地了解该商品的特点，简洁统一的页面也比较方便手机端的阅读。另外，手机端的屏幕虽然比较小但其精度更高，因此手机端淘宝店铺页面设计中的图片质量也要很高。ABCDE页面目标明确，内容简洁页面色调简洁而统一重视首页的视觉传达页面图片不要太大颜色不宜太暗淡7.1.2手机端店铺页面的设计要点手机端购物虽然很方便、快捷，但手机端面积有限，且受到系统、储存设备等软硬件的限制，所以网店美工在进行手机端店铺页面的设计时应注意以下5点。7.1.3实战：手机端店铺页面与电脑端店铺页面对比分析手机端店铺页面与电脑端店铺页面的效果是不同的，下面将从尺寸、布局、详情、分类和颜色方面进行对比分析。1布局对比7.1.3实战：手机端店铺页面与电脑端店铺页面对比分析2店招对比3分类对比7.1.3实战：手机端店铺页面与电脑端店铺页面对比分析4用色对比目录Contents7.1了解手机端店铺页面设计7.3手机端商品详情页页面设计7.2手机端店铺首页页面设计7.2.1认识手机端店铺首页的模块组成从整体内容上看，手机端店铺首页有八大模块，包括店招、标题、焦点图、优惠券、左文右图、套餐搭配、文本、商品，如图所示为常见的手机端店铺首页的模块组成。

7.2.2手机端店铺首页模块的特点与设计要点店招：大小为750像素×580像素，文件大小在400KB以内，一般包含店铺名称、Logo、收藏与分享按钮、营销亮点、店铺活动、背景图片等内容。一般要求主题鲜明、颜色亮丽，以便能在吸引消费者的同时宣传店铺。在设计店招时，可从行业地位、店铺调性、活动主题等角度出发。标题：主要用于区分商品类别，展示店铺的优势、品牌的理念等，最多支持12个中文字符。焦点图：图片宽度为750像素，高度为200像素~950像素，一般用于店铺活动宣传、店铺商品宣传、店铺形象宣传等。在制作轮播焦点图时，轮播图最多可以添加4张。优惠券：此模块要求重点醒目、清晰、互动性强，具有分隔空间、活跃页面的效果。可以使用多图模块、左文右图等模块进行制作。

7.2.2手机端店铺首页模块的特点与设计要点左文右图：图片大小为608像素×160像素，一般用于店铺活动宣传、店铺王牌商品展示、店铺文化介绍等。制作时，要求清晰准确，制作一些引导按钮引导消费者点击。套餐搭配：告知消费者店铺搭配套餐，以提高成交量。文本：最多支持50个中文字符，作为商品与商品之间的分割，是对商品的特别说明。商品：用于对店铺的商品进行展示，在布局的同时应尽量将主营的商品全部覆盖。展示时，应将王牌商品、热销商品进行重点突出，可通过色相对比吸引消费者，或添加相应元素引导消费者。合理控制页面的长度注重感官的习惯性与舒适性与电脑端的视觉统一页面整体内容的把握7.2.3手机端店铺首页页面设计的注意事项7.2.4实战：制作手机端店铺店招下面进行手机端店铺店招的制作，其具体操作下。1添加素材3再次绘制渐变效果2绘制渐变效果7.2.4实战：制作手机端店铺店招4绘制矩形6输入文本5去除多余线条7.2.4实战：制作手机端店铺店招7添加投影8手机端店铺店招最终效果7.2.5实战：制作手机端店铺焦点图在制作手机端店铺焦点图时，由于屏幕尺寸较小，因此在构图方式和文本设计方面都要求简洁，下面将采用上下式结构为零食店铺制作焦点图，其具体操作下。1添加素材3输入文本2绘制形状7.2.5实战：制作手机端店铺焦点图4添加投影7修改文本颜色并绘制矩形5输入文本6绘制线条7.2.6实战：制作手机端店铺优惠券手机端店铺的优惠券与电脑端的相比，在排列与大小上更加清晰明了，位置显眼，引流效果极佳，下面进行手机端店铺优惠券的制作，其具体操作下。1添加投影3绘制圆形2输入文本7.2.6实战：制作手机端店铺优惠券5绘制矩形并输入文本7手机端店铺优惠券最终效果4输入文本6复制图层组并修改文本7.2.7实战：制作手机端店铺分类导航下面进行手机端店铺分类导航的设计与装修，其具体操作如下。1绘制矩形并划分版块2添加素材7.2.7实战：制作手机端店铺分类导航5绘制自定形状6手机端店铺分类导航最终效果3绘制矩形4输入文本7.2.8实战：制作手机端店铺商品列表图手机端店铺的商品列表图与电脑端的有很大的不同，手机的屏幕更小，并且需要让消费者更清晰地浏览商品信息，因此在设计此图时一般采用一行展示图和两行展示图的方式，其具体操作如下。1添加素材2添加素材并调整位置3输入文本7.2.8实战：制作手机端店铺商品列表图4绘制圆角矩形状5添加投影6添加素材7输入文本7.2.8实战：制作手机端店铺商品列表图9绘制圆角矩形并输入文本11复制图层组并修改文本8绘制圆角矩形并修改文本颜色10复制图层并添加素材7.2.8实战：制作手机端店铺商品列表图15添加素材16输入文本12绘制圆角矩形13添加投影14绘制圆角矩形7.2.8实战：制作手机端店铺商品列表图19输入文本21添加素材17设置画笔样式并绘制形状20复制图层并修改文本18绘制圆角矩形与圆形目录Contents7.1了解手机端店铺页面设计7.2手机端店铺首页页面设计7.3手机端商品详情页页面设计尺寸更小卖点应该更加精炼场景更加丰富页面切换不便页面文件的容量更小7.3.1手机端商品详情页的特征与电脑端店铺商品详情页相比，手机端店铺商品详情页具有以下5个特征。020103图片的体积不能太大，否则容易加载缓慢，影响消费者购物体验，此时应在保证图片清晰度的同时压缩图片。细节图不能太小，尽量保证清晰度，让消费者能够看见细节详情，产生购买欲。图片设计要点图片文字、商品信息和商品描述文字都不能太小，否则容易造成信息不清楚。文字设计要点商品重点需要突出，这就要求合理控制页面展示的信息量，省略一些无关紧要的内容，提高消费者购物体验。商品重点的设计7.3.2手机端商品详情页的设计要点7.3.3实战：制作手机端商品详情页下面使用“淘宝神笔”制作手机端女鞋详情页，制作时将使用到编辑模块的一些操作，如替换模块的图片，更改文本、添加模块、删除模块等，其具体操作如下。1使用神笔模板编辑2查看已购买的模板7.3.3实战：制作手机端商品详情页3套用模板4查看焦点图模块7.3.3实战：制作手机端商品详情页5制作符合模板要求的焦点图6选择替换的图片7删除模块中的内容7.3.3实战：制作手机端商品详情页8选择替换的图片9删除模块中的内容10修改并删除文本7.3.3实战：制作手机端商品详情页11删除图片12添加图片7.3.3实战：制作手机端商品详情页13添加模块效果14修改其他内容淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）学习进步淘宝天猫网店美工：商品拍摄店铺装修视频制作（视频指导版第2版）第8章网店视频的拍摄与制作目录Contents8.1网店视频拍摄8.2网店视频制作8.3网店视频上传与应用01020304保持画面稳定保持画面水平合理掌控拍摄时间合理运用拍摄视角8.1.1视频拍摄的要求020103对于人眼感官来说，最接近人眼舒适度的帧率是24帧/秒，所以在拍摄常规视频时一般设置视频的帧率为24帧/秒，最好不超过30帧/秒。常用帧率(24帧/秒）如果想要拍摄出具有自然运动模糊或者快速移动的炫酷特效视频，可以设置帧率为15帧/秒，变慢的帧率会让每一帧画面之间都出现模糊效果。运动模糊效果(15帧/秒）慢动作的视频效果在日常生活中也是非常常见的，可以让画面变得更加优雅、温馨，可以拍摄步行、微笑等场景。慢动作(4~60帧/秒）8.1.2视频拍摄的设置1.设置视频帧率时间码是摄像机在记录图像信号时，针对每一幅图像记录的具体时间编码。时间码的记录方式有记录时运行和自由运行两种，记录时运行指只在拍摄时计时，自由运行是指无论是否在拍摄，时间码都在计时。短片记录尺寸一般包括全高清（分辨率1920像素×1080像素、帧率30或25或24帧/秒）、高清（分辨率1280像素×720像素、帧率60或50帧/秒）和标清（分辨率640像素×480像素、帧率30或25帧/秒）3种画质，可以根据视频的用途进行选择。8.1.2视频拍摄的设置2.设置时间码3.设置短片记录尺寸8.1.3视频拍摄的流程在拍摄商品视频前需要对拍摄的商品有一定的认识，如商品的特点、使用方法和使用后的效果等。只有对商品有所了解后，才能选择合适的模特、拍摄环境、拍摄时间，然后根据商品的大小和材质选择拍摄的器材和布光等。拍摄时，重点表现商品的特色，可以帮助消费者更好地了解商品，提高转化率。1.了解商品的特点道具模特场景视频拍摄可选择的道具种类很多，具体根据实际需要进行选择。在室内拍摄商品需要选择适合的摄影灯，若需要对商品进行解说则需要录音设备。不同的商品对模特的需求不同，拍摄洗面奶的视频时，可通过模特展示洗面奶的使用过程和使用后的效果。由于模特是为商品服务的，所以不能出现主次不分的情况。包括室内场景和室外场景。室内场景需要考虑灯光、背景和布局等；而室外拍摄则需要选择一个合适的环境，避免在人物繁杂的环境中进行拍摄。8.1.3视频拍摄的流程2.准备道具、模特与场景8.1.3视频拍摄的流程3.视频拍摄准备完成后即可进行视频拍摄，在拍摄过程中为了保持画面平衡，需要使用三脚架，并根据商品的性能依次进行拍摄，在拍摄时注意展示全貌，并对各个角度分别进行拍摄，如果拍摄需要制作的食品类商品，还应拍摄制作完成后的效果。如图所示为商品的拍摄过程。8.1.3视频拍摄的流程视频拍摄完成后，需要保留拍摄的主体部分进行多场景的组合；还需根据需要添加字幕、音频、转场和特效等，这些操作需要通过视频编辑软件完成。4.后期合成AdobePremiere快剪辑会声会影8.1.4实战：拍摄女士套装主图视频本实战将在户外拍摄一款女士套装的主图视频，要求充分展