
八宮格液態玻璃產品資訊圖模板
一個變數進去,一張八格資訊圖出來:主色從產品本身長出來,不靠調色盤。
寫法要點
✍️ 主色不用自己選:讓模型先認出產品最顯眼的顏色,圖示和邊框都由它降飽和得來,配色天然統一。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 橫版,超高階液態玻璃資訊圖。












