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

现代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、特斯拉 元素: ⚛️碳、氧、氢、氮