校园餐校级管理移动端UI界面设计，PC端与智能电子秤数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09-1q5brjneengrk3p6-HB-稿定 AI

创意预览图

校园餐校级管理移动端UI界面设计，PC端与智能电子秤数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"设备数据同步"，左侧返回箭头，右侧设置图标，

用户头像

1q5brjneeng...

2026.08.20

校园餐阳光公示端管理软件UI界面，移动端竖屏设计，蓝色科技风格，顶部蓝色导航栏标题为"数据同步管理"，左上角返回箭头，右上角设置图标。页面分为三个模块：第一个模块标题"同步状态概览"，显示蓝色刷新图标和"数据实时同步中"大字，下方显示最后同步时间2026-08-20 10:08:15，同步进度条100%。下方列出三个同步对象：1.PC端在线/已同步绿色对勾；2.智能电子秤食堂一/已连接/已同步绿色对勾；3.校级公示端已连接/同步中蓝色加载图标。第二个模块标题"同步数据记录"，显示今日数据记录列表，包含菜品名称、重量、时间、来源食堂等信息，每行右侧有同步状态图标。第三个模块标题"同步设置"，包含：设备管理（管理搭配对接电子秤）、自动同步开关（开关开启）、数据自动上传（开关开启）、异常数据预警（开关开启）、数据校准（点击校正时比校准数据），最下方蓝色按钮"手动同步数据"。整体UI简洁专业，蓝色主色调，卡片式布局，清晰的信息层级，管理系统风格

校园餐阳光公示端管理软件UI界面，移动端竖屏设计，蓝色科技风格，顶部蓝色导航栏标题为"数据同步管理"，左上角返回箭头，右上角设置图标。页面分为三个模块：第一个模块标题"同步状态概览"，显示蓝色刷新图标和"数据实时同步中"大字，下方显示最后同步时间2026-08-20 10:08:15，同步进度条100%。下方列出三个同步对象：1.PC端在线/已同步绿色对勾；2.智能电子秤食堂一/已连接/已同步绿色对勾；3.校级公示端已连接/同步中蓝色加载图标。第二个模块标题"同步数据记录"，显示今日数据记录列表，包含菜品名称、重量、时间、来源食堂等信息，每行右侧有同步状态图标。第三个模块标题"同步设置"，包含：设备管理（管理搭配对接电子秤）、自动同步开关（开关开启）、数据自动上传（开关开启）、异常数据预警（开关开启）、数据校准（点击校正时比校准数据），最下方蓝色按钮"手动同步数据"。整体UI简洁专业，蓝色主色调，卡片式布局，清晰的信息层级，管理系统风格

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据已同步"，上次同步时间"2026-08-20 10:05:32"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、移动端（手机图标，当前设备/已同步）、小程序（小程序图标，在线/已同步），每个卡片右侧有绿色对勾状态标识，第二部分为"同步数据项管理"标题，显示可同步的数据项列表，每项带开关按钮，包括：食堂基础信息（开启）、供货商信息（开启）、人员信息（开启）、每日就餐信息（开启）、陪餐记录（开启）、食谱营养数据（开启）、采购订单数据（开启）、财务报表数据（开启），第三部分为"同步设置"标题，包含同步模式选择（自动同步/手动同步，带刷新图标）、同步频率设置（实时/每小时/每天，带时钟图标）、流量同步开关（仅WiFi下同步，带WiFi图标），底部蓝色圆角"立即同步所有数据"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，数据同步管理页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"数据同步"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"同步状态概览"标题，显示大型同步状态图标和文字"数据已同步"，上次同步时间"2026-08-20 10:05:32"，同步进度条显示100%，下方显示三个终端设备卡片：PC端（电脑图标，在线/已同步）、移动端（手机图标，当前设备/已同步）、小程序（小程序图标，在线/已同步），每个卡片右侧有绿色对勾状态标识，第二部分为"同步数据项管理"标题，显示可同步的数据项列表，每项带开关按钮，包括：食堂基础信息（开启）、供货商信息（开启）、人员信息（开启）、每日就餐信息（开启）、陪餐记录（开启）、食谱营养数据（开启）、采购订单数据（开启）、财务报表数据（开启），第三部分为"同步设置"标题，包含同步模式选择（自动同步/手动同步，带刷新图标）、同步频率设置（实时/每小时/每天，带时钟图标）、流量同步开关（仅WiFi下同步，带WiFi图标），底部蓝色圆角"立即同步所有数据"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

