Prompt在此🔽:现代Bento网格布局产品展示设计,采用磨砂亚克力透明玻璃材质。适用于任何产品类型(食物/药品/科技产品/元素等)。
【布局结构】8个模块,非对称Bento网格排列,横向landscape格式:
模块1: 【3D玻璃产品主体展示】(中等尺寸1x1,占20-25%空间)
- 3D透明玻璃/亚克力材质的[产品名称]雕塑
- [产品特色]:
* 食物 → 展示切面/内部结构(如番茄种子腔室、胡萝卜横切面)
* 药品 → 药片/胶囊的透明玻璃形态
* 科技产品 → 产品外观的玻璃艺术化呈现
- 材质效果: 透明红橙/蓝色/绿色等[产品主色]玻璃,光泽表面,光线折射,真实反射
- 正下方文字标注: "[中文产品名] / [English Name]"
- 不占用过多空间,为信息模块留足展示区域
模块2: 【核心功效/特点】(标准卡片1x1)
标题: "核心功效" 或 "核心特点" 或 "主要功能"
内容: 4个核心卖点,用 "/" 分隔
- 食物 → "抗氧化延缓衰老 / 保护心血管健康 / 美白护肤养颜 / 促进消化吸收"
- 药品 → "解热镇痛 / 抗炎消肿 / 抗血小板聚集 / 预防心血管疾病"
- 科技 → "主动降噪 / 空间音频 / 自适应均衡 / 20小时续航"
配合简洁图标
模块3: 【使用方法/应用场景】(标准卡片1x1)
标题: "食用方法" 或 "使用方法" 或 "应用场景"
内容: 4种使用方式/场景
- 食物 → "生食: 沙拉凉拌 / 熟食: 炒蛋炖汤 / 加工: 酱料榨汁 / 搭配: 鸡蛋牛肉"
- 药品 → "口服: 餐后温水送服 / 剂量: 成人100mg / 频次: 每日1-2次 / 疗程: 遵医嘱"
- 科技 → "音乐欣赏 / 通勤降噪 / 居家办公 / 观影娱乐"
配合场景图标
模块4: 【关键数据/参数】(标准卡片1x1)
标题: "营养价值" 或 "技术参数" 或 "产品规格"
内容: 5个关键数据点
- 食物 → "热量 [X]千卡/100克 / 维生素C [X]毫克 / [特色成分] 丰富 / 膳食纤维 [X]克 / 钾 [X]毫克"
- 药品 → "成分: [化学式] / 规格: [X]mg / 起效时间: [X]分钟 / 半衰期: [X]小时 / 代谢途径: [途径]"
- 科技 → "芯片: [型号] / 续航: [X]小时 / 重量: [X]克 / 驱动单元: [规格] / 充电: [X]小时"
配合简洁数据可视化图表
模块5: 【适用人群/目标用户】(标准卡片1x1)
标题: "适合人群" 或 "目标用户" 或 "适用场景"
内容: 分为推荐(✓)和警示(
⚠️)两部分
- 食物 → "✓ 心血管疾病患者 / ✓ 美容养颜需求者 / ✓ 减肥瘦身人群 / ✓ 便秘消化不良 /
⚠️ 慎用: 肾功能不全 / 胃酸过多 / 空腹食用"
- 药品 → "✓ 发热患者 / ✓ 轻中度疼痛 / ✓ 炎症性疾病 /
⚠️ 禁忌: 孕妇 / 哮喘患者 / 胃溃疡"
- 科技 → "✓ 音乐发烧友 / ✓ 商务人士 / ✓ 通勤人群 / ✓ 内容创作者"
用绿色✓和琥珀色
⚠️区分
模块6: 【注意事项/使用指南】(标准卡片1x1)
标题: "食用注意" 或 "使用注意" 或 "重要提示"
内容: 4条重要提醒事项
- 食物 → "不宜空腹食用以免刺激胃黏膜 / 未成熟[产品]含[有毒物质]禁食 / 不宜长时间高温烹煮保留营养 / [特殊人群]需控制摄入量"
- 药品 → "需餐后服用避免胃部不适 / 不可与[禁忌药物]同服 / 服药期间避免饮酒 / 出现过敏反应立即停药就医"
- 科技 → "首次使用需配对设备 / 避免极端温度环境 / 定期清洁保养 / 长期不用请充电保存"
配合警示图标
模块7: 【特殊指标】(标准卡片1x1)
标题: 根据产品类型调整
- 食物 → "嘌呤含量" 显示 "[X]毫克/100克" + "低嘌呤食物 ✓" + "痛风患者友好"
- 药品 → "不良反应" 列举常见副作用
- 科技 → "兼容性" 显示支持的系统/设备
配合指示器或图标
模块8: 【趣味知识/产品洞察】(标准卡片1x1)
标题: "冷知识" 或 "产品故事" 或 "有趣事实"
内容: 2-3条有趣的知识点
- 食物 → "[产品]加热后[成分]吸收率提升X倍 / [产品]原产[地区]已有[X]年历史 / 未成熟[产品]含[有害物质]"
- 药品 → "[产品]是世界上使用最广泛的[类别]之一 / 每年全球生产超过[X]吨 / [发明年份]年由[人名]发明"
- 科技 → "[产品]采用[技术]专利技术 / [品牌]首次将[功能]应用于消费级产品 / 全球销量突破[X]万台"
【磨砂亚克力材质规格】(CRITICAL 核心灵魂):
卡片材质效果:
- 透明度: 80-85% 半透明(TRANSLUCENT),可以看穿卡片看到背景
- 磨砂效果: 柔和的frosted glass blur模糊,backdrop-filter风格
- 底色调: 轻微白色/奶油色霜化效果(15-20%不透明度),提升可读性但保持透明
- 边框: 细致的发光边框,捕捉光线反射
- 阴影: 柔和的分层阴影,营造浮空深度感
- 玻璃物理: 真实的玻璃边缘高光、光线折射、表面反射效果
- 视觉特征: 背景渐变可以透过卡片清晰看见,像真实的磨砂亚克力板
重要: 卡片必须保持TRANSLUCENT透明质感,不能变成不透明白卡片!
【色彩方案】:
基础色彩配比: 90% 中性色 + 10% 产品主题色点缀
- 基础层: 透明玻璃、浅灰色、米白色
- 文字色: 中等深灰
#3A3A3A (柔和但清晰,适合透明背景)
- 主题色点缀(10%使用):
* 食物 → 产品天然色(番茄红橙、胡萝卜橙、菠菜绿等)
* 药品 → 医疗蓝、药品白、红十字标志色
* 科技 → 品牌主色(Apple银灰蓝、小米橙、华为红等)
- 点缀位置: 仅用于关键图标、重要数字、警示符号、3D主体
- 警示色: 琥珀橙
#FF9800 用于
⚠️警告内容
- 肯定色: 绿色
#4CAF50 用于✓推荐内容
【背景设置】:
- 类型: 柔和渐变,2-3个相近色过渡
- 产品色调适配:
* 食物 → 奶油白-淡桃红-浅橙色(温暖色调)
* 药品 → 浅灰白-淡蓝-医疗白(清洁专业)
* 科技 → 太空灰-银白-淡蓝(科技感)
- 装饰元素: 极度柔和的抽象形状,可透过玻璃卡片隐约看见
- 重要: 背景要柔和不抢眼,通过透明卡片可见但不干扰阅读
【排版布局】:
- 格式: 横向 landscape 16:9 或类似比例
- 网格类型: 非对称Bento网格,卡片大小不一
- 空间分配:
* 3D玻璃主体: 20-25% (中等尺寸,不过度占用)
* 信息卡片: 75-80% (7个标准卡片)
- 卡片间距: 适度留白,不拥挤,呼吸感良好
- 视觉层次: 通过卡片大小、位置、色彩点缀建立信息优先级
- 阅读流: 从左上3D主体开始,自然流向各信息卡片
【文字规范】:
- 语言: 全中文内容(产品名可双语标注)
- 字体层级:
* 模块标题: 粗体,大号
* 正文内容: 常规体,中号
* 数据数字: 粗体,突出显示
- 可读性: 中等深灰文字在磨砂玻璃上清晰易读
- 单位规范:
* 重量: 克、千克、毫克
* 能量: 千卡、卡路里
* 时间: 分钟、小时、天
* 容量: 毫升、升
【图标风格】:
- 类型: 极简线条图标 (line icons)
- 尺寸: 小巧不喧宾夺主
- 颜色: 浅灰线条,关键图标用主题色点缀
- 用途: 辅助说明,增强视觉识别
【使用方法】:
1. 将 [产品名称] 替换为实际产品
2. 根据产品类型(食物/药品/科技)选择对应的内容示例
3. 填充8个模块的具体信息
4. 调整主题色为产品代表色
5. 确保保持磨砂亚克力的透明质感
【质量标准】:
✓ 透明度正确(80-85%,可看穿)
✓ 磨砂模糊效果明显但不过度
✓ 背景可透过卡片看见
✓ 3D主体占比适中(20-25%)
✓ 信息完整(8个模块内容齐全)
✓ 全中文显示清晰
✓ 色彩克制优雅(90%中性+10%点缀)
✓ 排版舒适不拥挤
✓ 玻璃质感真实(边缘高光、反射、折射)
【典型应用示例】:
食物:
🍅西红柿、
🥕胡萝卜、
🍎苹果、
🥑牛油果
药品:
💊阿司匹林、维生素C、布洛芬、青霉素
科技:
🎧AirPods Max、iPhone、MacBook、特斯拉
元素:
⚛️碳、氧、氢、氮
