技能 · 视觉设计

电商主图信息层级:3 层排版不改产品

把主图拆成背景、主体、卖点三层,按注视顺序排布,让买家在缩略图尺寸下先看到产品再看卖点。

视觉设计进阶视觉设计电商运营
适用边界:适合有实物产品、需要在一张图里同时展示外观和核心卖点的电商主图;抽象服务、模板类商品没有实物主体,套用三层结构会显得空。

怎么做

  1. 先定主体占比,产品在图内占 55% 到 70%,四周留出不少于 8% 的安全边距。
  2. 第二层放一句卖点,不超过 9 个字,放在主体视线落点的对角位置,不压产品。
  3. 第三层只放一条信任信息,例如质保或场景标识,字号控制在卖点的一半以下。
  4. 把图缩到 200 像素宽再看一遍,删掉缩略图下看不清的文字和装饰线条。

交付前检查

可复制提示词

你是电商主图设计师。输入:【产品】=____;【核心卖点】=____;【信任信息】=____;【主图尺寸】=____。请给出一版主图排版方案:说明背景处理、主体占比与位置、卖点文案与字号层级、信任信息位置,并列出三层信息的视觉权重。要求缩略图尺寸下仍可读,不虚构销量、认证或排名。最后给出两点可执行的调整建议。

相关工具

图标提示词

打开即用

打开 →

宣传图提示词

打开即用

打开 →

AI 设计一条龙

把这项技能放进完整流程

继续 →

同类技能

海报配色:从品牌色推出 4 个可落地颜色

从已有品牌色出发,推导出主色、辅助色、背景色和强调色四个角色,避免整张海报用到五六个饱和色。

查看 →

图标提示词:一句话锁定符号与风格

把图标的符号、风格、线条和背景写成一段可复用的提示词,让同一套图标在不同批次里保持统一。

查看 →

Banner 尺寸适配:一套版式铺满 4 个广告位

用一套版式适配横版、竖版和方版四个常见广告位,只调整主体位置和文字换行,不重画整套设计。

查看 →
更新时间:2026-10-29 · 步骤是通用做法,平台/客户规则以实际页面为准;不承诺排名、过稿或收益。

跨库学习路径

按共同关键词匹配,不是随机推荐;从任务到提示词/教程/项目继续走。

提示词

公众号深度稿:把行业观察写成有证据的长文

把分散的行业观察整理成有论点、有证据链、可直接编辑的深度长文

从技能到提示词的下一步

继续 →
教程

商品图压到 200KB 还不糊:先改尺寸还是先降质量

学会先缩尺寸再降质量的两段式压缩,把商品图稳定压到 200KB 以内且文字边缘仍然可读。

从技能到教程的下一步

继续 →
项目

给连锁口腔诊所写 12 篇种植牙科普推文,用于公众号留资

12 篇 800 字科普文 + 6 组医患问答 + 1 份四周发布排期

从技能到项目的下一步

继续 →