参考图例的UI设计风格，生成小程序端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和智能电子秤两个设备图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

参考图例的UI设计风格，生成小程序端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和智能电子秤两个设备图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

1q5brjneengrk3p6-HB

参考这张采购订单APP界面的蓝色风格、顶部导航栏样式、卡片布局、字体和圆角设计，生成一个"数据同步管理"的手机UI界面。顶部导航栏标题为"数据同步"，右侧有同步状态图标。三个tab改为"同步设置""同步记录""设备管理"，当前在"同步设置"。第一个卡片模块标题"多端同步概览"，显示三个设备状态：PC端（在线，已同步）、小程序（在线，已同步）、手机APP（在线，已同步），每个设备带图标和最后同步时间。第二个卡片模块标题"同步数据类型"，列出可同步的数据项，每项带开关按钮：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，开关全部为开启状态。第三个卡片模块标题"同步设置"，包含：自动同步（开关开启）、同步频率（每30分钟）、仅WiFi下同步（开关开启）、同步提醒（开关开启）。第四个卡片模块标题"上次同步记录"，显示：同步时间2023-11-20 10:05、同步数据量256条、同步状态成功、耗时2.3秒。底部有一个蓝色大按钮"立即同步"带刷新图标。底部tab栏保持：首页、采购订单、供货商、我的，当前选中采购订单。整体风格、颜色、卡片圆角、间距完全对齐参考图。

参考这张采购订单APP界面的蓝色风格、顶部导航栏样式、卡片布局、字体和圆角设计，生成一个"数据同步管理"的手机UI界面。顶部导航栏标题为"数据同步"，右侧有同步状态图标。三个tab改为"同步设置""同步记录""设备管理"，当前在"同步设置"。第一个卡片模块标题"多端同步概览"，显示三个设备状态：PC端（在线，已同步）、小程序（在线，已同步）、手机APP（在线，已同步），每个设备带图标和最后同步时间。第二个卡片模块标题"同步数据类型"，列出可同步的数据项，每项带开关按钮：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，开关全部为开启状态。第三个卡片模块标题"同步设置"，包含：自动同步（开关开启）、同步频率（每30分钟）、仅WiFi下同步（开关开启）、同步提醒（开关开启）。第四个卡片模块标题"上次同步记录"，显示：同步时间2023-11-20 10:05、同步数据量256条、同步状态成功、耗时2.3秒。底部有一个蓝色大按钮"立即同步"带刷新图标。底部tab栏保持：首页、采购订单、供货商、我的，当前选中采购订单。整体风格、颜色、卡片圆角、间距完全对齐参考图。

1q5brjneengrk3p6-HB

删除这张数据同步界面底部的"立即同步"蓝色按钮，保持其他所有内容、布局、颜色、文字完全不变，底部tab栏正常显示。

删除这张数据同步界面底部的"立即同步"蓝色按钮，保持其他所有内容、布局、颜色、文字完全不变，底部tab栏正常显示。

1q5brjneengrk3p6-HB

参考图例的UI设计风格，生成小程序端与校级公示端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和校级公示端两个设备图标，校级公示端使用公示/公告栏图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时，右侧配有记录清单图标。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

参考图例的UI设计风格，生成小程序端与校级公示端数据同步界面，竖版9:16手机比例。界面顶部为蓝色导航栏，左侧有返回箭头，中间标题为"数据同步"，右侧显示同步状态按钮。下方有三个标签页：同步设置、同步记录、设备管理，当前选中"同步设置"。主体区域从上到下依次排列四个白色圆角卡片模块：1.多端同步概览模块，展示PC端和校级公示端两个设备图标，校级公示端使用公示/公告栏图标，均显示在线、已同步状态及最后同步时间；2.同步数据类型模块，左右两列排列开关选项：采购订单、供货商信息、食材库、食谱数据、营养分析、库存数据、财务数据，全部为蓝色开启状态；3.同步设置模块，包含自动同步开关、仅WiFi下同步开关、同步频率下拉选择、同步提醒开关；4.上次同步记录模块，显示同步时间、同步数据量、同步状态成功（绿色）、耗时，右侧配有记录清单图标。整体采用浅紫到浅蓝渐变背景，卡片为白色圆角，UI风格简洁现代，与参考图例视觉风格完全一致，适配手机小程序竖屏布局。

1q5brjneengrk3p6-HB

运动数据app

运动数据app

