2023学年完整公开课版网店美工

赢家宝典网店美工赢家宝典视觉营销策略之图片设计第10章Areyouready?第10章视觉营销策略之图片设计做好主图，拉动流量全新视角解密直通车图片10.110.2主图是店铺的门面，如果门面好看，买家才会有兴趣浏览店铺的其他内容，如果门面不好看，买家就会一闪而过，不给其他商品任何机会。只有好的主图才能够吸引更多的自然流量，而不是靠直通车、硬性推广等这些收费的形式。淘宝主图是吸引买家的关键要点，那么设计主图的规则都有哪些呢？规则1：本地上传图片大小（K数）不能超过500K。对图片大小的要求规则2：单独商品图片最多可以上传5张。上传图片数量要求规则3：主图700×700像素以上的图片可以在宝贝详情页主图位置提供图片放大功能，这样买家在查看商品图片时可以直接展示产品细节。放大图片展示细节规则4：主图最好不要用牛皮癣式图片，这点虽然不是淘宝的明文规定，但是牛皮癣式图片就类似于街边的小广告，根本不能抓住买家的心理，要表达的实物也不能一针见血。牛皮癣式图片所谓优化商品主图，并不是在原来的商品主图上加个水印、加点文字就可以了，而是需要选取一张和原主图差异很大的图，然后再经过PS处理，制作一张能够带来流量、促进转化率的图片。那么，如何做好淘宝主图优化，使宝贝脱颖而出，让商品对买家更有吸引力呢？在优化的时候一定要找到适合自己店铺、宝贝的方法，做到不盲目、不随波逐流。把宝贝的卖点也就是优点喊出来，不要再用老套的秒杀、包邮等形式，可以主打价格优势。图片做好之后一定要进行对比测试，不要主观的认为自己做出来的图片一定就好，我们要客观地对待，进行对比测试，通过流量变化来判断。没达到优化预期效果、不合格的要果断删除，然后继续优化。图片优化前后效果对比优化前优化后操作步骤步骤1执行【文件】丨【新建】命令，新建一个名称为商品主图，尺寸为1920×700像素的空白文档，然后为背景图像填充颜色，色值为【#361506】。新建文档并填充颜色操作步骤步骤2在【图层】面板中创建新图层，在工具箱中选择【画笔工具】，在工具选项栏中设置画笔【大小】为【50】，【硬度】为【0%】。设置前景色的色值为【#351405】，然后在图像上绘制圆点。绘制圆点操作步骤步骤3执行【编辑】丨【自由变换】命令，显示自由变换框，按住【Shift】键的同时拖动四周控制点，原位置、等比例放大图像。放大图像操作步骤步骤4执行【编辑】丨【自由变换】命令，显示自由变换框，按住【Shift】键的同时拖动四周控制点，原位置、等比例放大图像。复制素材文件操作步骤步骤5在工具箱中选择【横排文字工具】，在图像上输入文字信息。字体：方正兰亭特黑；大小：61.74点；颜色值：#ffffff字体：方正兰亭粗黑；大小：45.97点；颜色值：#ffffff输入文字操作步骤步骤6在【图层】面板中选中【全可拆洗宠物窝】文字图层，点击【添加图层样式】按钮，在弹出的菜单中选择【渐变叠加】命令。选择【渐变叠加】命令操作步骤步骤7在弹出的【图层样式】对话框中点击【渐变编辑器】按钮，在打开的【渐变编辑器】对话框中设置左边色标的色值为【#eeeeee】，右边色标的色值为【#ffffff】，点击【确定】按钮，返回到【图层样式】对话框中，点击【确定】按钮关闭对话框。操作步骤步骤8在【图层】面板中，将鼠标移动到【全可拆洗宠物窝】图层右侧的图标上，按住【Alt】键的同时向上拖动鼠标，至【无敌耐脏四季可用】图层上时，释放鼠标按钮及【Alt】键，复制【全可拆洗宠物窝】的图层样式到【无敌耐脏四季可用】图层上。复制图层样式操作步骤步骤9打开本书配套素材【2.psd】文件，将其中的Logo图像拖动到【商品主图.psd】图像窗口中，并放置在合适的位置完成操作。按【Ctrl+Shift+S】组合键，将文件另存为JPEG格式。复制素材文件，完成操作优化好商品主图以后，需要将商品主图展示到店铺中。具体操作步骤如下：点击【发布宝贝】按钮操作步骤步骤1打开【卖家中心】页面，在【宝贝管理】选项栏下点击【发布宝贝】按钮。操作步骤步骤2进入【一口价】选项区，在【类目搜索】编辑框中输入商品名称，本例为【宠物窝】，点击【快速找到类目】按钮，在搜索结果中选择所需类目，然后点击【我已阅读一下规则，现在发布宝贝】按钮。操作步骤步骤3进入商品发布页面，在【宝贝图片】设置区中点击【文件上传】按钮。步骤4在弹出的【打开】对话框中选择已制作好的【商品主图.jpg】，点击【打开】按钮。操作步骤步骤5经过以上的操作，商品主图已经上传好了。步骤6利用步骤3～5中的操作方法，将其他四张主图上传即可。上传其他主图条条大路通罗马，而直通车是条条大路通流量。直通车不但能够帮我们筛选比较精准的购物人群去展示商品，更能够准确地利用好流量，创造店铺点击率。我们开“直通车”并不是因为别人在开车所以我也要开车，而是要通过“直通车”花钱的方式让商品优先展示在买家的视线里。直通车即直通车推广图。淘宝网卖广告的方式有很多种，直通车是大部分卖家最先尝试的一种方式。直通车的推广原理是根据商品设置的关键词进行排名展示，按点击进行扣费，在同一关键词下展现的商品图就成了点击率的关键所在。那么，应该如何提升直通车的点击量呢？第一：迎合买家心理作为一张直通车推广图，卖家的目的就是将商品推广出去，所以在直通车推广图中，一定要包含商品，而且要突出。下面在淘宝上搜索关键词【乳胶枕】，看两张直通车对比图。左图很明确地表达了乳胶枕的形态，并且利用【第2件半价的】文字来吸引买家注意，大家想一下，购买乳胶枕的大部分人群是拥有脊椎病、睡眠不足的人群，【第2价半价】不但可以买给自己，也可以买给家人，或者两个朋友一起买也减少了商品价格，这些出发点都达到了一个目的，使买家占到了便宜，迎合了买家购物的心理；针对右图，你看得懂卖的是什么吗？第二：不欺骗买家在很多直通车图片中，可以经常看见100%好评、已经卖疯了、很快涨价、最后一天、爆卖几千笔等字样，然而，这些真的有用吗？真的让直通车图片有更多的人点击吗？下面来看两张图片。上图所示的是买家点击直通车图片进入到店铺时，就可以看到店铺的实际销量，当月只卖了111件，怎么能说卖疯了呢？第一感觉会让买家觉得卖家有点吹嘘、不靠谱；下图所示的是评价专栏，除了天猫以外C店的评价都是可以看到数量的，中评101个，差评22个，这与“好评如潮”如何挂的上勾？是不是让买家觉得很讽刺，可能卖家感觉这样吹嘘下无所谓，但有的时候就是因为这些小细节，让买家在潜意识里留下了不好的印象，在第一步就让买家不信任你，那么如何谈转化率呢？第三：学会找卖点找卖点是卖家们最擅长的技能，但这里讲的并不是商品的表面卖点，而是商品的心理卖点。心理卖点是指读者在打开电脑进行搜索前的第一意识，如买家今天突然想买一件衣服送给妈妈，那么什么样的直通车图片会博取买家的芳心呢？下面来看两张图片。从上图中可以看出，直通车图简单地表达了产品的卖点，而下图的是直通车通过第一意识的文字表达，主打感情牌。一般情况下，买家搜索之后会先快速锁定满足他第一念想的商品，跟思想不匹配的商品会被大脑快速地过滤，而买家在为父母买东西的时候，首先考虑的不是价格而是质量，抓住买家的这一心理卖点，才能够在其他因素都不变的情况下，提升直通车的转化率。左图所示为本节要制作的直通车推广图效果。具体操作步骤如下：直通车点击率的高低，跟直通车图片效果有着至关重要的关系。在淘宝上，直通车推广图一般存在四大误区：形状不规范，色彩、色调不协调，主宝贝背景凌乱和图片不清晰，因此要制作一张完美的直通车推广图，就要避开这些误区。步骤1执行【文件】丨【新建】命令，新建一个名称为直通车，尺寸为700×700像素的空白文档。在工具箱中选择【渐变工具】，在，在打开的【渐变编辑器】对话框中设置色标的色值分别为【#c4e146】和【#75891e】，点击【确定】按钮。操作步骤#c4e1e6#75891e步骤2在图像上由中心点向下拖动鼠标绘制线性渐变背景。操作步骤绘制渐变背景步骤3打开本书配套素材【3.psd】【4.psd】文件，依次将其中的牛奶和商品图像拖动到【直通车.psd】图像窗口中，并放置在适合的位置上。操作步骤复制素材文件步骤4在工具箱中设置前景色的色值为【#cacaca】。在【图层】面板中选中牛奶图像所在的【图层2】，点击【创建新图层】按钮，在【图层2】上创建【图层4】。操作步骤步骤5选择【椭圆选框工具】，然后在商品图像底部拖动鼠标绘制椭圆选区。步骤6执行【选择】丨【修改】丨【羽化】命令，快捷键为【Shift+F6】，在打开的【羽化选区】对话框中设置【羽化半径】为【6像素】，点击【确定】按钮。操作步骤羽化选区步骤7按【Alt+Delete】组合键，为选区填充前景色，作为商品阴影部分，按【Ctrl+D】组合键取消选区。操作步骤制作商品阴影操作步骤步骤8利用【圆角矩形工具】绘制一个颜色为白色，半径为30像素的圆角矩形，然后利用【横排文字工具】输入文字内容。字体：微软雅黑；大小：43.77点；颜色值：#80a616字体：微软雅黑；大小：21.33点；颜色值：#556606字体：方正兰亭特黑；大小：69.49点字体：方正兰亭特黑；大小：93.15点；颜色值：#e5e202字体：方正兰亭中粗黑；大小：19.39点字体：方正兰亭中粗黑；大小：33.72点绘制圆角矩形并输入文字操作步