1.5　优化商品描述图片

商品描述页面也称详情页，相当于商品的落地页，是提高转化率的最关键因素。在通过主图提高商品点击率的同时，要通过落地页提高商品转化率。因为，要预先判定买家心理过程，买家需要的是细节，他想看哪里就给他放大哪里，因此要用Photoshop优化商品描述图片。在买家浏览详情页时，浏览速度较慢，所以详情页一定要详细并且面面俱到。

1.5.1　描述页面的不同规格

淘宝商品描述页面分为两种规格：左右分栏和通栏描述页面，如图1-86所示。

• 左右分栏描述页面： 在发布商品的时候，淘宝默认为左右分栏描述页面。左侧是分类信息、收藏信息及商品促销信息等，宽度尺寸为190像素；右侧为商品描述页面，宽度尺寸为750像素。

• 通栏描述页面： 通栏描述页面也称950描述页面，从字面意义就可以看出它的宽度尺寸为950像素，整体图片的显示范围大于左右分栏描述页面。

卖家在发布商品的时候，可以根据商品图片的尺寸范围或者个人喜好等因素选择描述页面，那么如何将左右分栏描述页面更改成通栏描述页面呢？操作步骤如下所示。

步骤1 打开卖家中心，在“店铺管理”菜单中执行“店铺装修”命令，如图1-87所示，进入到店铺装修页面后，选择“默认宝贝详情页”选项，如图1-88所示。

步骤2 进入到默认宝贝详情页后，单击“页面属性”选项卡，进入到“页面属性”管理页面，选中“高级页面设置”下的“侧边栏→默认不显示”单选项，设置好后，要记得单击“保存”按钮，最后发布商品详情页即可，如图1-89所示。

1.5.2　上传描述图片的方法

上传描述图片的具体操作步骤如下所示。

步骤1　根据上传主图步骤操作进入到“一口价”发布页面，找到“宝贝描述”区域，单击“插入图片”按钮，如图1-90所示。

步骤2 在出现的图片空间中，选中上传好的商品图片，单击“插入”按钮，商品图片全部插入好以后，单击“完成”按钮，如图1-91所示。（备注：在第2章2.2.1节详细介绍了上传图片到相册空间的步骤。）

步骤3 根据上一步的操作，图片插入的效果如图1-92所示。

1.5.3　提高视觉舒适感的布局

一个好的严谨的描述页面，是带有驱动性的直观阐述，能够吸引买家的眼球，让买家在观看描述页面的时候，产生购买欲望并且提高转换率。因此，要对描述页面进行合理的布局，让买家在舒适的布局环境下，根据布局的顺序对商品进行深层次的了解。

据统计，描述页面是一个“30s”的世界，如果买家在“30s”之内没有“爱”上你，你就失去了机会。买家都是“以貌取人”的，只有前“30s”抓住了买家的购买心理，才会促使买家对产品进行深层次的了解。这里有人可能会问到，描述页面30s就看完了，还有什么布局可言呢？请注意，这里所说的“30s”，并不是整体描述页面的长度只能让买家观看30s，而是抓住买家眼球的前30s！

那么，如何让买家在30s里认识你呢？下面以服装类目为例来分析商品的布局，卖家可以根据自己的商品类目进行合理的增减，灵活运用下面的原理哦。

布局一： 创意海报大图，置入品牌形象，如图1-93所示。

布局二： 多方位产品描述，挂钩流行趋势，如图1-94所示。

布局三： 结合多色摆放，增大购买空间，如图1-95所示。

布局四： 造势借势，累积购买信心，如图1-96所示。

布局五： 用表格罗列基本信息，一目了然，如图1-97所示。

布局六： 正面、侧面、背面等全方位展示商品概况，如图1-98所示。

布局七： 细节放大，展现质量，如图1-99所示。

布局八： 好评如潮，诉说买家心声，如图1-100所示。

布局九： 完善售后服务，展现品牌实力，如图1-101所示。

布局十： 关联销售，带动其他产品，如图1-102所示。

经验分享

卖家需要根据自己的类目合理地布局描述页面，可以适当地增加或者删减，描述文字要用自己的语言进行表达，买家想要什么就描述什么。

1.5.4　使用Photoshop体现图文结合

描述页面就是图片与文字的结合，利用文字来表达图片信息，传达给买家更直观、更确切的信息，以手机设计为例，手机这款商品本身有很多功能，在你未接触到它的时候，很多功能是未知的，而网络购物又是虚拟交易，看到的只是图片信息，怎么样才能把手机的图片和文字完美结合起来呢？如图1-103所示。

具体操作步骤如下。

步骤1 执行“文件→打开”命令，打开商品图片，打开图像效果如图1-104所示。

步骤2 打开“图层”面板，单击“创建新图层”按钮 ，得到“图层1”图层，如图1-105所示。

