淘宝主图和轮播图有什么区别（淘宝美工常用名词术语解析-主图）

Hi,我是豆芽,最近陆续碰到一些刚入门准备学淘宝美工的小伙伴，好像有些理解不了电商设计中常见的一些名词，文章开始之前先看豆芽与一位小伙伴的聊天记录吧！

因为不是个别现象，也有别的小伙伴问，索性今天豆芽就把它们都罗列出来，给大家统一解释一下。

今天的目标主要是理解以下这些名词：

PS/DW，主图/直通车图，详情页，店铺首页，首页装修，店招导航，全屏海报，轮播图，店铺分类，店铺关联海报，钻展海报。

一，什么是PS？什么是DW？

PS和DW是2个软件的缩写，也就是胜任淘宝美工这份工作必须要学会的软件技能。

具体这2个软件是干什么用的，需要熟练到什么程度，可以翻看豆芽往期文章，之前有写过。

二.什么是主图，什么是直通车图及这2者的区别是什么？

也直接来一个聊天记录吧，

三.以欧莱雅的PC店铺为例，给大家再整体解释一些平时常见的名词。如下图，

图中标记豆芽都给大家解释一下吧

1.店招导航，其中黑色部份是导航，高度一般为30px，目的是方便顾客索引找到自己想要的产品。

2.主图部份，吸引顾客进店铺的图片，相当于实体店的门面招牌。

3.店铺关联，一般会放店铺里一些卖得比较好的爆款展示，或者放一些重要的通知，公告图片等。关联位于详情页的最上方，是整个详情页的黄金位置，一般建议高度能短就不要太高！

4.矩形选框以下全是详情页，主要用来介绍产品的一些功能，特效等，用来说服消费都为这款产品买单，有点类似于实体店的导购员。

四，再看下面这张首页截图，再顺便了解一些别的概念。

也给大家罗列一下这4个部份

1.店招导航

2.全屏海报或首页轮播，一般会放1款或以上的店铺销量比较好的产品展示在这个位置。

如果这个位置只有一张海报，就被称作全屏海报；如果有2张或者3张以上的海报自动切换的话，就被称为首页轮播或者轮播海报。宽度一般为1920px,高度400-800px,建议600px最好。

3.产品展示区，展示一些店铺热销的产品或分类。

4.底部，主要用来展示店铺的一些服务或理念或其它。

以上说到的这些图片，后台都有相应上传图片的入口，具体后面装修的课程里会讲到。

再就是手机端店铺首页和详情首页基本上也是这些内容。只不过设计图片的时候，尺寸可能要重新调整，字体大小也需要重新调整。感兴趣的话可以用电脑打开一家店铺的首页，同时用自己的手机也打开同一家店铺的首页，观察一下2者之间有什么不同。

五，什么是钻展海报？

打开淘宝网首页，截了一张图片，给大家看下

矩形选框框选出来的这些位置都是要付费给马云爸爸才能投放自己店铺的产品广告，这些都被称之为钻展图片，尺寸各异，一般运营会要求高点击。

好了，今天就和大家分享到这里了，

豆芽zhechiqingyan——设计/生活趣事。

公众号：学设计的小豆芽——干货/经验文章。

以下是豆芽公众号关注方法，不知道如何关注的小伙伴可以看看。

到我的主页可以查看更多相关文章哦！这里是【学设计的小豆芽】第69篇原创文章！我们下期见。每天进步一点点， 和我一起学设计吧！

,