
八宫格液态玻璃产品信息图模板
一个变量进去,一张八格信息图出来:主色从产品本身长出来,不靠调色盘。
写法要点
✍️ 主色不用自己选:让模型先认出产品最显眼的颜色,图标和边框都由它降饱和得来,配色天然统一。FOOD/MEDICINE/TECH 三套指标格式预设好了,换品类不必改结构。
完整提示词
📋 提示词 编号分段2545 字符
Inputs: [insert product name] and [insert language].
Goal: render ONE ultra-premium liquid-glass Bento infographic for the product, 16:9 landscape, built from 8 modules. Only the card titles are written as text on cards 2 to 8.
The 8 cards
1. Hero card: the product at its most beautiful, shown as a real photo, a 3D glass version, or a stylized interpretation (choose one), with a product-name label.
2. Core Benefits: four different benefits, each with an icon in the hero color.
3. How to Use: four ways to use it, each with an icon.
4. Key Metrics: five EXACT data points, each laid out as [icon] [Label] [Bold Value] [Unit].
- If FOOD: Calories: [X] kcal/100g | Carbs: [X]g (fiber [X]g, sugar [X]g) | Protein: [X]g | [Key Vitamin]: [X]mg ([X]% DV) | [Key Mineral]: [X]mg ([X]% DV)
- If MEDICINE: Active: [name] | Strength: [X] mg | Onset: [X] min | Duration: [X] hrs | Half-life: [X] hrs
- If TECH: Chip: [model] | Battery: [X] hrs | Weight: [X]g | [Key spec]: [value] | Connectivity: [protocols]
5. Who It's For: four recommended groups with green checkmark icons, followed by three groups that need caution with amber warning icons.
6. Important Notes: four precautions, each with a warning icon.
7. Quick Reference, with icons: for FOOD the glycemic index and dietary tags; for MEDICINE side effects and their severity; for TECH compatibility and certifications.
8. Did You Know: three facts (its origin, the science, a global statistic), each with an icon.
How to color it
- First study the product: its single most dominant natural color becomes the "hero color", and the product falls into FOOD, MEDICINE or TECH.
- The product and its accents take the hero color at full saturation; icons and borders take a muted version (30-40% saturation, never black).
How it should look
- Layout: an asymmetric Bento grid. The hero card gets 28-30% of the area, the information modules the remaining 70-72%.
- Hero product treatment: authentic premium photography or a 3D glass version [choose one].
- Cards: frosted liquid glass, 85-90% transparent, edged with whisper-thin borders and a subtle drop shadow, so they seem to float and reflect the background color.
- Background: it sits behind the cards, heavily blurred where they overlap. Pick one [choose one]: Ethereal (product essence, light caustics, abstract glow); Macro (a heavily blurred close-up of the product texture); Pattern (the product tiled softly at 10-15% opacity); Context (a relevant environment, blurred and desaturated).
- Finish with a subtle motion effect.
📋 中文译写版 自然语言1085 字符
变量:[insert product name] / [insert language]
任务:生成一张图,为该产品做一张高级的液态玻璃 Bento 网格信息图,共 8 个模块,其中第 2 到第 8 张卡片只放文字标题。
第 1 步,读懂产品:
→ 找出产品最突出的天然颜色,称为“主色”
→ 把产品归入一类:FOOD / MEDICINE / TECH
第 2 步,由主色生成配色:
→ 产品与强调色使用满饱和度主色
→ 图标和边框使用柔化后的主色(饱和度 30-40%,绝不用黑色)
第 3 步,确定外观:
→ 主视觉产品用真实摄影(真实、高级)或 3D 玻璃版 [二选一]
→ 卡片为液态玻璃质感,透明度 85-90%,边框纤细如丝,带轻微投影让卡片悬浮并映出背景颜色
→ 背景位于卡片之后,卡片覆盖处高度模糊;背景四选一 [choose one]:
- 空灵:产品精华、光线焦散、抽象光晕
- 微距:产品质地特写,重度模糊
- 图案:产品以 10-15% 不透明度柔和重复
- 场景:相关环境,模糊并降低饱和度
→ 加入细微的动感效果
→ 16:9 横版的非对称 Bento 布局
→ 主卡片占 28-30%,信息模块共占 70-72%
第 4 步,填充 8 张卡片:
M1 主图:产品以真实照片 / 3D 玻璃 / 风格化演绎(三选一)的美观形态呈现,附产品名称标签
M2 核心益处:4 个不同的益处,配主色图标
M3 使用方法:4 种用法,配图标
M4 关键指标:5 个精确数据点,格式为 [图标] [标签] [粗体数值] [单位]
FOOD:热量 [X] kcal/100g,碳水 [X]g(纤维 [X]g,糖 [X]g),蛋白质 [X]g,[关键维生素]:[X]mg([X]% DV),[关键矿物质]:[X]mg([X]% DV)
MEDICINE:有效成分 [名称],规格 [X] mg,起效 [X] 分钟,持续 [X] 小时,半衰期 [X] 小时
TECH:芯片 [型号],续航 [X] 小时,重量 [X]g,[关键规格]:[值],连接协议:[协议]
M5 适用人群:4 类推荐人群配绿色对勾图标,3 类需谨慎人群配琥珀色警示图标
M6 重要提示:4 条注意事项配警示图标
M7 速查:
→ FOOD:血糖指数加饮食标签,配图标
→ MEDICINE:副作用及严重程度,配图标
→ TECH:兼容性与认证,配图标
M8 你知道吗:3 条冷知识(起源、科学、全球数据),配图标
输出:1 张图,16:9 横版,超高级液态玻璃信息图。












