电商设计尺寸规范

1年前发布

原创文章 / 网页 / 教程
bananaZku 原创,如需商业用途或转载请与bananaZku联系,谢谢配合。

电商设计尺寸规范

天猫详情页:

标准宽度:790px/750px(公寓类产品)

标准高度:建议:8000px-12000px(机酒产品)

5000px-8000px(门票/一日游产品)

7000px-10000px(单酒店/或是酒店套餐产品)

首页轮播图:1920px*600px(也可以是550px)


固定宽度:

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*高150px 轮播海报:宽1920px*高不限

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


详情页:

宽990px*高度不限 主图:800px*800px


一号店修尺寸:

首页默认显示宽980px 店招:宽1920px*高

150 首页:宽1920px高不限 详情页:宽750px 高度不限


唯品会装修尺寸: 唯品会首页:宽1920*

高度不限 唯品会主图:宽1100 * 1390 px 唯品会详情:宽990*高度不限


蘑菇街装修尺寸:

店招:宽1920px*高150px 首页:宽1920px*高度不限 详情页:宽720x*高度不限 分类图片:宽195px 高不限 美丽说装修尺寸: 店招:宽1920px*高150px



-END-





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

因为人的视力集中在屏幕中间,所以要显示的内容尽量居中,控制在中间950-1280这个区间范围内比较好。然后左右两侧为背景图,即使背景没有完全显示也不影响效果。

图片轮播模块宽度: 950px,高度: 100-600px,自己设置:装修界面--图片轮播模块右上角--编辑。


阿里巴巴旺铺尺寸:

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

海报:1920*500px

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

主图:750*750px

单页面:750*高不限

详情页:790*高不限





天猫商城尺寸:

店招:990*150(含导航条30px,导航条高度可自由设定))

海报:1920*600px

专区/促销图:900*300/400px

单页面:990*高不限

主图:800*800px(系统自动提供放大功能)           600*600(无放大功能)            400*400(无放大功能)

详情页:790*高不限

首页轮播图:1920*550/600px

关联促销:790*300/400px

公共模块:790*200/300px

左侧栏:最高190*高不限




京东装修尺寸:(京东支持自定义css)

首页:1920*高不限(默认990px,全屏可以用自定义代码实现)

店招:1920*150px

轮播海报:1920*高不限

详情页:990*高不限

主图:800*800px


京东一号店修尺寸:

首页:1920*高不限

店招:1920*150px

详情页:750*高不限





淘宝C店:

海报:1920*600px

店招:950*150px

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

单页面:950*高不限

主图:800*800px

详情页:750*高不限

关联促销: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


90
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息