将这张食谱管理APP界面图片变得更加清晰，提升分辨率和画质，保持所有文字、图标、布局和颜色完全不变，增强细节锐度，让界面元素更清晰锐利

将这张食谱管理APP界面图片变得更加清晰，提升分辨率和画质，保持所有文字、图标、布局和颜色完全不变，增强细节锐度，让界面元素更清晰锐利

1q5brjneengrk3p6-HB

软件名字为"尚动S-do"，参考原参考图的简约干净设计风格，生成健身数据分析页面，顶部显示本周运动总数据，包含运动时长、完成课程数、消耗卡路里，中部展示每日运动数据折线图和课程完成统计，下方展示近期运动记录列表，采用低饱和冷调配色符合运动主题，整体保持简约现代UI设计风格

软件名字为"尚动S-do"，参考原参考图的简约干净设计风格，生成健身数据分析页面，顶部显示本周运动总数据，包含运动时长、完成课程数、消耗卡路里，中部展示每日运动数据折线图和课程完成统计，下方展示近期运动记录列表，采用低饱和冷调配色符合运动主题，整体保持简约现代UI设计风格

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐健康管理与营养推荐软件UI界面，完全按照参考图的排版风格设计，手机竖屏9:16比例。顶部导航栏，标题"营养健康管理"，左侧返回，右侧日期选择。下方Tab切换标签（营养分析/食材摄入/营养推荐）。主体内容：顶部今日营养摄入总览卡片，显示热量、蛋白质、脂肪、碳水化合物、维生素、矿物质等核心指标，每项有实际摄入量/推荐摄入量对比进度条。中间营养指标分析环形图，展示各营养素占比和达标情况。下方食材种类摄入量列表，卡片式布局，按谷薯类、蔬菜水果类、畜禽鱼蛋奶类、大豆坚果类、油脂盐类分类，每项显示实际摄入量、推荐量、达标状态。底部有营养推荐建议卡片，给出个性化饮食建议。整体蓝色商务风格，与参考图排版完全一致，数据可视化丰富，高保真UI

校园餐校级管理移动端UI界面设计，健康管理与营养推荐页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"营养健康管理"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"营养概览"标题，显示今日营养摄入环形进度图，包含热量（千卡）、蛋白质（克）、脂肪（克）、碳水化合物（克）、维生素（毫克）、矿物质（毫克）六项指标，每项显示摄入量和达标百分比，进度条用不同颜色区分，第二部分为"食材摄入分析"标题，显示食材分类摄入量柱状图或列表，包含谷薯类、蔬菜水果类、畜禽肉蛋类、大豆坚果类、油脂类五大类，每类显示实际摄入量/推荐摄入量，带对应食材图标，第三部分为"营养推荐"标题，显示AI智能推荐卡片，如"今日建议增加蔬菜摄入，推荐添加西兰花、菠菜等绿叶蔬菜"，带灯泡图标，底部蓝色圆角"查看详细报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，健康管理与营养推荐页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"营养健康管理"，左侧返回箭头，右侧设置图标，导航栏下方为白色圆角卡片内容区域，第一部分为"营养概览"标题，显示今日营养摄入环形进度图，包含热量（千卡）、蛋白质（克）、脂肪（克）、碳水化合物（克）、维生素（毫克）、矿物质（毫克）六项指标，每项显示摄入量和达标百分比，进度条用不同颜色区分，第二部分为"食材摄入分析"标题，显示食材分类摄入量柱状图或列表，包含谷薯类、蔬菜水果类、畜禽肉蛋类、大豆坚果类、油脂类五大类，每类显示实际摄入量/推荐摄入量，带对应食材图标，第三部分为"营养推荐"标题，显示AI智能推荐卡片，如"今日建议增加蔬菜摄入，推荐添加西兰花、菠菜等绿叶蔬菜"，带灯泡图标，底部蓝色圆角"查看详细报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，智慧预算采购计划生成页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"智慧预算"，左侧返回箭头，右侧历史记录图标，导航栏下方为白色圆角卡片内容区域，第一部分为"预算参数设置"标题，包含预算日期选择器（带日历图标）、所属食堂下拉选择（带建筑图标）、餐次选择（早餐/午餐/晚餐/全天，带餐具图标）、预计就餐人数输入框（带用户图标，提示文字"请输入预计就餐人数"）、人均摄入量标准选择（带天平图标，标准/营养/定制）、预算类型下拉选择（日预算/周预算/月预算，带图表图标），第二部分为"智能生成结果"标题，显示自动生成的采购计划单，包含食材分类列表（蔬菜类/肉类/粮油类/调料类），每类显示食材名称、预估用量、单位，如"大白菜 50kg""猪肉 30kg""大米 80kg"，列表项带食材图标，底部有"AI智能生成"标识和计算说明，底部蓝色圆角"生成采购计划单"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

