技能 · 视觉设计
电商主图信息层级:3 层排版不改产品
把主图拆成背景、主体、卖点三层,按注视顺序排布,让买家在缩略图尺寸下先看到产品再看卖点。
适用边界:适合有实物产品、需要在一张图里同时展示外观和核心卖点的电商主图;抽象服务、模板类商品没有实物主体,套用三层结构会显得空。
怎么做
- 先定主体占比,产品在图内占 55% 到 70%,四周留出不少于 8% 的安全边距。
- 第二层放一句卖点,不超过 9 个字,放在主体视线落点的对角位置,不压产品。
- 第三层只放一条信任信息,例如质保或场景标识,字号控制在卖点的一半以下。
- 把图缩到 200 像素宽再看一遍,删掉缩略图下看不清的文字和装饰线条。
交付前检查
- 缩略图尺寸下能一眼认出产品是什么,不用点开大图才能判断。
- 三层信息字号依次递减,没有两层一样大或互相抢注意力。
- 卖点没有被产品遮挡,也没有贴着图片边缘被裁掉。
可复制提示词
你是电商主图设计师。输入:【产品】=____;【核心卖点】=____;【信任信息】=____;【主图尺寸】=____。请给出一版主图排版方案:说明背景处理、主体占比与位置、卖点文案与字号层级、信任信息位置,并列出三层信息的视觉权重。要求缩略图尺寸下仍可读,不虚构销量、认证或排名。最后给出两点可执行的调整建议。
相关工具
同类技能
海报配色:从品牌色推出 4 个可落地颜色
从已有品牌色出发,推导出主色、辅助色、背景色和强调色四个角色,避免整张海报用到五六个饱和色。
查看 →图标提示词:一句话锁定符号与风格
把图标的符号、风格、线条和背景写成一段可复用的提示词,让同一套图标在不同批次里保持统一。
查看 →Banner 尺寸适配:一套版式铺满 4 个广告位
用一套版式适配横版、竖版和方版四个常见广告位,只调整主体位置和文字换行,不重画整套设计。
查看 →更新时间:2026-10-29 · 步骤是通用做法,平台/客户规则以实际页面为准;不承诺排名、过稿或收益。
跨库学习路径
按共同关键词匹配,不是随机推荐;从任务到提示词/教程/项目继续走。