淘宝详情页设计尺寸

时间:2025-02-12 19:19:19 主机游戏

淘宝详情页的设计尺寸需要遵循一定的规范,以确保在不同设备上都能有良好的显示效果。以下是一些建议的设计尺寸:

页面宽度

电脑端:750px

移动端:根据设备屏幕尺寸自动适应,建议使用淘宝提供的自适应模板

图片尺寸

商品主图:建议尺寸为800px * 800px,格式为JPG或PNG,大小不超过500KB

商品详情图:建议尺寸为750px * 高度不限,格式为JPG或PNG,大小不超过500KB

文字内容

字体大小:建议使用14px或16px,以便于阅读

字体颜色:建议使用黑色或深色系,避免使用过于花哨的颜色

行间距:建议设置为1.5倍行距,以便于阅读

标题和副标题

一级标题:建议字体大小为24px,加粗

二级标题:建议字体大小为20px,加粗

三级标题:建议字体大小为18px,加粗

表格和列表

表格:建议使用淘宝提供的表格组件,以便于自适应

列表:建议使用无序列表或有序列表,字体大小为14px

按钮和链接

按钮:建议使用淘宝提供的按钮组件,以便于自适应

链接:建议使用蓝色字体,字体大小为14px

视频和动画

视频:建议使用淘宝提供的视频组件,以便于自适应

动画:建议使用GIF格式,大小不超过500KB

其他

横幅广告:建议使用750px宽 x 自适应高的尺寸

商品缩略图:普通店铺首页宝贝缩略图图片尺寸为160*160;对于热门店,最小尺寸可以设置为160*160,最大尺寸可以设置为220*220

在设计淘宝详情页时,建议遵循这些尺寸规范,以确保页面在不同设备上的良好显示效果,并注意页面的美观度和易用性,以提高用户体验。