淘宝首页和详情页的规范

宝贝详情页：
宝贝的详情页是根据自己宝贝的特点进行设计，一定要突出自己的卖点、并且添加有吸引力的文字，最终达到让顾客购买我们产品的目的。电脑和手机因为屏幕大小的不同，所以会显示出来不同的效果，同样，我们在制作详情页的时候，电脑端和手机端也会产生不同的要求。

一、电脑方面
　　我们用电脑来制作详情页的话，图片就会有一个宽度的要求，而长度不会产生限制。宽度要求在750px，而长度则由卖家自行设置，而在整个主图的大小方面我们的要求是在3M以下。

二、手机方面
　　手机无线端详情页的制作与电脑的详情页的制作不同，他有固定的高度要求，这个高度要求要小于等于960，手机端详情页的宽度要求在480到620之间。上传的图片格式也分为了三种、有png,jpg和gif。另外移动端的宝贝详情页字体设置：大标题建议24-30px、小标题建议16-18px、正文字体建议12-14px。
　　参考
　　添加链接描述

特别注意1.手机端详情越简洁，只描述重要的东西，往往转化率越高。要打消买家顾虑，解决买家最关心的问题，坚定买家购买决心
2.一定要检查字体是否够大
3.先模仿后创造，把整个图片往高端路线上引，主要优化无线端详情和活动图上。

店铺首页：
电脑端：
1、淘宝首页店招尺寸宽度为950像素，高度建议不超过120像素，否则导航显示可能异常。
2、店招+导航尺寸宽度为950像素，高度建议不超过150像素，否则导航显示可能异常（导航尺寸高为30像素）。
3、首页全屏轮播图尺寸(宽:1920;高度不大于540px,模块展示高度以最小高度图片为准,暂时不支持gif格式的图片)。
4、首页全屏海报宽度是1920px，高不大于540。
5、首页悬浮导航宽度小于200、高度小于600的图片，类型jpg、png、gif。
6、页面背景图一般是宽1920，高度不限，（如果宽小于1920，可以选择平铺类型）
文件格式：GIF,JPG,PNG
文件大小：1M以内
7、店标：大小：宽100像素，高100像素图片直接上传在管理我的店铺—基本设置—店标—浏览要求：图片的格式为jpg或gif,不支持FLASH格式。
8、宝贝描述：旺铺有2种规格。一是宽板，一是窄板。宽板不会显示店铺的左侧栏。使用窄板：宽710以内。高不限。文件大小不限制。另一种宽板是：宽950以内。高不限。文件大小不限。

手机端：
首先说一下750px尺寸的，一般是店铺开通了智能版的用官方自带的美颜切图功能就做750px宽的。如果是普通店铺（比如专业版，基础版，天猫版）是没有切图功能的可以借助第三方装修插件进行代码安装来完成自定义模块装修，这时图片尺寸是做640宽，安装上去后一样会全屏铺满整个手机屏幕。
设计图片之前你要了解你店铺是什么旺铺版本了，旺铺版本怎么看？一般打开手机店铺装修后台左上角就会显示了。

如果店铺是智能版的，用官方自动的美颜切图模块加链接就做750px尺寸的，反之用第三方尺寸和第三方无线装修热点工具加链接就做640px尺寸的。装上去一样会全屏铺满整个手机。

[https://aglh.tmall.com/?spm=a220o.1000855.w5001-9201413371.3.6bcf3833RQAyA0&scene=taobao_shop]
[https://lixuanzhubao.tmall.com/index.htm?spm=a1z10.1-b-s.w5003-15831316573.1.206e2cdeInM97n&scene=taobao_shop]
[https://xiaomiren.taobao.com/?spm=2013.1.w5001-21983332883.3.4ef71124HaFhzc&scene=taobao_shop]
[https://twinstyleqy.tmall.com/shop/view_shop.htm?spm=a220o.1000855.w15675729-14831532746.1.537a6309rAoN7w&mytmenu=mdianpu&utkn=g,xxr4hq6bxtdlpr5h2l4npkgc6s26u1429674038045&user_number_id=2454277983&scm=1028.1.1.20001&scene=taobao_shop]
[参考店铺]

淘宝618或双十一这样的活动，很多店铺都会制作海报，这样的海报我们一般是放在店铺首页，所以同首页的规范一样，这里就不多说。

淘宝首页和详情页的规范相关推荐

c店banner的一个宽高度范围，详情页的宽高度是。淘宝天猫的详情页,看尺寸的快捷键,banner的设计规则和技巧
c店banner的一个宽高度范围一般都是设置宽度为950px,高度的安全范围是614及以内详情页的宽度是750px 淘宝天猫的详情页是790px 看尺寸的快捷键ctrl+alt+i 首先主体的话应 ...
淘宝爆款详情页制作的几个方法(理论)
淘宝爆款详情页制作的几个方法如果你是运营淘宝的店主,抑或是准备从事这个行业的,这个文章将会对你有很大帮助. 转载于:https://www.cnblogs.com/lanren2017/p/7746 ...
vue 实现类似淘宝的商品详情页的商品展示
vue 实现类似淘宝的商品详情页的商品展示利用vue和swiper实现缩略图控制 / Swiper互相控制具体需求描述: 图片大图自动轮播展示,下面的缩略图跟着变化,点击小图切换到对应的大图,大图 ...
自己定义ViewGroup实现仿淘宝的商品详情页
近期公司在新版本号上有一个须要. 要在首页加入一个滑动效果, 详细就是仿照X宝的商品详情页, 拉到页面底部时有一个粘滞效果, 例如以下图 X东的商品详情页,假设用户继续向上拉的话就进入商品图文描写叙述 ...
android 自定义ViewGroup实现仿淘宝的商品详情页
最近公司在新版本上有一个需要, 要在首页添加一个滑动效果, 具体就是仿照X宝的商品详情页, 拉到页面底部时有一个粘滞效果, 如下图 X东的商品详情页,如果用户继续向上拉的话就进入商品图文描述界面: 刚 ...
2017最新淘宝高转化详情页排版技巧(转载)
详情页,首先我们要明白一件事情,详情页是什么?是干什么的?平时我们在线下门店或商场买东西的时候,我们能直观的看到商品,可以摸到商品的材质,还可以听到销售人员的讲解.而淘宝上的商品,用户只能靠眼睛去看, ...
淘宝/Tmall商品详情页视频数据接口（视频数据，销量数据，sku属性数据，页面上有的数据均可以拿到，支持高并发）
Tmall商品详情页视频数据接口(视频数据,销量数据,sku属性数据,页面上有的数据均可以拿到,支持高并发)接口代码教程如下: 1.公共参数名称类型必须描述 key String 是调用ke ...
Android 仿淘宝京东商品详情页阻力翻页效果
原文链接:http://code.taobao.org/p/android-example/diff/46/trunk/%E5%95%86%E5%9F%8E%E8%AF%A6%E6%83%85/src ...
淘宝手机端详情页的设置
图片设置的大小宽度在480px-620px,高度在960px,格式为jpg,png,jif都可,字号大于等于30,因为字号太小,放在手机上可能就看不清楚了手机端描述你可以选择这个选项,然后就可以上传 ...
制作生鲜小程序迷你生鲜小程序生鲜商城平邑做淘宝网店详情页
生鲜小程序可以利用多样化营销工具预约在小程序下单后,顾客可以选择送货上门,也可以到店自提,同时支持预约时间,在公司里下个单,下班回家顺路自提成为很多周边小区白领的选择. 定制无需削切的鲜果切是年 ...

淘宝首页和详情页的规范

淘宝首页和详情页的规范相关推荐

最新文章

热门文章