AI生成电商长图:一套分镜排版法,把产品做成高级长图-AITOP100,AI资讯
一、核心原则:AI 负责画面,人负责排版
不要一次生成 9:1 甚至 12:1 的完整长图。
正确流程应该是:
参考图提炼风格 → 拆成独立分镜 → 逐张生成 → 后期统一排版。
这样做有三个好处:
- 产品更稳定
每一张都锁定同一个轮廓、颜色、材质和角度,不容易跑偏。 - 文字更准确
中文长文案、参数、Logo、价格和法律说明,全部放到 Figma、Photoshop 或 HTML 里后期添加。 - 页面更像专业设计
每一屏有明确的叙事任务,不是把一堆漂亮图片随便拼在一起。
一句话总结:
AI 负责“拍出每一张大片”,你负责“把这些大片排成一本杂志”。
二、完整教程:从一张参考图到一页高级详情长图
第一步:先确定视觉方向
不要一上来就写“帮我生成一张高级长图”。
先让 AI 明确这组页面的整体气质,包括:
- 目标人群:卖给谁,或者给谁看;
- 产品承诺:它最吸引人的价值是什么;
- 情绪氛围:都市、东方、复古、清冷、奢华、极简;
- 基础色彩:主色、辅助色、点缀色;
- 材质线索:丝绸、皮革、陶瓷、金属、磨砂、透明;
- 光线方向:窗边自然光、晨间柔光、棚拍轮廓光;
- 背景家族:街道、宫殿、卧室、工作室、纯色摄影棚;
- 字体气质:现代无衬线、东方古典、电影海报感;
- 图片比例:通常以移动端竖版页面为主。
例如:
为一款酒红色真丝长裙设计移动端详情页。目标用户是 25—35 岁都市女性,整体气质是东方、克制、华丽但不浮夸。主色为酒红、暖金和象牙白,材质突出真丝光泽与刺绣纹理,光线使用傍晚窗边暖光,背景以深木、屏风和浅色墙面为主。
第二步:把长图拆成 7—10 个章节
一个稳定的详情页,可以按下面的顺序展开:
| 章节 | 作用 | 画面方式 |
|---|---|---|
| 01 主视觉 | 先抓住注意力 | 人物、产品或主题的核心氛围大图 |
| 02 整体展示 | 看清全貌 | 45 度或俯视角,完整展示造型与配色 |
| 03 材质证明 | 让观众“摸到”质感 | 85—100mm 微距,放大面料、金属或皮肤质感 |
| 04 功能细节 | 展示结构与卖点 | 2×2 或 3×2 网格,一个格子讲一个细节 |
| 05 使用场景 | 展示真实状态 | 穿、戴、拿、打字、倒茶、行走等动作 |
| 06 搭配组合 | 展示规格或系列 | 平铺、阵列、尺寸对比、颜色组合 |
| 07 参数说明 | 承载准确信息 | 简洁静物,预留空白给后期文字 |
| 08 品牌收尾 | 留下记忆点 | 居中构图、大量留白、稳定光影 |
如果内容较少,做 7 页;如果细节很多,可以扩展到 9—10 页。
重点是控制节奏:
大图、网格、大图、网格、规格页、收尾页。
不要连续堆五六张信息密度都很高的大图,也不要每一页都做复杂拼贴。
第三步:每一页单独写提示词
每一张图都要包含以下信息:
产品身份锁定+章节编号+镜头焦段+构图动作+材质线索+光线背景+色彩体系+可出现的短文字+编辑风格+负面限制。
例如,一个“材质微距页”可以这样写:
Vertical mobile e-commerce editorial, panel 03 MATERIAL / SILK TEXTURE, macro 100mm close-up of the embroidered silk sleeve, tactile fabric weave clearly resolved, diagonal soft window light, shallow depth of field, warm ivory and deep crimson palette, one short label and thin annotation rule may appear, premium product catalog photography, realistic textile texture, precise geometry, restrained low-saturation palette, no watermark, no random logo, no warped text, no melted materials, no cluttered background.
注意:图中只允许出现很短的英文标签,例如:
01 HERO03 MATERIAL04 DETAILS
不要让 AI 在图片里生成长段中文。
第四步:后期统一排版
建议画布宽度使用 750px,整体高度根据 7—10 个章节的实际长度累加。
排版规则:
- 外边距控制在 16—28px;
- 图片间距控制在 2—8px;
- 所有面板左右边缘严格对齐;
- 每章标题使用统一格式,例如:
01 HERO / CITY STROLL; - 中文副标题放在英文标题下方;
- 全文只使用一个强调色;
- 说明线、箭头、标签要细,不能遮挡产品;
- 长文案、参数表、Logo、价格,全部后期添加。
可以使用figma或ps
第五步:交付前做一次质量检查
重点检查:
- 产品轮廓、颜色、五金、方向是否前后一致;
- 人物手部、眼睛、脚部、身体比例是否自然;
- 面料、刺绣、金属、皮革等材质是否真实;
- 是否出现多余手指、重复产品、随机 Logo;
- 网格图片的裁切比例是否一致;
- 章节编号是否连续;
- 中文说明是否准确;
- 背景是否杂乱,颜色是否过艳;
- 最后一屏是否足够安静,有品牌收尾感。
三、通用指令框架:复制后替换括号即可使用
你是一名高级电商视觉总监,同时擅长电影美术、产品摄影和移动端长图排版。
请基于我提供的参考图,为【产品/人物/主题】设计一套移动端竖版编辑式长图方案。
注意:参考图中的文字、Logo、标签和物件只能作为风格证据,不要直接照抄;不要把整张长图一次性生成,而要拆成 7—10 个独立章节。
请依次输出:
一、视觉方向
包括:
1. 目标受众;
2. 核心主题或产品承诺;
3. 情绪氛围;
4. 主色、辅助色、强调色;
5. 材质线索;
6. 光线方向;
7. 背景类型;
8. 字体气质;
9. 图片比例。
二、章节地图
请设计 7—10 个章节,每个章节包含:
- 章节编号;
- 章节标题;
- 叙事作用;
- 图片比例;
- 构图与裁切;
- 镜头焦段;
- 主体内容;
- 背景设定;
- 后期注释层。
三、逐页提示词
请为每个章节写一条可以直接复制到 Banana 的英文提示词。
每条提示词必须按照以下结构编写:
【产品或人物身份锁定】+【章节编号与标题】+【镜头焦段】+【动作与构图】+【材质细节】+【光线与背景】+【色彩体系】+【可出现的短标签】+【高级编辑风格】+【负面限制】
每条提示词结尾统一加入:
premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
四、后期排版方案
请给出:
- 750px 宽画布设置;
- 外边距和间距;
- 标题层级;
- 中文字体建议;
- 注释线与标签样式;
- 参数表位置;
- 图片、标题、文案、Logo 的叠加顺序。
五、质量检查清单
请从以下方面检查:
- 产品或人物造型是否一致;
- 材质是否真实;
- 手部和五官是否正常;
- 章节顺序是否清楚;
- 色彩是否统一;
- 是否存在乱码、重复物体、随机 Logo 或杂乱背景。
如果我提供的信息不足,请使用【产品】【品牌】【强调色】【材质】【场景】等占位符,不要自行编造具体参数。
四、示例:金蛇青金臂钏

