创意预览图

医疗小程序25羟基维生素D计算器页面UI设计，温暖关怀风格。标题：25羟基维生素D计算器。顶部深绿色渐变导航栏。主体内容：使用说明标签，输入检测值输入框（30 ng/ml），深绿色圆角按钮'计算转换结

用户头像

1q0cbz2a2j-...

2026.08.14
基于参考图进行版式复刻和重点强化修改，整体为医疗科普信息图风格，浅蓝渐变背景，右上角保留女医生卡通插画形象。画面分为上下两大区块： 【第一部分（上半区）——保持原比例不变，原样保留】 - 顶部主标题区：大字标题「一图读懂：维生素D，我该吃多少？」，下方小字副标题「第一步：先查血！去医院抽血查「血清25-羟基维生素D」，这是你身体维生素D的"余额"。」 - 「你的余额是多少？」模块：四列横向排列的维生素D水平分级卡片，从左到右依次为： 1) <12 ng/mL 红色 严重缺乏 怎么办：去医院！可能需要注射 2) 12-20 ng/mL 橙色 缺乏 怎么办：每天2000-5000 IU，3个月后复查 3) 20-30 ng/mL 黄色 不足 怎么办：每天800-2000 IU，拉回及格线 4) >30 ng/mL 绿色 充足 怎么办：每天400-800 IU，维持即可 - 这一部分的整体高度比例、卡片大小、图标样式、字体大小均与参考图保持一致，不做改动。 【第二部分（下半区）——重点突出，字号增大，行间距增加】 - 「找你的专属剂量」模块：这是整张图的重点内容，需要显著放大突出。 - 表格整体字号比第一部分的文字明显增大，行间距（每行高度）显著增加，表格更舒展、更易读。 - 表格包含5列：人群、基础推荐量（充足时）、不足时补充、缺乏时纠正、达标后维持 - 共8行人群数据，每行高度增加、行间距拉大： 1) 0~12月龄：400 IU/天 | 400~800 IU/天 | 2000 IU/天（6周）| 400~800 IU/天 2) 1~17岁：400 IU/天 | 600~1000 IU/天 | 2000 IU/天（6周）| 600~1000 IU/天 3) 普通成人（18~64岁）：400 IU/天 | 800~1000 IU/天 | 2000 IU/天（8~12周）| 400~800 IU/天 4) 减肥/肥胖人群：600~800 IU/天 | 1500~2000 IU/天 | 2000~4000 IU/天（12周）| 1000~2000 IU/天 5) 减重术后（分术式）：袖状胃1000~2000 IU/天 旁路术2000~3000 IU/天 | 2000~3000 IU/天 | 3000~5000 IU/天（3个月）| 按术式终身维持 6) 更年期女性：600~800 IU/天 | 800~1200 IU/天 | 1000~2000 IU/天（12周）| 800~1000 IU/天 7) 65岁以上老人：800~1000 IU/天 | 1000~1500 IU/天 | 1500~2000 IU/天（12周）| 800~1000 IU/天 8) 办公室白领：400~800 IU/天 | 800~1000 IU/天 | 1000~2000 IU/天（8~12周）| 400~800 IU/天 - 每行左侧保留对应人群的卡通小图标（婴儿、儿童、上班族、肥胖者、医生、更年期女性、老人、白领），与参考图风格一致。 - 表格用浅蓝白交替底色，表头蓝色背景白字，整体清晰易读。 【底部】 - 底部提示栏：盾牌+十字图标，文字「请在医生或营养师指导下检测和干预」 【整体要求】 - 第一部分（余额分级区）严格保持原比例和大小不变。 - 第二部分（剂量表格区）作为重点，字号明显增大、行间距显著增加，占据画面更大比例，更醒目突出。 - 整体竖版长图，信息完整，排版精美，医疗科普风格，清新专业。 - 画面中所有数字必须精确渲染，不得错位、遗漏或编造。 - 画面中所有信息区域和表格单元格必须填充完整内容，不得出现空白。基于参考图进行版式复刻和重点强化修改，整体为医疗科普信息图风格，浅蓝渐变背景，右上角保留女医生卡通插画形象。画面分为上下两大区块： 【第一部分（上半区）——保持原比例不变，原样保留】 - 顶部主标题区：大字标题「一图读懂：维生素D，我该吃多少？」，下方小字副标题「第一步：先查血！去医院抽血查「血清25-羟基维生素D」，这是你身体维生素D的"余额"。」 - 「你的余额是多少？」模块：四列横向排列的维生素D水平分级卡片，从左到右依次为： 1) <12 ng/mL 红色 严重缺乏 怎么办：去医院！可能需要注射 2) 12-20 ng/mL 橙色 缺乏 怎么办：每天2000-5000 IU，3个月后复查 3) 20-30 ng/mL 黄色 不足 怎么办：每天800-2000 IU，拉回及格线 4) >30 ng/mL 绿色 充足 怎么办：每天400-800 IU，维持即可 - 这一部分的整体高度比例、卡片大小、图标样式、字体大小均与参考图保持一致，不做改动。 【第二部分（下半区）——重点突出，字号增大，行间距增加】 - 「找你的专属剂量」模块：这是整张图的重点内容，需要显著放大突出。 - 表格整体字号比第一部分的文字明显增大，行间距（每行高度）显著增加，表格更舒展、更易读。 - 表格包含5列：人群、基础推荐量（充足时）、不足时补充、缺乏时纠正、达标后维持 - 共8行人群数据，每行高度增加、行间距拉大： 1) 0~12月龄：400 IU/天 | 400~800 IU/天 | 2000 IU/天（6周）| 400~800 IU/天 2) 1~17岁：400 IU/天 | 600~1000 IU/天 | 2000 IU/天（6周）| 600~1000 IU/天 3) 普通成人（18~64岁）：400 IU/天 | 800~1000 IU/天 | 2000 IU/天（8~12周）| 400~800 IU/天 4) 减肥/肥胖人群：600~800 IU/天 | 1500~2000 IU/天 | 2000~4000 IU/天（12周）| 1000~2000 IU/天 5) 减重术后（分术式）：袖状胃1000~2000 IU/天 旁路术2000~3000 IU/天 | 2000~3000 IU/天 | 3000~5000 IU/天（3个月）| 按术式终身维持 6) 更年期女性：600~800 IU/天 | 800~1200 IU/天 | 1000~2000 IU/天（12周）| 800~1000 IU/天 7) 65岁以上老人：800~1000 IU/天 | 1000~1500 IU/天 | 1500~2000 IU/天（12周）| 800~1000 IU/天 8) 办公室白领：400~800 IU/天 | 800~1000 IU/天 | 1000~2000 IU/天（8~12周）| 400~800 IU/天 - 每行左侧保留对应人群的卡通小图标（婴儿、儿童、上班族、肥胖者、医生、更年期女性、老人、白领），与参考图风格一致。 - 表格用浅蓝白交替底色，表头蓝色背景白字，整体清晰易读。 【底部】 - 底部提示栏：盾牌+十字图标，文字「请在医生或营养师指导下检测和干预」 【整体要求】 - 第一部分（余额分级区）严格保持原比例和大小不变。 - 第二部分（剂量表格区）作为重点，字号明显增大、行间距显著增加，占据画面更大比例，更醒目突出。 - 整体竖版长图，信息完整，排版精美，医疗科普风格，清新专业。 - 画面中所有数字必须精确渲染，不得错位、遗漏或编造。 - 画面中所有信息区域和表格单元格必须填充完整内容，不得出现空白。
1pzvpmubravfh7hi-HB1pzvpmubravfh7hi-HB
1q0cbz2a2j-HB1q0cbz2a2j-HB
1q0h1un2txvt70tg-HB1q0h1un2txvt70tg-HB
1q0h1un2txvt70tg-HB1q0h1un2txvt70tg-HB
МойкомандирМойкомандир
МойкомандирМойкомандир
基于这张健康画像页面进行改版，保持整体清新浅绿渐变风格、圆角卡片设计、字体和配色风格完全一致。修改内容如下： 一、顶部区域改版： - 左侧保留圆形头像和「用户健康画像」标题及「31-40岁 | 女 | 行政办公」副标题，位置不变 - 移除左侧的橙色环形68分健康评分模块（整个环形评分圆圈删除） - 右侧原有的四个横向色块风险标签（久坐高风险红色、颈椎不适红色、睡眠偏少紫色、压力偏高黄色）保留原有样式，但因为左侧评分模块移除，标签区域向左扩展加宽，四个标签横向排列更舒展，标签样式（圆角矩形+图标+文字）保持不变 二、新增综合状态评级（放在风险标签下方）： - 在四个风险标签的下方，新增一行综合状态评级 - 黄色圆形图标 + 文字「综合状态：建议逐步调整」 - 文字下方有小字释义：「存在多项亚健康习惯，循序渐进改善」 - 整体居中或左对齐，视觉和谐 三、页面其余模块完全保持原样不动： - 身体状态模块（人体示意图、颈椎肩背红色标注、日均久坐6-8h高、疲劳程度明显高）完全保留 - 生活方式五维雷达图（运动、睡眠、饮食、压力、疲劳）及右侧分项列表完全保留 - 改善建议三大板块（立即改善、逐步调整、长期养成）完全保留 - 底部「查看详细改善方案」绿色按钮完全保留 整体UI风格：清新医疗健康风，浅绿渐变背景，圆角白色卡片，柔和配色，移动端竖版布局基于这张健康画像页面进行改版，保持整体清新浅绿渐变风格、圆角卡片设计、字体和配色风格完全一致。修改内容如下： 一、顶部区域改版： - 左侧保留圆形头像和「用户健康画像」标题及「31-40岁 | 女 | 行政办公」副标题，位置不变 - 移除左侧的橙色环形68分健康评分模块（整个环形评分圆圈删除） - 右侧原有的四个横向色块风险标签（久坐高风险红色、颈椎不适红色、睡眠偏少紫色、压力偏高黄色）保留原有样式，但因为左侧评分模块移除，标签区域向左扩展加宽，四个标签横向排列更舒展，标签样式（圆角矩形+图标+文字）保持不变 二、新增综合状态评级（放在风险标签下方）： - 在四个风险标签的下方，新增一行综合状态评级 - 黄色圆形图标 + 文字「综合状态：建议逐步调整」 - 文字下方有小字释义：「存在多项亚健康习惯，循序渐进改善」 - 整体居中或左对齐，视觉和谐 三、页面其余模块完全保持原样不动： - 身体状态模块（人体示意图、颈椎肩背红色标注、日均久坐6-8h高、疲劳程度明显高）完全保留 - 生活方式五维雷达图（运动、睡眠、饮食、压力、疲劳）及右侧分项列表完全保留 - 改善建议三大板块（立即改善、逐步调整、长期养成）完全保留 - 底部「查看详细改善方案」绿色按钮完全保留 整体UI风格：清新医疗健康风，浅绿渐变背景，圆角白色卡片，柔和配色，移动端竖版布局
GD757247043GD757247043
1q0cbz2a2j-HB1q0cbz2a2j-HB
МойкомандирМойкомандир
1pzvpmubravfh7hi-HB1pzvpmubravfh7hi-HB
1q0gm34tdf-HB1q0gm34tdf-HB
МойкомандирМойкомандир
МойкомандирМойкомандир
陈秀蕊陈秀蕊
医疗科普风竖版海报，9:16比例，清新干净的浅蓝白渐变背景，整体画风与参考图一致：卡通插画+圆角卡片+图标化表达，右上角配一位穿白大褂的女医生卡通插画（手持记录板，微笑亲切）。画面不留二维码占位。 【主标题区】 顶部大标题：「板块三：代谢路径·身体怎么处理它们」，左侧有蓝色竖条装饰，标题下方副标题：「一条流水线，两个"开关"」 【核心视觉区】 画面中央偏上位置：一个简洁的简笔画人体轮廓（侧面或正面均可，线条简洁），重点用彩色箭头和标签标出代谢路径：皮肤/嘴巴 → 肝脏 → 肾脏。人体轮廓用淡蓝色线条，肝脏和肾脏用彩色高亮标注（肝脏橙红色，肾脏深红色），箭头用流动感的虚线或实线表示转化方向。 【两条路径对比卡片】 人体轮廓下方分左右两张圆角卡片对比呈现： 左侧卡片（绿色系，安全路线）： 标题：「D2和D3的路径（普通人路线）」配太阳+食物小图标 内容： • 入口：吃进去或晒太阳合成 • 第一站（肝脏）：变成25-羟基维生素D（这就是我们抽血查的指标！） • 第二站（肾脏）：变成1,25-二羟基维生素D（这才是真正的"活性D"） • 特点：身体有调控机制，多了就不转化，安全，不会中毒 ✅ 右侧卡片（红色系，警示路线）： 标题：「活性维生素D的路径（VIP通道）」配药丸+闪电小图标 内容： • 入口：直接吃活性药（骨化三醇/阿法骨化醇） • 特点：绕过了肝肾的调控，吃多少用多少，没有"储备池" • 风险：极易导致高钙血症（血钙过高），必须在医生监控下吃 ⚠️ 【底部】 浅蓝底提示栏，带盾牌小图标，文字：「请在医生或营养师指导下检测和干预」 【硬约束】 - 画面中所有文字必须精确渲染，不得错位、遗漏或编造 - 画面中所有信息区域、卡片、说明文字必须填充完整合理的内容，不得出现空白框、空白占位 - 画面中不出现任何二维码或二维码占位符 - 人体轮廓简洁清晰，代谢路径标注明确，箭头流向直观 - 两条路径用不同色系区分（绿色=安全普通路线，红色=警示VIP路线） - 配色清新医疗风，主色浅蓝+白，字体清晰易读，层级分明，版式精美 - 整体风格与参考图（维生素D科普海报系列）保持高度一致医疗科普风竖版海报，9:16比例，清新干净的浅蓝白渐变背景，整体画风与参考图一致：卡通插画+圆角卡片+图标化表达，右上角配一位穿白大褂的女医生卡通插画（手持记录板，微笑亲切）。画面不留二维码占位。 【主标题区】 顶部大标题：「板块三：代谢路径·身体怎么处理它们」，左侧有蓝色竖条装饰，标题下方副标题：「一条流水线，两个"开关"」 【核心视觉区】 画面中央偏上位置：一个简洁的简笔画人体轮廓（侧面或正面均可，线条简洁），重点用彩色箭头和标签标出代谢路径：皮肤/嘴巴 → 肝脏 → 肾脏。人体轮廓用淡蓝色线条，肝脏和肾脏用彩色高亮标注（肝脏橙红色，肾脏深红色），箭头用流动感的虚线或实线表示转化方向。 【两条路径对比卡片】 人体轮廓下方分左右两张圆角卡片对比呈现： 左侧卡片（绿色系，安全路线）： 标题：「D2和D3的路径（普通人路线）」配太阳+食物小图标 内容： • 入口：吃进去或晒太阳合成 • 第一站（肝脏）：变成25-羟基维生素D（这就是我们抽血查的指标！） • 第二站（肾脏）：变成1,25-二羟基维生素D（这才是真正的"活性D"） • 特点：身体有调控机制，多了就不转化，安全，不会中毒 ✅ 右侧卡片（红色系，警示路线）： 标题：「活性维生素D的路径（VIP通道）」配药丸+闪电小图标 内容： • 入口：直接吃活性药（骨化三醇/阿法骨化醇） • 特点：绕过了肝肾的调控，吃多少用多少，没有"储备池" • 风险：极易导致高钙血症（血钙过高），必须在医生监控下吃 ⚠️ 【底部】 浅蓝底提示栏，带盾牌小图标，文字：「请在医生或营养师指导下检测和干预」 【硬约束】 - 画面中所有文字必须精确渲染，不得错位、遗漏或编造 - 画面中所有信息区域、卡片、说明文字必须填充完整合理的内容，不得出现空白框、空白占位 - 画面中不出现任何二维码或二维码占位符 - 人体轮廓简洁清晰，代谢路径标注明确，箭头流向直观 - 两条路径用不同色系区分（绿色=安全普通路线，红色=警示VIP路线） - 配色清新医疗风，主色浅蓝+白，字体清晰易读，层级分明，版式精美 - 整体风格与参考图（维生素D科普海报系列）保持高度一致
1pzvpmubravfh7hi-HB1pzvpmubravfh7hi-HB
[第3张] 详情页成分解析页 - 维生素与矿物质矩阵展示。本张使用【图1】作为商品主体（缩小展示）。 [氛围/风格] 专业科学风格，信息图表化，医疗保健品严谨感。 [元素布局] 画面顶部左侧小图展示产品瓶身，占比约15%；右侧为标题区；画面主体分为左右两大区域：左侧为维生素家族展示区，右侧为矿物质展示区；每个成分以圆形图标+名称+含量的形式呈现，排列整齐；背景为浅暖金色，成分图标有轻微发光效果；底部有一条信息分隔线。 [光影质感] 整体均匀柔光，图标有轻微浮起感，画面干净明亮。 [配色色系] 全局底色 #FDF8EC 极浅暖金；主色 #D4A843 金黄色标题栏；辅助色 #4A7C59 深绿（维生素区）、#B8860B 暗金（矿物质区）、白色图标底。 [视角构图] 上下分区 + 左右分栏，阅读动线从顶部标题 → 左侧维生素 → 右侧矿物质。 [文字版式] 顶部主标题「20+种营养素 科学配比」；左侧绿色标题栏「维生素家族」，下方列出：维生素A 750μg、维生素C 45mg、维生素D3 400IU、维生素E 10mg、维生素K 20μg、B1/B2/B6/B12、烟酸、叶酸、生物素、泛酸；右侧金色标题栏「矿物质矩阵」，下方列出：铁 9mg、碘 75μg、镁 50mg、锌 7.5mg、硒 50μg、铜 1mg、锰 1mg、铬 100μg、钼 38μg；每个成分名称加粗，含量小号标注。 [比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。 [负向提示词] 文字错乱，文字过小，数据错误，水印，背景杂乱，产品变形。[第3张] 详情页成分解析页 - 维生素与矿物质矩阵展示。本张使用【图1】作为商品主体（缩小展示）。 [氛围/风格] 专业科学风格，信息图表化，医疗保健品严谨感。 [元素布局] 画面顶部左侧小图展示产品瓶身，占比约15%；右侧为标题区；画面主体分为左右两大区域：左侧为维生素家族展示区，右侧为矿物质展示区；每个成分以圆形图标+名称+含量的形式呈现，排列整齐；背景为浅暖金色，成分图标有轻微发光效果；底部有一条信息分隔线。 [光影质感] 整体均匀柔光，图标有轻微浮起感，画面干净明亮。 [配色色系] 全局底色 #FDF8EC 极浅暖金；主色 #D4A843 金黄色标题栏；辅助色 #4A7C59 深绿（维生素区）、#B8860B 暗金（矿物质区）、白色图标底。 [视角构图] 上下分区 + 左右分栏，阅读动线从顶部标题 → 左侧维生素 → 右侧矿物质。 [文字版式] 顶部主标题「20+种营养素 科学配比」；左侧绿色标题栏「维生素家族」，下方列出：维生素A 750μg、维生素C 45mg、维生素D3 400IU、维生素E 10mg、维生素K 20μg、B1/B2/B6/B12、烟酸、叶酸、生物素、泛酸；右侧金色标题栏「矿物质矩阵」，下方列出：铁 9mg、碘 75μg、镁 50mg、锌 7.5mg、硒 50μg、铜 1mg、锰 1mg、铬 100μg、钼 38μg；每个成分名称加粗，含量小号标注。 [比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。 [负向提示词] 文字错乱，文字过小，数据错误，水印，背景杂乱，产品变形。
医学营养～慧美丽健康医学营养～慧美丽健康
1q0kv3cthw-HB1q0kv3cthw-HB
设计师花小白设计师花小白
妙黑师兄Sonny妙黑师兄Sonny
МойкомандирМойкомандир
设计师花小白设计师花小白
1q0gm34tdf-HB1q0gm34tdf-HB
GD187771382GD187771382
МойкомандирМойкомандир
参考图一的核心主题和数据对比版式，生成一张竖版电商主图，整体绿白配色，左上角的logo去掉，右上角OMVP logo也去掉。 具体要求： 1. 配色：整体绿白配色，清新专业风格，替代原图的橙红色系。背景为纯净的白色到极浅绿柔和渐变，干净明亮，与系列主图风格统一。 2. 顶部区域： - 左上角去掉盾牌+十字图标和"宠物复合维生素片"标签，保持空白 - 右上角去掉OMVP logo，保持空白 3. 主标题区域（左对齐）： - 第一行："科学严谨" 黑色超大粗体字 - 第二行："复合美标推荐营养值" 黑色超大粗体字 - 下方小字："含量越高越好?维生素A、D超标或可导致猫中毒" 黑色常规字，"维生素A、D"用深绿色突出 4. 数据对比卡片（左右双卡片叠加布局，橙色全部替换为绿色）： - 左侧前景卡片（白色圆角矩形，带轻微阴影）： · 四个维生素项目纵向排列，每个项目顶部有深绿色圆角胶囊标签，左右带箭头图标，内写白色文字：维生素A、维生素D、维生素E、维生素K · 每个项目下方有U型进度条（绿色），旁边AAFCO标识 · 数值文字：左侧深绿色大数字（如≥90000IU/kg），右侧灰色小字美标范围 · 底部小字："猫可以通过饮食和肠道菌获得足够的维生素K" 红色字改为深绿色字 - 右侧后景卡片（部分被遮挡）： · 顶部深绿色标签："维生素B族" 白色字 · 多行B族维生素数据，每行左侧深绿色数值（如≥90mg），中间绿色小胶囊标签（维生素B1等白色字），右侧灰色美标数值 5. 整体风格：清新、专业、数据感强的宠物保健品成分说明图，绿白配色干净清爽，所有橙红色元素替换为绿色系，左上角无logo，文字清晰可读，与系列主图风格统一。参考图一的核心主题和数据对比版式，生成一张竖版电商主图，整体绿白配色，左上角的logo去掉，右上角OMVP logo也去掉。 具体要求： 1. 配色：整体绿白配色，清新专业风格，替代原图的橙红色系。背景为纯净的白色到极浅绿柔和渐变，干净明亮，与系列主图风格统一。 2. 顶部区域： - 左上角去掉盾牌+十字图标和"宠物复合维生素片"标签，保持空白 - 右上角去掉OMVP logo，保持空白 3. 主标题区域（左对齐）： - 第一行："科学严谨" 黑色超大粗体字 - 第二行："复合美标推荐营养值" 黑色超大粗体字 - 下方小字："含量越高越好?维生素A、D超标或可导致猫中毒" 黑色常规字，"维生素A、D"用深绿色突出 4. 数据对比卡片（左右双卡片叠加布局，橙色全部替换为绿色）： - 左侧前景卡片（白色圆角矩形，带轻微阴影）： · 四个维生素项目纵向排列，每个项目顶部有深绿色圆角胶囊标签，左右带箭头图标，内写白色文字：维生素A、维生素D、维生素E、维生素K · 每个项目下方有U型进度条（绿色），旁边AAFCO标识 · 数值文字：左侧深绿色大数字（如≥90000IU/kg），右侧灰色小字美标范围 · 底部小字："猫可以通过饮食和肠道菌获得足够的维生素K" 红色字改为深绿色字 - 右侧后景卡片（部分被遮挡）： · 顶部深绿色标签："维生素B族" 白色字 · 多行B族维生素数据，每行左侧深绿色数值（如≥90mg），中间绿色小胶囊标签（维生素B1等白色字），右侧灰色美标数值 5. 整体风格：清新、专业、数据感强的宠物保健品成分说明图，绿白配色干净清爽，所有橙红色元素替换为绿色系，左上角无logo，文字清晰可读，与系列主图风格统一。
瓣花呀瓣花呀