创意预览图

校园餐校级管理移动端UI界面设计,智慧预算采购计划生成页面,手机竖屏界面,顶部蓝色导航栏显示时间10:09、WiFi和电池图标,中间白色标题文字"智慧预算",左侧返回箭头,右侧历史记录图标,导航栏下方

用户头像

1q5brjneeng...

2026.08.20
校园餐校级管理移动端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/数据/设置图标),整体蓝色主色调,白色卡片背景,圆角设计,与之前页面排版风格完全一致
[第2张] 顾客点餐界面展示页——小吃类菜单浏览与加购操作。本张使用【图1】作为点餐界面主体展示。 [氛围/风格] 简洁清爽APP界面展示风,突出操作便捷性,商业产品展示质感。 [元素布局] 左侧展示完整手机点餐界面截图,占比约60%,界面包含顶部搜索栏、左侧分类导航(小吃类/汤类/冰品类)、右侧商品列表(卤蛋¥2.00、肉沫蒸蛋¥6.00等)、底部点单/我的导航栏;右侧为功能说明区,配3个功能点图标与文字;背景为浅灰白渐变,界面带手机外框与轻微阴影。 [光影质感] 均匀柔光,界面清晰锐利,手机模型带自然投影,立体感强。 [配色色系] 全局底色 #F7F9FC 浅灰白;主色 #00B4D8 青蓝色(与APP主色一致);辅助色 #FF8C42 橙色点缀;文字深灰 #2D3748。 [视角构图] 正面平视,手机界面居中偏左,右侧文字说明区,阅读动线从左到右。 [文字版式] 右上主标题「丰富菜单 轻松点单」,副标题「分类清晰 快速找到想吃的」;右侧三个功能点:「多分类导航」「图文并茂」「一键加购」,每个配圆形图标+标题+简短说明,图标为青蓝色渐变;左下角标注页码「02」;文字清晰可读,不遮挡界面核心内容。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 界面变形,文字错乱,水印,商品图模糊,颜色偏差,界面元素缺失。[第2张] 顾客点餐界面展示页——小吃类菜单浏览与加购操作。本张使用【图1】作为点餐界面主体展示。
[氛围/风格] 简洁清爽APP界面展示风,突出操作便捷性,商业产品展示质感。
[元素布局] 左侧展示完整手机点餐界面截图,占比约60%,界面包含顶部搜索栏、左侧分类导航(小吃类/汤类/冰品类)、右侧商品列表(卤蛋¥2.00、肉沫蒸蛋¥6.00等)、底部点单/我的导航栏;右侧为功能说明区,配3个功能点图标与文字;背景为浅灰白渐变,界面带手机外框与轻微阴影。
[光影质感] 均匀柔光,界面清晰锐利,手机模型带自然投影,立体感强。
[配色色系] 全局底色 #F7F9FC 浅灰白;主色 #00B4D8 青蓝色(与APP主色一致);辅助色 #FF8C42 橙色点缀;文字深灰 #2D3748。
[视角构图] 正面平视,手机界面居中偏左,右侧文字说明区,阅读动线从左到右。
[文字版式] 右上主标题「丰富菜单 轻松点单」,副标题「分类清晰 快速找到想吃的」;右侧三个功能点:「多分类导航」「图文并茂」「一键加购」,每个配圆形图标+标题+简短说明,图标为青蓝色渐变;左下角标注页码「02」;文字清晰可读,不遮挡界面核心内容。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 界面变形,文字错乱,水印,商品图模糊,颜色偏差,界面元素缺失。