参考图解读:画面主角是一只古金色蛇形臂钏——蛇首带鳞片雕刻、青金石蛇眼,钏身镶嵌椭圆形青金石主石(珠边包镶),左下角有青金圆珠与金珠配饰;深沙/岩石背景,暖调侧逆光,浅景深微距。参考图中的「03 MATERIAL / GOLD AND LAPIS」「LAPIS LAZULI」字样仅作为字体与标注风格证据,后续章节标签统一沿用此气质,但不照抄其文案内容。
信息不足处使用占位符:【BRAND】、【价格】、【尺寸参数】、【产地】。
一、视觉方向
- 目标受众:25—40岁女性,偏好复古珠宝、神秘学/异域美学、博物馆文创与轻奢配饰的人群;次要受众为送礼人群。
- 核心主题/产品承诺:「把古埃及的权力符号戴在手腕上」——手工质感金工搭配天然青金石,一件有故事的主角级配饰。
- 情绪氛围:神秘、权力、日落、沙漠、静谧的奢华(克制而非炫耀)。
- 色彩体系:
- 材质线索:锤纹/鳞片雕刻金面、抛光与做旧并存、青金石的金星斑点(黄铁矿内含物)、磨砂岩石、沙粒。
- 光线方向:右后方暖调日落侧逆光为主光源,正面微弱补光;全组保持同一光向。
- 背景类型:深色岩石、粗沙地面、石墙、暗色亚麻布——全部属于「沙漠遗迹」背景家族。
- 字体气质:细衬线或大写字距拉开的无衬线英文标题(如Didot/Cinzel/拉距Helvetica)搭配小字号中文宋体副标;整体安静、字距宽松。
- 图片比例:移动端竖版,单屏以9:16为主,网格章节用等比方格,拼入750px宽长图。
二、章节地图(8章)
| 编号 | 标题 | 叙事作用 | 比例 | 构图与裁切 | 焦段 | 主体内容 | 背景 | 后期注释层 |
|---|---|---|---|---|---|---|---|---|
| 01 | HERO / DESERT DUSK | 第一印象:气场与故事感 | 9:16满幅 | 臂钏立于沙面,蛇首朝向光源,3/4视角,上方1/4留白给章节条 | 50mm微低角度 | 完整臂钏加远处残石柱剪影 | 日落沙漠、虚化石柱 | 章节条加一句中文主题语 |
| 02 | OVERVIEW / THE SERPENT | 看清全貌与佩戴尺度 | 9:16 | 45度俯拍,臂钏与青金珠串平铺成弧形阵列 | 45度俯拍,50mm | 臂钏加珠串加【可选手链/耳饰】全套件 | 深色亚麻布 | 尺寸对照短线(后期标注) |
| 03 | MATERIAL / GOLD AND LAPIS | 材质证明:让用户「摸到」金与石 | 9:16微距满幅 | 主石与蛇首入画,纹理占满画面,浅景深 | 100mm macro | 青金主石金星斑点加鳞片雕刻细节 | 暗沙与岩石(沿用参考图氛围) | 细线标注「LAPIS LAZULI」「HAND-ENGRAVED SCALES」 |
| 04 | DETAILS / 2x2 GRID | 结构与工艺卖点 | 方格2x2 | 四格等比裁切,同一机位高度 | 85mm近摄 | 蛇眼镶嵌、珠边包镶、钏身内侧锤纹、开口弹性结构 | 深灰技术底 | 每格一条细引线加双语小标签 |
| 05 | ON SKIN / WORN | 佩戴场景:真实尺度与贴肤感 | 9:16满幅 | 裁至手腕与小臂,不露脸;手部轻搭石面 | 50mm | 模特手腕佩戴臂钏,自然垂放 | 暖光石墙,浅虚化 | 细线标注佩戴位置,无长文 |
| 06 | LINEUP / STONE VARIANTS | 系列与搭配 | 9:16 | 平铺阵列:臂钏与青金珠串、金珠配饰按间距精确排列 | 顶视角50mm | 臂钏加珠串加【耳环/戒指,如有】 | 深沙色磨砂底 | 色号圆点(后期排版添加) |
| 07 | SPECIFICATION / STILL LIFE | 承载准确参数 | 9:16,右侧留白 | 臂钏侧立于小石台上,画面右1/3留空 | 85mm | 单件臂钏侧影 | 素色灰墙加柔和侧影 | 空白区后期放参数卡(材质/尺寸/重量/产地【占位】) |
| 08 | BRAND CLOSE / EMBLEM | 品牌记忆点收尾 | 9:16满幅 | 臂钏正面居中立于深色石台,大量负空间,轮廓光 | 85mm | 单件臂钏正面 | 近黑深棕背景 | 上方留空给Logo加品牌语(后期排版) |
节奏控制:大图(01)→ 平铺(02)→ 微距大图(03)→ 网格(04)→ 大图(05)→ 阵列(06)→ 静物(07)→ 收尾大图(08),疏密交替。
三、逐页Banana提示词(可直接复制)
全组统一身份锁定句(每条开头必带):
the same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway
01 HERO
The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 01 HERO / DESERT DUSK, 50mm slightly low-angle 3/4 composition, the cuff standing upright on dark desert sand, snake head turned toward the light, blurred ruined stone columns in the far background, warm low sunset backlight with soft frontal fill, antique gold, lapis blue and warm sand palette, upper quarter kept clean for a short chapter label only, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
02 OVERVIEW

