国内电商平台的尺寸设计规范

2月 27, 2022 发表于: 视觉设计. 评论

本文分享国内主要的几个电商平台的一些尺寸规范，但是如果电商网站有时后是会改版的，所以要注意这一点。以下是一些参考，希望对你有所帮助！

电商设计尺寸设计规范

天猫

首页轮播图：1920px*600px（也可以是550px）

详情页：标准宽度：790px/750px（公寓类产品）

标准高度：建议：8000px-12000px（机酒产品）

5000px-8000px（门票/一日游产品）

7000px-10000px（单酒店/或是酒店套餐产品）

固定宽度：1920px/1680px/1440px/990px/790px（详情页）/750px（公寓类产品）

内容显示宽度：990px-1100px

关联营销：宽度：790px高度自定（790px*1200px建议）

主图标准尺寸：

800px*800px（系统自动提供放大功能）

600px*600px（无放大功能）

400px*400px（无放大功能）

店招尺寸：

整体高度：150px（固定）

店招描述内容高度：120px

导航高度：30px（可自由设定）

自定义：150px高度，遮掉系统菜单

京东装修尺寸：

由于现在京东更新了jshop。支持自定义css。所以已经没有限制 默认情况下，中间内容部分是宽990px的

轮播海报：宽1920px*高不限

首页：宽1920*高度不限（默认宽是990px 全屏可以用自定义代码实现）

详情页：宽990px*高度不限

主图：800px*800px

店招：宽1920px*高150px

一号店修尺寸：

首页：宽1920px高不限 (首页默认显示宽980px )

详情页：宽750px 高度不限

店招：宽1920px*高150

唯品会装修尺寸： 

首页：宽1920*高度不限

主图：宽1100 * 1390 px

详情：宽990*高度不限

蘑菇街装修尺寸：

首页：宽1920px*高度不限

详情页：宽720x*高度不限

店招：宽1920px*高150px

分类图片：宽195px 高不限

美丽说装修尺寸：

店招：宽1920px*高150px

阿里巴巴旺铺尺寸：

店招：950*150px(含导航条30px)

海报：1920*500px

首页背景：1920*高不限(小于1M)

主图：750*750px

单页面：750*高不限

详情页：790*高不限

淘宝C店：

海报：1920*600px

店招：950*150px

专区/促销图：950*300/400px

单页面：950*高不限

主图：800*800px

注：宝贝主图大小不能超过3MB；700*700 以上图片上传后宝贝详情页自动提供放大镜功能。第五张图发商品白底图可增加手淘首页曝光机会！

详情页：750*高不限（单张不能超过500k）

关联促销：750*300/400px

公共模块：750*200/300px

左侧栏：200*高不限

推广图：

直通车图：800*800px

钻展图：

新焦点图右侧：170*200px

新无限淘宝APP首页焦点图：640*200px

新淘宝触摸板首焦：640*200px

新女装频道焦点图：380*600px

淘宝首也三屏小图：190*90px

新女鞋/男装 频道焦点图：570*400px

无限淘宝站内触摸板首焦：592*296px

新淘宝首页焦点图：520*280px

电商海报宽度固定在1920px,高度500-700px自己随便定（一般情况：500/550/600/650/700）

因为人的视力集中在屏幕中间，所以要显示的内容尽量居中，控制在中间950-1280这个区间范围内比较好。

各个电商平台的详情页尺寸

淘宝：宽750px*高度不限

天猫：宽790px*高度不限

阿里巴巴：宽750px*高度不限

京东：宽990px*高度不限

一号店：宽750px*高度不限

唯品会：宽990px*高度不限

蘑菇街：宽720x*高度不限

注：以上尺寸有「站酷」用户「2013140122 」亲自整理。

赞助商链接