健康饮水提醒小程序首页，饮水记录模块页面设计，核心元素是进度水球显示已饮水/目标水量，大中小杯快捷添加按钮，支持自定义饮水量，包含今日饮水记录列表，有撤回编辑功能，整体风格清新简约浅蓝色调，UI现代简洁

健康饮水提醒小程序首页，饮水记录模块页面设计，核心元素是进度水球显示已饮水/目标水量，大中小杯快捷添加按钮，支持自定义饮水量，包含今日饮水记录列表，有撤回编辑功能，整体风格清新简约浅蓝色调，UI现代简洁

校园餐校级管理移动端UI界面设计，自主食谱制定与营养分析页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"食谱管理"，左侧返回箭头，右侧保存图标，导航栏下方为白色圆角卡片内容区域，第一部分为"食谱基本信息"标题，包含食谱名称输入框（带书本图标）、适用餐次选择（早餐/午餐/晚餐，带餐具图标）、适用人群选择（学生/教师/全体，带用户图标）、制定日期选择器（带日历图标），第二部分为"食谱菜品列表"标题，显示已添加菜品列表，每项带菜品名称、份量、加号添加按钮，如"红烧肉 200g""清炒时蔬 150g""米饭 100g"，底部有"+ 添加菜品"按钮，第三部分为"营养分析结果"标题，显示营养成分数据：热量、蛋白质、脂肪、碳水、钠含量，每项带数值和参考值对比，第四部分为"健康预警"标题，红色预警卡片显示"⚠️ 高油预警：本食谱脂肪含量超标35%，建议减少油炸类菜品"，橙色预警显示"⚠️ 高盐预警：钠含量超标20%，建议减少酱油和盐的使用量"，底部蓝色圆角"保存并生成报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

校园餐校级管理移动端UI界面设计，自主食谱制定与营养分析页面，手机竖屏界面，顶部蓝色导航栏显示时间10:09、WiFi和电池图标，中间白色标题文字"食谱管理"，左侧返回箭头，右侧保存图标，导航栏下方为白色圆角卡片内容区域，第一部分为"食谱基本信息"标题，包含食谱名称输入框（带书本图标）、适用餐次选择（早餐/午餐/晚餐，带餐具图标）、适用人群选择（学生/教师/全体，带用户图标）、制定日期选择器（带日历图标），第二部分为"食谱菜品列表"标题，显示已添加菜品列表，每项带菜品名称、份量、加号添加按钮，如"红烧肉 200g""清炒时蔬 150g""米饭 100g"，底部有"+ 添加菜品"按钮，第三部分为"营养分析结果"标题，显示营养成分数据：热量、蛋白质、脂肪、碳水、钠含量，每项带数值和参考值对比，第四部分为"健康预警"标题，红色预警卡片显示"⚠️ 高油预警：本食谱脂肪含量超标35%，建议减少油炸类菜品"，橙色预警显示"⚠️ 高盐预警：钠含量超标20%，建议减少酱油和盐的使用量"，底部蓝色圆角"保存并生成报告"按钮，底部Tab导航栏（首页/Management/数据/设置图标），整体蓝色主色调，白色卡片背景，圆角设计，与之前页面排版风格完全一致

1q5brjneengrk3p6-HB

