制作办公椅移动端详情页时，最容易出问题的不是版面不够“高级”，而是不同视图里的头枕、扶手、腰托和椅脚悄悄变形，以及模型自动补出不存在的承重、认证和健康效果。下面这条提示词把未知参数统一标成“待确认信息”，适合先制作视觉提案或详情页线框，拿到真实产品数据后再完成最终排版。
原创示例图
说明：示例图由 OpenAI 图像生成工具于 2026 年 8 月 20 日生成，接口没有返回可独立核验的具体模型名称；未使用参考图，也没有裁切或压缩。它不是 Nano Banana 模型实测图，仅用于展示长页面结构与信息层级目标，请以实际使用版本的生成结果为准。
图片为 864×1821 的竖版长图，标题、部件标签、“待确认信息”和底部按钮文字基本清晰，也没有虚构承重或认证数值。需要注意的是，辅助视图中的头枕、扶手连接与主视觉仍有轻微差异；“中等体型使用者”只是场景示意，不能当作适用身高结论；参数卡片中的示意线也不是实际尺寸。画面只呈现了包装区和“查看尺寸与安装说明”按钮，并没有真正展开安装与保养模块；包装区里的椅身、扶手、脚轮和工具同样只是概念示意，不是已确认的 SKU 装箱清单。
可直接复制的完整提示词
下面是生成示例图时实际使用的提示词：
Use case: infographic-diagram
Asset type: portrait mobile e-commerce detail-page example for a Chinese blog article, approximately 3:7 aspect ratio
Primary request: Design one continuous mobile product detail page for a fictional ergonomic office chair. The same chair must remain structurally identical in every view. Product: deep graphite mesh back, black frame, charcoal seat cushion, silver-gray five-star base, adjustable headrest, armrests, lumbar support, five casters.
Scene/backdrop: clean paper-white and pale steel-blue mobile page with modern office and architectural blueprint styling.
Subject: one unbranded ergonomic office chair shown in a 3/4 hero view, then front, side, back and top auxiliary views, followed by a neutral seated-person scale scene and a packaging/accessory section.
Style/medium: premium e-commerce infographic, precise product visualization, blueprint contour overlays, narrow sans-serif and monospaced parameter cards.
Composition/framing: long vertical grid; hero panel at top; multi-angle views in the middle; feature callouts and dimension placeholders below; final installation and care section. Maintain generous spacing and a clear visual hierarchy.
Lighting/mood: soft cool studio light, technical, trustworthy, uncluttered.
Color palette: paper white, graphite gray, steel blue, small restrained orange accents.
Text (verbatim): "人体工学办公椅"; "头枕"; "靠背"; "扶手"; "座垫"; "腰部支撑"; "椅脚"; "待确认信息"; "查看尺寸与安装说明".
Constraints: all views depict the exact same chair; do not invent measurements; unknown parameter cards must say "待确认信息"; no certification badges; no health claims; no weight-capacity numbers; no brand logo.
Avoid: exploded internal mechanisms, inconsistent armrests or casters, extra legs, fake certification marks, invented statistics, English filler text, watermarks, crowded tiny paragraphs.
三步使用方法
- 在 Nano Banana 图片生成器 中粘贴完整提示词；如果已有商品图，建议同时上传清晰的正面或三分之四视角参考图。
- 把颜色、材质和已确认部件换成真实商品信息。没有供应商资料的尺寸、承重、认证和配件，继续保留“待确认信息”。
- 生成后先逐张对比头枕形状、扶手数量、腰托位置、底座和脚轮，再核对所有文字。最后把视觉图交给设计师，用真实参数完成可访问、可编辑的网页排版。
示例结果分析
示例图完成了从首屏主视觉、多角度展示、参数占位、场景比例到包装清单的连续阅读路径。纸白、钢蓝和少量橙色让技术标注与产品主体有明显层级；所有未知项目都使用“待确认信息”，没有凭空增加承重数字、人体工学认证或改善腰痛的承诺。
不足主要出现在多视图一致性：侧视图的椅背曲线与主视觉不完全相同，俯视图的扶手比例也略有变化。若只做一轮修复，建议增加：Generate every auxiliary view from one locked CAD-like product reference; preserve the exact headrest outline, armrest supports, lumbar pad and five-star base.。不要同时重做配色和版式，这样更容易判断结构约束是否有效。
提示词逐段拆解
产品与部件清单
深石墨网背、黑色框架、深灰座垫、银灰五星脚、头枕、扶手和腰托共同形成可检查的产品身份。删除这份清单后，模型很可能在不同视图中更换材质或省略部件。真实商品应进一步写明头枕轮廓、扶手支柱数量和腰托形式。
长页面阅读顺序
首屏负责识别商品，多角度区负责确认外形，参数区承载数据，场景区展示尺度，包装区说明到货内容。把顺序写进提示词，可以减少模型把所有信息挤进一张主图的情况。
参数证据边界
do not invent measurements 与“待确认信息”是这条提示词最重要的约束。它们不会自动保证模型完全守规，但能明确验收标准：凡是没有来源的数据，都不应进入正式详情页。
文字和排除项
只要求少量固定中文标签，避免让模型撰写大段销售文案。虚构认证、健康效果、承重数值和英文填充文字都被列入排除项，生成后仍需要人工逐字检查。
可替换变量模板
【商品与材质】：［真实型号或概念名］，［靠背材质］、［框架颜色］、［座垫材质］
【确认部件】：头枕、靠背、扶手、座垫、腰托、底座、脚轮；按真实产品增删
【页面结构】：首屏主视觉 → 多角度 → 已确认参数 → 使用场景 → 包装与安装
【背景与色彩】：［主底色］、［技术标注色］、［强调色］
【视角】：三分之四视角、正面、侧面、背面、俯视
【比例与留白】：约 3:7 竖版，模块之间保留明显间距
【排除项】：不虚构尺寸、承重、认证、专利、健康效果和配件；未知项写“待确认信息”
建议每轮只改变一个主要变量：先锁定产品结构，再调整信息模块，最后处理配色和文字。
常见失败与修复
不同视图里的椅子变了
补充：All views must preserve the exact same headrest silhouette, armrest supports, lumbar pad, base finish and caster count.
自动生成虚构参数或认证
补充：If a value or certification is not provided, print only 待确认信息; never infer a number, badge or standard.
文字太小或出现乱码
把正文缩减为部件名和占位词；补充：No paragraph text inside the image; reserve blank cards for later typesetting.
长页面信息过密
补充：Use no more than one primary purpose per module and keep at least 8% vertical whitespace between sections.
包装清单出现多余配件
明确列出已确认物品，并补充：Show only the provided package contents; omit any accessory not explicitly listed.
常见问题
可以直接把生成图当作最终商品详情页吗？
不建议。生成图适合视觉提案和模块草图，正式页面仍应使用真实商品图、可选择文字、准确参数和可访问的网页组件。
没有真实参数怎么办？
保留空白或“待确认信息”，不要用同类商品数据代填。发布前让供应商或产品负责人逐项确认。
为什么多角度视图仍会变形？
纯文本生成会在每个视角重新推断结构。提供同一商品的多角度参考图，或先生成一个锁定结构的产品视图，再逐步扩展页面，通常更稳定。
场景中的人物能证明适用身高吗？
不能。人物只提供视觉比例，适用身高、座高范围和人体工学结论必须来自真实测量或测试资料。
来源与改编说明
- GitHub 来源：YouMind-OpenLab / awesome-nano-banana-pro-prompts：No. 33 人体工学办公椅电商移动端详情页
- 条目标注作者：Mr.pinecone
- 仓库许可证：Creative Commons Attribution 4.0 International
- 访问日期：2026 年 8 月 20 日
- 改编范围：保留移动端长页、蓝图标注、多角度、场景与包装模块；将商品改为无品牌概念椅，收紧文字数量，明确所有未知数值写“待确认信息”，并增加不虚构认证、承重、健康效果和配件的约束。
- 本文示例图由本站重新生成，未使用仓库配图；原作者未对本文或本站作出认可。