主图设计规范要检查什么?一份可直接执行的自查表

美工设计 · 电商美工设计更新:2026-12-03阅读约 6 分钟
这份主图设计规范自检清单可以直接照着打勾,每一项都写清了看什么、什么算合格,适合执行前和复盘时各过一遍。文中给出可直接执行的步骤、判断标准与常见误区,适合电商美工设计卖家和刚起步的新手参考。

主图设计规范是什么,先说清楚

主图设计规范是围绕商品首图制定的一套可执行的视觉标准:画布尺寸与分辨率、白底与主图数量、主体占比与留白、文字面积上限与字体层级、色彩与对比度、以及五张主图的功能分工。规范的目的不是好看,而是让用户在搜索列表的极小尺寸下,用 0.3 秒判断出这是什么、好在哪、值不值得点。

为什么这件事关键:搜索列表页的竞争发生在拇指滑动之间,主图是决定点击率的唯一变量之一。点击率低会让同样的展现量拿到更少流量,也会推高付费推广的单次点击成本。规范化的主图还能保证多 SKU、多店铺视觉统一,减少审核驳回。

放在电商美工设计的场景里看:电商视觉的底层能力,涵盖主图、详情页、海报、店铺装修与包装设计,直接影响点击率与转化率。所以同样一件事,在不同平台上做,判断标准并不通用。

电商美工设计主图设计规范的执行步骤

下面这些动作建议按顺序逐项核对,完成一项勾一项:

关键要点

常见误区与正确做法

常见误区正确做法
第一张主图带促销文字和边框首图在很多类目要求纯白底无文字无水印,违规会被驳回或降权,促销信息放到第二张之后
主体占满整个画布没有留白会显得拥挤廉价,主体应控制在 70%-85% 并四周留白均匀
一张图堆三四个卖点缩略图尺寸下什么都看不清,每张主图只讲一个卖点,其余交给后续图片
用低对比度的浅灰字配浅底小尺寸下完全不可读,正文与背景必须有足够明度差
多 SKU 各做一套样式视觉不统一会削弱店铺专业感,应做成模板只换主体与文案
只在电脑上放大看效果必须缩小到列表页实际尺寸验证,手机端小图才是真实竞争场景

关键数据参考

指标参考值 / 说明
点击率点击量除以展现量,是主图最直接的效果指标,应高于同类目均值
主体占比主体外接矩形面积占画布比例,建议控制在 70%-85%
文字面积占比文字覆盖面积占画面比例,通常建议不超过四分之一
对比度正文与背景的明度差,浅底深字或深底浅字,小尺寸下需清晰可辨
审核通过率上传后一次通过的比例,被驳回多因白底不达标或文字超限
缩略图可读性缩小到列表尺寸后主体与标题仍可识别的比例,应达到 100%

以上为经验区间,实际以所在类目与平台最新规则为准。

常见问题

主图尺寸到底做多大?

主流平台多为正方形,常见规格在 800×800 到 1000×1000 以上,且普遍有最小尺寸和文件大小要求。具体数值以目标平台最新规范为准,建议按上限做以保证放大清晰。

第一张主图能不能加文字?

多数类目要求第一张为纯白底无文字无水印图。促销、卖点类文字应放在第二张及之后的主图上,避免被驳回或影响推荐。

五张主图应该怎么分工?

常见顺序是白底图、核心卖点图、使用场景图、细节或材质图、尺码或对比图。关键是每张只承担一个信息任务,不要重复表达同一卖点。

主图文字用什么字号合适?

按画布宽度的比例设定更稳,主标题约占画面宽度的 8%-12%,副标题约为主标题的三分之二,辅助说明更小。最终以缩略图下能读清为准。

相关课程推荐

美工设计

电商美工设计班

42 课时 · 电商美工设计基础课,覆盖 PS 基础、抠图修图、主图与详情页设计规范。…

查看课程
美工设计

高级美工实战班

54 课时 · 电商美工进阶课,覆盖视觉体系搭建、页面设计策略与品牌视觉表达。…

查看课程
美工设计

商业图片精修班

30 课时 · 商业图片精修专项课,覆盖产品精修、光影重塑与质感还原。…

查看课程

延伸阅读

想系统学,可以聊聊你的情况

18617228046

点金电商提供电商运营、新媒体、跨境电商与 AI 方向的线下实操培训,支持免费复训与线上视频巩固。