设计“银龄·康语”小程序的健康档案功能界面，延续统一设计语言：白色背景，浅灰色分割，浅蓝色为基准色，红色和橙色作为强调色，保持信息极简聚焦核心，无多余装饰元素。从上到下布局：顶部导航，左侧返回箭头+“< 返回”文字，中央大标题“健康档案”旁配折线图图标；标题下方浅蓝色背景圆角大卡片核心数据总览，左右并列显示两个关键数据：左侧大号数字“132/85”，下方标签“最新血压”，数字下方红色向下箭头+小字“较昨日+2”；右侧大号数字“65.5kg”，下方标签“最新体重”，绿色向上箭头+小字“较昨日-0.3”；健康趋势分析模块，加粗模块标题“健康趋势”，下方两个大按钮标签“本周”（选中态浅蓝色填充）和“本月”（未选中态仅边框）；趋势可视化区，血压趋势图为高度简化折线图，仅保留蓝色高压平滑曲线和坐标轴，曲线上最高点用醒目的红色圆点标注，引出标签框写“最高：152”；血压图下方为体重趋势图，简化柱状图，蓝色柱子表示体重，其中一根超高柱子用橙色填充，引出标签“68kg”；异常警报记录模块，模块标题“异常警报记录”左侧配红色铃铛图标，包含两条记录：第一条左侧红色感叹号圆形图标，中间文字“血压高压152”，右侧时间“10/21 上午”，整条背景带轻微红色高光；第二条左侧橙色感叹号圆形图标，中间文字“体重68kg”，右侧时间“10/18 下午”；每条记录下方灰色小字提示“点击查看AI建议”；屏幕底部固定浅灰色语音查询输入框，预设文字“您可以问‘我这一周血压怎么样？’”，右侧配麦克风图标。要求：趋势图去掉复杂网格和刻度，只保留核心线柱和异常点标注，严格颜色编码红色代表血压异常、橙色代表体重预警，清晰区分三个信息层级，高清写实UI数据仪表盘设计风格，和前两个界面保持系列统一性，专业级清晰度，图表和文字清晰可辨。

设计“银龄·康语”小程序的健康档案功能界面，延续统一设计语言：白色背景，浅灰色分割，浅蓝色为基准色，红色和橙色作为强调色，保持信息极简聚焦核心，无多余装饰元素。从上到下布局：顶部导航，左侧返回箭头+“< 返回”文字，中央大标题“健康档案”旁配折线图图标；标题下方浅蓝色背景圆角大卡片核心数据总览，左右并列显示两个关键数据：左侧大号数字“132/85”，下方标签“最新血压”，数字下方红色向下箭头+小字“较昨日+2”；右侧大号数字“65.5kg”，下方标签“最新体重”，绿色向上箭头+小字“较昨日-0.3”；健康趋势分析模块，加粗模块标题“健康趋势”，下方两个大按钮标签“本周”（选中态浅蓝色填充）和“本月”（未选中态仅边框）；趋势可视化区，血压趋势图为高度简化折线图，仅保留蓝色高压平滑曲线和坐标轴，曲线上最高点用醒目的红色圆点标注，引出标签框写“最高：152”；血压图下方为体重趋势图，简化柱状图，蓝色柱子表示体重，其中一根超高柱子用橙色填充，引出标签“68kg”；异常警报记录模块，模块标题“异常警报记录”左侧配红色铃铛图标，包含两条记录：第一条左侧红色感叹号圆形图标，中间文字“血压高压152”，右侧时间“10/21 上午”，整条背景带轻微红色高光；第二条左侧橙色感叹号圆形图标，中间文字“体重68kg”，右侧时间“10/18 下午”；每条记录下方灰色小字提示“点击查看AI建议”；屏幕底部固定浅灰色语音查询输入框，预设文字“您可以问‘我这一周血压怎么样？’”，右侧配麦克风图标。要求：趋势图去掉复杂网格和刻度，只保留核心线柱和异常点标注，严格颜色编码红色代表血压异常、橙色代表体重预警，清晰区分三个信息层级，高清写实UI数据仪表盘设计风格，和前两个界面保持系列统一性，专业级清晰度，图表和文字清晰可辨。

1qzf34nxp4-OmqOw-HB

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

生成微信小程序扫码启动页UI（纯屏幕内容），比例9:16，2K分辨率。背景浅蓝灰渐变（#E8F2FA → #DDECF7）。顶部为微信标准导航栏：左返回箭头，居中标题‘扫码启动设备’（16px黑体）。中部为微信原生风格扫码框——白色圆角矩形，内含虚线定位框与扫描线动画示意（仅静态图表现），尺寸适配手机摄像头远距识别。扫码框下方小字：‘对准设备机身二维码，快速启动’（14px #555）。底部居中备用入口：‘手动输入设备编号’（14px #777，右侧带>箭头），点击后触发输入框。无边框、无装饰、无冗余元素，严格遵循微信小程序交互规范，确保扫码引导清晰高效。