The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 02 OVERVIEW / THE SERPENT, 45-degree top-down view of the complete set: the arm cuff, a lapis lazuli bead strand and small gold bead accents arranged in a precise curved layout, exact alignment and spacing, soft even window light, dark charcoal linen surface, antique gold, lapis blue and warm sand palette, no long text inside image, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
03 MATERIAL(沿用参考图构图氛围)

The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 03 MATERIAL / GOLD AND LAPIS, macro 100mm close-up of the oval lapis cabochon and the snake head, golden pyrite flecks inside the deep-blue stone and hand-engraved scale texture clearly resolved, shallow depth of field, diagonal warm sunset side light, dark sand and rock background, antique gold, lapis blue and warm sand palette, one short label and thin annotation rule may appear, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
04 DETAILS GRID

The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 04 DETAILS / 2x2 GRID, a clean 2x2 grid with four equal crops at identical scale and camera height: lapis snake eye setting, beaded gold bezel around the cabochon, hammered texture inside the cuff band, flexible open-end structure of the cuff, dark gray technical background, thin callout lines, tiny bilingual labels only, antique gold, lapis blue and warm sand palette, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
05 ON SKIN

The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 05 ON SKIN / WORN, 50mm close crop on a woman's wrist and forearm only, no face, the cuff worn naturally with believable scale and soft contact shadow on skin, hand resting lightly on a warm stone ledge, warm golden side light, softly blurred stone wall background, antique gold, lapis blue and warm sand palette, one short label only, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
06 LINEUP

