淘宝详情页的设计尺寸需要遵循一定的规范,以确保在不同设备上都能有良好的显示效果。以下是一些建议的设计尺寸:
页面宽度
电脑端: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
在设计淘宝详情页时,建议遵循这些尺寸规范,以确保页面在不同设备上的良好显示效果,并注意页面的美观度和易用性,以提高用户体验。