参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格，重新生成一个智慧园区设备管理APP页面，手机竖屏界面，顶部状态栏显示时间9:41和信号电量图标。页面结构如下： 1. 顶部横向Tab栏：区分三大业务模块「设备」「安全」「能耗」，当前停留「设备」板块并高亮显示。 2. 顶部筛选信息栏（蓝色通栏卡片）： - 空间选择器：演示园区 / 1号楼 / 3层，带下拉箭头可切换楼栋楼层 - 运行等级：A级 - 数据更新时间：06-24 15:36 - 统计周期切换：今日 / 近7天 / 近30天，默认选中「今日」高亮 - 右上角有刷新按钮 3. 核心指标四宫格（关键KPI卡片，圆角白色卡片）： - 设备总数：126台，小字说明当前空间纳管全部设备数量 - 在线率：94.4%，小字标注较昨日上升1.2%（绿色向上箭头代表向好） - 故障设备：7台，小字标注其中2台待处理（红色警示，重点工单） - 离线设备：5台，小字标注最长离线时长41天（黄色预警） 4. 设备状态分布·环形饼图模块： - 标题：设备状态分布 - 环形饼图展示四类状态占比：在线119台（绿色主体）、维保中8台（橙色）、故障7台（红色）、离线5台（浅灰色） - 右侧图文对照图例说明 5. 设备事件趋势柱状图模块： - 标题：设备事件趋势（今日） - 不同颜色柱子区分事件类型，展示全天不同时段设备事件发生频次，红色柱体有明显峰值代表故障类事件集中时段色彩预警体系：绿色代表正常向好，橙色代表维保提醒，红色代表故障高危，灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格，界面简洁现代，数据清晰易读，符合运维人员浏览习惯。

参考图片的清新浅蓝渐变天空白云、圆角卡片、青蓝渐变主色调、轻盈通透的APP界面风格，重新生成一个智慧园区设备管理APP页面，手机竖屏界面，顶部状态栏显示时间9:41和信号电量图标。

页面结构如下：
1. 顶部横向Tab栏：区分三大业务模块「设备」「安全」「能耗」，当前停留「设备」板块并高亮显示。
2. 顶部筛选信息栏（蓝色通栏卡片）：
- 空间选择器：演示园区 / 1号楼 / 3层，带下拉箭头可切换楼栋楼层
- 运行等级：A级
- 数据更新时间：06-24 15:36
- 统计周期切换：今日 / 近7天 / 近30天，默认选中「今日」高亮
- 右上角有刷新按钮
3. 核心指标四宫格（关键KPI卡片，圆角白色卡片）：
- 设备总数：126台，小字说明当前空间纳管全部设备数量
- 在线率：94.4%，小字标注较昨日上升1.2%（绿色向上箭头代表向好）
- 故障设备：7台，小字标注其中2台待处理（红色警示，重点工单）
- 离线设备：5台，小字标注最长离线时长41天（黄色预警）
4. 设备状态分布·环形饼图模块：
- 标题：设备状态分布
- 环形饼图展示四类状态占比：在线119台（绿色主体）、维保中8台（橙色）、故障7台（红色）、离线5台（浅灰色）
- 右侧图文对照图例说明
5. 设备事件趋势柱状图模块：
- 标题：设备事件趋势（今日）
- 不同颜色柱子区分事件类型，展示全天不同时段设备事件发生频次，红色柱体有明显峰值代表故障类事件集中时段

色彩预警体系：绿色代表正常向好，橙色代表维保提醒，红色代表故障高危，灰色代表离线闲置。整体保持参考图的清新柔和、圆角卡片、渐变色彩、轻盈通透的UI设计风格，界面简洁现代，数据清晰易读，符合运维人员浏览习惯。

1r98gbqoauWgptiQ-HB

设计前端App助手详情页UI界面，主色为科技蓝#1677ff，包含运行信息区域，显示IP地址、运行时长、资源占用，有重启、重置、查看日志、停用操作按钮，还有使用统计区域，展示近期使用频率、资源消耗趋势，整体风格简洁现代，符合科技产品UI设计

设计前端App助手详情页UI界面，主色为科技蓝#1677ff，包含运行信息区域，显示IP地址、运行时长、资源占用，有重启、重置、查看日志、停用操作按钮，还有使用统计区域，展示近期使用频率、资源消耗趋势，整体风格简洁现代，符合科技产品UI设计

移动端闹钟APP计时器Tab页面设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。页面中心是圆形倒计时表盘，带时分秒显示；下方有可输入时分秒的区域，以及开始、暂停、重置三个功能按钮。底部保留四个Tab导航：闹钟 / 计时器 / 秒表 / 就寝，当前选中计时器。分层规范，组件化拆分，界面简洁清晰

