宝贝详情页是怎么布局的

对淘宝卖家来说，自然也希望能够做好淘宝的详情页，但是如果想要做好详情页，也要学会去布局，我马上就来给各位卖家们详细介绍一下它的布局技巧。

① 前三屏

前三屏是详情页的重中之重。买家能不能继续看完我们的详情页，前三屏是很重要的。首屏位置要放一个吸引眼球的海报来凸显产品风格，加深买家的印象及购买欲，产品风格一目了然。接着就要突出产品卖点了，寻找你产品的价值点而非促销点，当宝贝被认同价值时，促销活动才会发挥作用。

需要注意的是，产品卖点只需要一个，接下来的详情描述中就要围绕这个卖点来详细介绍。因为卖点在精不在多，如果一个产品有多个卖点，那每一个卖点都不是最突出最特别的;当着重突出其中一个卖点的时候，这个卖点就成为了这款产品独一无二的特点，买家也会更容易记住这个特点。

② 产品展示

与其说电商是一个卖产品的平台，不如说它是一个卖的地方，因为电商平台对于买家来说是没有实体的，只能通过来了解产品，所以产品展示的部分尤为重要，的好坏很大程度上影响成交转化。

首屏海报已经奠定了产品的整个基调，所以产品的展示图拍摄风格要与这个产品想表达的内容一致。比如一款醋，如果想做成居家必备的风格，就要拍得有生活气息一些，要体现出轻松明快的感觉。

如果要做成手工多年陈酿，那么就要有历史厚重感，加一些古朴的元素，让买家更有代入感。我们拍摄这类场景图是为了突出产品风格，切记不要因为太关注背景而忽略了产品本身，反而影响了产品展示。

③ 产品细节

通常一个买家在浏览一款宝贝时的心理的变化是：感性-理性-感性，前3点都是建立在买家感性的基础上，引起买家的浏览兴趣，激发潜在购买需求。然后根据买家心理再回归到理性状态，详情页开始体现产品细节，从产品本身出发，让买家更了解这款产品。

④ 产品信息

是不能反映产品的真实情况的，因为在拍摄时没有参照物，买家不能准确地判断产品的大小、材质等等。属性栏部分只能展示一部分产品参数，所以我们要在详情页里更加详细地说明产品的属性及注意事项。如果是鞋帽类。

⑤售后保障

买家经过理性分析之后，对产品已经大致了解，这时看到售后保障，会让买家有一种安全感，更加放心购物，感性主导，然后消费下单。

其实淘宝美工也属于网页设计的一个小类，他主要是针对电商网页进行视觉设计，也就是平时我们常说的网店装修。淘宝美工通过拍摄、修图等突显产品的特色，让店铺的装修风格符合所卖产品的风格，吸引顾客增加销量。

来源：阿多比设计学院学生作品

想要做淘宝美工，我们先来看看淘宝美工的招聘要求，再去分析如何自学成为美工。在招聘网站中查看美工的招聘信息，总结起来目前市场对于美工的要求大致有以下几点：

1、精通Photoshop等设计软件（招聘信息中所要求的的软件很多，但是每个招聘信息下都会写精通Photoshop）；

2、店铺整体视觉形象设计，处理；

3、店铺装修，主图、详情、首页页面设计，店铺营销广告设计等。

来源：智联招聘

一、设计工具--PhotoShop

如果是初次接触PS，那我们需要了解PS的基础用法，所以下面我们会从界面介绍，基本设置，新建文件，视图 *** 作、保存，导出，移动工具去带大家一步步了解PS。让大家能够熟悉PS工具在平面设计中的常用功能及具体用法，能够使用PS进行基本的处理。

当了解PS基础功能后，需要进一步了解图层关系、抠图、钢笔工具，橡皮工具，吸管工具，画笔工具等常用工具、蒙版、滤镜，从而熟悉图层样式，具备版式排版应用、海报合成设计的能力。

二、淘宝电商设计

学会了工具，再从各种修图技巧到专题页设计，全面了解淘宝电商设计的方法和技巧，完成淘宝店铺装修和设计。

1、修图

每个店铺所卖的产品都不一样，那修图的对象也就不一样，我们这边选取电器修图、首饰修图、化妆品修图、服装修图来简单了解一下，这类的电商修图步骤。

2、专题页

专题页是一个内容聚合页，将有效信息整合，让人留下深刻的影响，那淘宝电商通过专题页可以突显活动主题以及产品特点，从而促进店铺的销售。通过女王节专题页和618专题页去感受一下专题页的制作方法吧。

来源：阿多比设计学院学生作品

3、详情页

商品的详情页可以展示产品的信息信息，展示产品的细节，但是详情页并不只是产品详细的堆积，产品展示的顺序、内容都有方式方法可寻。

来源：阿多比设计学院学生作品

三、店铺装修

店铺装修也是淘宝美工的必备技能之一，在这里分享一个店铺装修的整个过程。

1、免费开店、装修准备工作

想要开店，第一步应该是先申请卖家账号，熟悉卖家后台的 *** 作，做好店铺装修的知识储备。

2、店铺版本介绍及板块尺寸

淘宝店铺页面是分版块进行装修的，那我们要先了解这些板块在店铺中显示在哪个位置，板块的尺寸是多少，才能设计出符合规范的板块内容。

3、素材上传、切图导出

4、DW链接 *** 作

为了增加商品的点击量，促进销量，我们在装修淘宝店铺时，无论是首页、店招、详情页都需要添加各种链接，使用DW（AdobeDreamweaver）可以让我们比较顺利的完成这项工作。

5、导航条设置

店铺设置有导航栏，导航栏中有宝贝、活动、新品等，其实就是为了方便买家进入店铺可以根据自己的需求快速的惊喜筛选，这样便捷的 *** 作更容易留住顾客。

6、动图页头装修

动图页头可以让页面更加生动，也让浏览店铺的买家有更好的 *** 作体验。

7、首页视频

店铺首页带给买家的第一印象的可以决定买家是否愿意继续浏览店铺，而很多店铺现在都会在首页放上产品的相关短视频，让顾客更直观的感受商品。

8、页头满屏设计和页头热点链接

页头满屏设计会给买家带来更直接的视觉冲击，页头中添加热点链接，可以增强店铺明星产品的曝光和销量。

9、产品展示特效

产品展示的特效多种多样，比如视频、放大展示、鼠标移动特效等，选择合适产品展示特效可以突出宝贝的特点和亮点。

10、全屏轮播海报

来源：阿多比设计学院学生作品

11、页尾设计装修

很多淘宝店家只注重店铺页面头部的装修，而忽视页尾，其实不管是页头还是也为，在店铺装修的过程中都应该重视起来，提升页面的整体才可以提高网点的销量。而且店铺页尾都会添加很多有用的店铺信息，提高店铺的转换率。

以上大致按照淘宝美工的要求去分享了一个简单的淘宝美工的学习流程，想要做一个优秀的美工其实还需要了解一些设计基础与理论，这样才能让设计有道可寻，希望以上内容对你深入了解美工以及学习有所帮助。

---