步骤3 确保“图层1”图层为选中状态，在工具箱中单击“画笔”工具 按钮，在“画笔工具”选项栏中设置参数值，大小为1像素，硬度为100%，如图1-106所示。

步骤4 设置好“画笔工具”的参数后，在工具箱中单击“前景色”按钮，设置前景色的颜色值为#b17946，如图1-107所示。

步骤5 将鼠标移至图像上，在按住【Shift】键的同时，单击鼠标左键并且像右拖动，绘制一条直线，如图1-108所示。

步骤6 在工具箱中单击“文字工具” 按钮，然后在工具选项栏中设置各项参数，字体系列为微软雅黑、字体大小为13像素、消除锯齿的方法为浑厚、文本颜色值为#454545，设置好后单击鼠标左键输入对应名称，如图1-109所示。

步骤7 重复步骤2至步骤5，利用“画笔工具”和“文字工具”绘制最终效果，如图1-110所示。

1.5.5　用Photoshop制作细节放大效果

细节决定成败，一个好的商品描述页面，不能没有细节图的存在。商品细节图是一个特别需要耗费时间仔细去研究和琢磨的事情，有些卖家常常会忽略细节图，总以为是小事情，有些卖家虽然放置了商品细节图，却让买家很难分辨出细节图是商品的哪个部分。要知道，细节图是展示你商品与众不同的关键因素，商品细节图不能过于偏离主图，要与商品相结合，对其关键细节进行放大处理，如图1-111所示。

具体操作步骤如下。

步骤1 执行“文件→打开”命令，打开拍摄好的商品图片和细节图片，打开图像效果如图1-112所示。

步骤2 在工具箱中按下“矩形工具” 按钮并且停留2秒钟，在弹出的菜单中单击“椭圆工具” 按钮，按住【Shift】键的同时利用鼠标左键绘制圆形形状，如图1-113所示。

步骤3 根据 步骤2 ，在工具箱中选择“自定形状工具” 按钮，在其工具选项栏的“形状”下拉列表框中选择“箭头9”选项，如图1-114所示。

步骤4 利用鼠标左键绘制箭头形状，对箭头形状与圆形的位置进行调整，如图1-115所示。

步骤5 在“图层”面板中，按住【Ctrl】键的同时选中绘制的两个形状图层，按【Ctrl+E】快捷键将其合并成一个图层，系统自动将其命名为“椭圆1副本”，如图1-116所示。

步骤6 拖动细节图到商品图片上，“图层”面板中会出现“图层1”图层，如图1-117所示。

步骤7 确保“图层1”在“椭圆1副本”的上方，选中“图层1”图层单击鼠标右键，在弹出的快捷菜单中选择“创建剪贴蒙版”命令，如图1-118所示。

步骤8 通过上一步的操作，细节图就会规范在我们绘制的形状中，移动细节图到合适的位置，执行【Ctrl+T】快捷键，在出现的控制点中选择对角线方向的任意控制点，按住【Shift】键的同时利用鼠标左键缩放图片到合适大小，如图1-119所示。

步骤9 将细节图设置好后，添加对应的细节文字信息。为了突出细节图，也可以为细节图添加描边效果，最终完成效果如图1-120所示。

经验分享

在使用【Ctrl+T】组合键进行自由变换时，按住【Shift】键可以等比例缩放图像，确保图像不变形。

1.5.6　用Photoshop组合图片

利用组图的方式全面展示商品的各项性能与属性。比如，一个养生锅的页面设计。如果只有一个锅的图片单独摆在那里，买家不会了解到它的具体功能，这时需要可以引导买家产生关于商品性能联想的组合图片，达到使买家形成对该商品功能更全面具体认知的效果，如图1-121所示。

具体操作步骤如下。

步骤1 执行“文件→新建”命令，新建一个空白文档，如图1-122所示。

步骤2 在工具箱中按下“矩形工具” 按钮，按住【Shift】键的同时利用鼠标左键绘制正方形形状，按下【Ctrl+J】组合键复制该形状，并移动到如图1-123所示的位置。

步骤3 在Photoshop中打开组合的图片，并将其中一张移动至“矩形1”图层的上方，如图1-124所示。

步骤4 确保“图层1”在“矩形1”的上方，选中“图层1”图层单击鼠标右键，在弹出的快捷菜单中选择“创建剪贴蒙版”命令，如图1-125所示。

步骤5 使用【Ctrl+T】快捷键缩放图片的大小到合适的位置，为矩形选框添加描边效果，如图1-126所示。

步骤6 在工具箱中单击“椭圆工具” 按钮，在“图层”面板中双击“椭圆1”图层，更改其颜色值为#223696，如图1-127所示。

步骤7 将圆形形状移动到正方形的右下角位置，执行“创建剪贴蒙版”命令，如图1-128所示。

步骤8 在圆形形状上输入“焖”字，体现该养生锅的一项功能，如图1-129所示。

步骤9 重复 步骤2 至 步骤7 ，最终绘制效果，如图1-130所示。