主图 Banner 专家

问题在哪

电商列表页里，用户滑动极快，主图往往只有约 3 秒被注意到。尺寸不合规会被平台压缩或拒审；首图白底、文件大小、文字占比等细节直接决定能否过审。更麻烦的是：卖点堆满一张图、和竞品同款白底平铺，点击率很难拉开差距。Banner 还要兼顾 PC/无线不同画布，主标题、CTA 与产品主体的层级一旦错位，活动入口的转化也会变差。

技能如何帮你落地

本技能把「规范 + 视觉 + 测试」串成可执行清单，而不是泛泛讲设计审美。

• 平台规范速查：覆盖淘宝/天猫、京东、拼多多、抖音电商、小红书、唯品会等主图尺寸、格式与大小上限；并列出 PC 焦点图、无线 Banner、详情海报、直通车、钻展等常用 Banner 尺寸。
• 3 秒视觉锤：强调「一张主图只讲一件事」；用品类示例对齐核心卖点与一句话文案，并配合「三眼法则」理清信息层次。
• 构图与色彩：中心聚焦、对角分割、场景嵌入三种构图；按品类选色（促销红橙、科技蓝、高端金黑等）；文案行数、字号、字体数量与 WCAG 4.5:1 对比度约束，降低「牛皮癣」感。
• 场景化与差异化：对照传统白底与场景图的点击率差异思路；从竞品共性里找可区分的拍摄角度、配色与卖点表达。
• 视频主图与 A/B：时长、内容类型、首帧与静态主图一致等参数；测试时单变量、足够样本、时段与预算均衡。
• Banner 四要素：主标题、副标题、CTA、视觉主体的位置与字号占比；文末附 质量检查清单 便于上架前自检。

适用边界

技能输出的是设计规范、文案结构与检查项，不会替你生成图片文件或自动改图。各平台规则会更新，上架前仍以官方最新文档为准。文中部分点击率提升数据来自行业经验表述，实际效果需结合类目、价格带与你自己的 A/B 数据判断。