移动端闹钟APP计时器Tab页面设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。页面中心是圆形倒计时表盘，带时分秒显示；下方有可输入时分秒的区域，以及开始、暂停、重置三个功能按钮。底部保留四个Tab导航：闹钟 / 计时器 / 秒表 / 就寝，当前选中计时器。分层规范，组件化拆分，界面简洁清晰

参考原图的清新简约UI设计风格，生成设备运维APP首页界面： 1. 顶部状态栏：显示时间15:28，包含移动信号、WiFi和电量图标 2. 用户信息区：头像是紫色圆形标识，内含"超"字，账号名"超级管理员"，所属部门"技术部・设备运维组"，右上角有搜索按钮和消息通知按钮，消息按钮带红色角标显示"18" 3. 核心运行数据概览区：3张并列数据卡片，蓝色主题设备卡片显示"在线设备：18/21台故障设备：3台"，绿色主题安全卡片显示"AI值守摄像头：12路今日安全事件：2起"，橙色主题能耗卡片显示"今日用能：1,284 kWh 碳排量：0.73 t" 4. 常用功能入口区：2行4列宫格布局，共8个功能入口：第一行从左到右：设备管理、设备体检、楼宇态势、设备处置；第二行从左到右：设备维保、AI值守、设备巡检、能耗管理 5. 业务提醒横幅区：分类标签"安全值守"，标题"AI摄像头布防提醒"，说明文字"核对重点区域摄像头在线与告警状态"，横向卡片横幅搭配监控场景背景图 6. 待办事项区：区域标题"待办事项"，右侧带"流程中心 >"跳转入口，第一条待办工单（设备维保类）状态"待处置"，工单名称"摄像头 CAM-023 年度维保"，明细"编号 WB260506010、类型零星维修、对应设备摄像头 - 1"，负责人"超级管理员"，创建时间"2026-05-26 11:19"，第二条仅露出"设备巡检"分类头部，内容被底部导航遮挡 7. 底部主导航栏：共5个Tab入口，当前停留在蓝色高亮的"首页"，依次是：首页（当前选中）、设备、紫蓝渐变圆形主快捷按钮、工作台（右上角红点未读提示）、我的整体保持清新干净的现代UI设计风格，浅蓝渐变背景，信息分区清晰，层次分明

参考原图的清新简约UI设计风格，生成设备运维APP首页界面：
1. 顶部状态栏：显示时间15:28，包含移动信号、WiFi和电量图标
2. 用户信息区：头像是紫色圆形标识，内含"超"字，账号名"超级管理员"，所属部门"技术部・设备运维组"，右上角有搜索按钮和消息通知按钮，消息按钮带红色角标显示"18"
3. 核心运行数据概览区：3张并列数据卡片，蓝色主题设备卡片显示"在线设备：18/21台故障设备：3台"，绿色主题安全卡片显示"AI值守摄像头：12路今日安全事件：2起"，橙色主题能耗卡片显示"今日用能：1,284 kWh 碳排量：0.73 t"
4. 常用功能入口区：2行4列宫格布局，共8个功能入口：第一行从左到右：设备管理、设备体检、楼宇态势、设备处置；第二行从左到右：设备维保、AI值守、设备巡检、能耗管理
5. 业务提醒横幅区：分类标签"安全值守"，标题"AI摄像头布防提醒"，说明文字"核对重点区域摄像头在线与告警状态"，横向卡片横幅搭配监控场景背景图
6. 待办事项区：区域标题"待办事项"，右侧带"流程中心 >"跳转入口，第一条待办工单（设备维保类）状态"待处置"，工单名称"摄像头 CAM-023 年度维保"，明细"编号 WB260506010、类型零星维修、对应设备摄像头 - 1"，负责人"超级管理员"，创建时间"2026-05-26 11:19"，第二条仅露出"设备巡检"分类头部，内容被底部导航遮挡
7. 底部主导航栏：共5个Tab入口，当前停留在蓝色高亮的"首页"，依次是：首页（当前选中）、设备、紫蓝渐变圆形主快捷按钮、工作台（右上角红点未读提示）、我的
整体保持清新干净的现代UI设计风格，浅蓝渐变背景，信息分区清晰，层次分明

68pb4jxcdatzUNQ-HB

68pb4jxcdatzUNQ-HB