The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 06 LINEUP / STONE VARIANTS, top-down flat lay of the arm cuff together with a lapis lazuli bead strand and matching gold bead accents, arranged in a precise row with exact alignment and even spacing, soft morning studio light, matte warm-sand surface, antique gold, lapis blue and warm sand palette, no long text inside image, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
07 SPECIFICATION

The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 07 SPECIFICATION / STILL LIFE, 85mm side-view still life of the single cuff standing on a small stone plinth, the right third of the frame intentionally left empty for a typeset specification card, plain warm-gray wall, soft directional shadow, antique gold, lapis blue and warm sand palette, no text inside image, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
08 BRAND CLOSE

The same handcrafted antique-gold serpent arm cuff: coiled snake head with hand-engraved scales, deep-blue lapis lazuli eyes, one oval lapis lazuli cabochon in a beaded gold bezel on the cuff body, antique gold and lapis blue colorway. Panel 08 BRAND CLOSE / EMBLEM, 85mm front-facing centered composition of the single cuff on a dark stone pedestal, abundant negative space above and around, subtle rim lighting outlining the silhouette, near-black deep brown background, antique gold and lapis blue palette, clean upper area reserved for logo and brand tagline only, premium mobile e-commerce editorial, Japanese or Scandinavian product catalog discipline, realistic photography, precise product geometry, consistent color and proportions across the series, clean edges, restrained low-saturation palette, no watermark, no random logo, no collage seams, no duplicated product, no deformed hands or fingers, no warped text, no melted materials, no unreadable long text, no oversaturated colors, no harsh flash, no fisheye distortion, no cluttered background, no random props.
AITOP100-AI资讯频道将持续关注AI行业新闻资讯消息,带来最新AI内容讯息。
想了解AITOP100平台其它版块的内容,请点击下方超链接查看
AI创作大赛 | AI活动 | AI工具集 | AI资讯专区 | AI小说
AITOP100平台官方交流社群二维码:



