主图设计规范是什么,先说清楚
主图设计规范是围绕商品首图制定的一套可执行的视觉标准:画布尺寸与分辨率、白底与主图数量、主体占比与留白、文字面积上限与字体层级、色彩与对比度、以及五张主图的功能分工。规范的目的不是好看,而是让用户在搜索列表的极小尺寸下,用 0.3 秒判断出这是什么、好在哪、值不值得点。
为什么这件事关键:搜索列表页的竞争发生在拇指滑动之间,主图是决定点击率的唯一变量之一。点击率低会让同样的展现量拿到更少流量,也会推高付费推广的单次点击成本。规范化的主图还能保证多 SKU、多店铺视觉统一,减少审核驳回。
放在电商美工设计的场景里看:电商视觉的底层能力,涵盖主图、详情页、海报、店铺装修与包装设计,直接影响点击率与转化率。所以同样一件事,在不同平台上做,判断标准并不通用。
电商美工设计主图设计规范的执行步骤
下面这些动作建议按顺序逐项核对,完成一项勾一项:
- 先按平台规格定画布:主流平台主图通常要求正方形,常见为 800×800 或 1000×1000 以上,具体以目标平台最新规范为准;色彩模式用 sRGB,分辨率不低于 72ppi,文件大小控制在平台上限内。
- 第一张必须是干净白底图:背景纯白无阴影无杂物,主体居中且占比控制在画布的 70%-85%,四周留白均匀,不加水印、不加文字、不加边框,这是很多类目的硬性要求。
- 规划五张主图的功能分工:常见分工为:白底图、卖点图、场景图、细节图、对比或尺码图。每张只承担一个信息任务,不重复表达同一卖点。
- 建立字体层级,不超过三级:主标题、副标题、辅助说明三级,字号比例约为 3:2:1.5,同一张图内的字体种类不超过两种,标题字重明显重于正文。
- 控制文字面积与对比度:文字占画面面积通常建议不超过四分之一,正文与背景的对比度要足够,浅底配深字或深底配浅字,避免低对比导致缩略图看不清。
- 按缩略图尺寸做可读性验证:把成品缩小到列表页实际显示尺寸检查,看主体是否还能识别、标题是否还能读清,读不清就必须放大主体或精简文字。
- 统一模板并复用:把画布、字体、色板、水印位置、安全边距做成模板文件,换商品时只替换主体与文案,保证全店视觉一致且不易出错。
关键要点
- 第一张白底图是硬性要求,不能加水印、文字、边框或多余阴影
- 主体占画布 70%-85%,四周留白均匀,太小显廉价太大显拥挤
- 字体层级不超过三级,一张图字体种类不超过两种
- 文字面积建议控制在四分之一以内,缩略图下仍能读清才算合格
- 五张主图各有分工,不重复表达同一个卖点
- 所有主图必须在缩略图尺寸下通过可读性验证再上传
常见误区与正确做法
| 常见误区 | 正确做法 |
|---|---|
| 第一张主图带促销文字和边框 | 首图在很多类目要求纯白底无文字无水印,违规会被驳回或降权,促销信息放到第二张之后 |
| 主体占满整个画布 | 没有留白会显得拥挤廉价,主体应控制在 70%-85% 并四周留白均匀 |
| 一张图堆三四个卖点 | 缩略图尺寸下什么都看不清,每张主图只讲一个卖点,其余交给后续图片 |
| 用低对比度的浅灰字配浅底 | 小尺寸下完全不可读,正文与背景必须有足够明度差 |
| 多 SKU 各做一套样式 | 视觉不统一会削弱店铺专业感,应做成模板只换主体与文案 |
| 只在电脑上放大看效果 | 必须缩小到列表页实际尺寸验证,手机端小图才是真实竞争场景 |
关键数据参考
| 指标 | 参考值 / 说明 |
|---|---|
| 点击率 | 点击量除以展现量,是主图最直接的效果指标,应高于同类目均值 |
| 主体占比 | 主体外接矩形面积占画布比例,建议控制在 70%-85% |
| 文字面积占比 | 文字覆盖面积占画面比例,通常建议不超过四分之一 |
| 对比度 | 正文与背景的明度差,浅底深字或深底浅字,小尺寸下需清晰可辨 |
| 审核通过率 | 上传后一次通过的比例,被驳回多因白底不达标或文字超限 |
| 缩略图可读性 | 缩小到列表尺寸后主体与标题仍可识别的比例,应达到 100% |
以上为经验区间,实际以所在类目与平台最新规则为准。
常见问题
主图尺寸到底做多大?
主流平台多为正方形,常见规格在 800×800 到 1000×1000 以上,且普遍有最小尺寸和文件大小要求。具体数值以目标平台最新规范为准,建议按上限做以保证放大清晰。
第一张主图能不能加文字?
多数类目要求第一张为纯白底无文字无水印图。促销、卖点类文字应放在第二张及之后的主图上,避免被驳回或影响推荐。
五张主图应该怎么分工?
常见顺序是白底图、核心卖点图、使用场景图、细节或材质图、尺码或对比图。关键是每张只承担一个信息任务,不要重复表达同一卖点。
主图文字用什么字号合适?
按画布宽度的比例设定更稳,主标题约占画面宽度的 8%-12%,副标题约为主标题的三分之二,辅助说明更小。最终以缩略图下能读清为准。
相关课程推荐
延伸阅读
想系统学,可以聊聊你的情况
18617228046
点金电商提供电商运营、新媒体、跨境电商与 AI 方向的线下实操培训,支持免费复训与线上视频巩固。