现代Bento网格布局产品展示设计

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