创意预览图

校园餐县级管理平台 - 角色管理页面,现代化B端后台管理系统UI设计。左侧深蓝色侧边栏导航,顶部导航栏有搜索、通知、用户头像。主内容区标题为"角色管理",副标题"管理系统角色及权限分配"。页面上方有"

用户头像

1rcmd4bubuD...

2026.08.20
AI写作工作台后台管理首页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感,后台管理视觉感受。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"后台首页"为深蓝色背景白色文字,其他菜单项依次为"框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限管理",分割线后"返回前台"。右侧白色内容区:顶部大号深蓝色粗体标题"后台管理",右侧小字"管理员:吴建旭"。系统状态卡片区:四个横向排列淡灰色背景圆角统计卡片,卡片1标题"写作框架"内容"5个"小字"已启用",卡片2标题"知识库条目"内容"1,250条"小字"覆盖6个核心库",卡片3标题"用户账号"内容"3个"小字"1管理员,2编辑者",卡片4标题"文章总量"内容"78篇"小字"本月新增15篇"。快捷管理入口区:小标题"快捷管理操作"中号深灰色粗体,下方四个横向排列快捷入口卡片,"管理框架"描述"创建、编辑、删除写作框架,配置提示词和关联知识库"右侧小箭头;"管理知识库"描述"维护战略库、观点库、案例库等核心知识资产"右侧小箭头;"用户权限"描述"新增编辑者,管理账号权限"右侧小箭头;"上传文章"描述"批量上传存量文章,执行智能拆解"右侧小箭头。底部区域:小标题"最近操作日志"深灰色粗体,极简表格三条日志:"2026-08-01 10:30 | 吴建旭 | 新增框架:采访提炼","2026-08-01 09:15 | 吴建旭 | 编辑知识库条目:苏州别墅网络盲区","2026-07-31 18:00 | 张助理 | 上传文章:什么是靠谱的供应链?.md"。所有文字清晰可读,模拟真实软件后台界面,严谨高效安全,无卡通花哨元素。AI写作工作台后台管理首页UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感,后台管理视觉感受。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"后台首页"为深蓝色背景白色文字,其他菜单项依次为"框架管理""知识库管理""平台适配配置""文章上传与拆解""用户权限管理",分割线后"返回前台"。右侧白色内容区:顶部大号深蓝色粗体标题"后台管理",右侧小字"管理员:吴建旭"。系统状态卡片区:四个横向排列淡灰色背景圆角统计卡片,卡片1标题"写作框架"内容"5个"小字"已启用",卡片2标题"知识库条目"内容"1,250条"小字"覆盖6个核心库",卡片3标题"用户账号"内容"3个"小字"1管理员,2编辑者",卡片4标题"文章总量"内容"78篇"小字"本月新增15篇"。快捷管理入口区:小标题"快捷管理操作"中号深灰色粗体,下方四个横向排列快捷入口卡片,"管理框架"描述"创建、编辑、删除写作框架,配置提示词和关联知识库"右侧小箭头;"管理知识库"描述"维护战略库、观点库、案例库等核心知识资产"右侧小箭头;"用户权限"描述"新增编辑者,管理账号权限"右侧小箭头;"上传文章"描述"批量上传存量文章,执行智能拆解"右侧小箭头。底部区域:小标题"最近操作日志"深灰色粗体,极简表格三条日志:"2026-08-01 10:30 | 吴建旭 | 新增框架:采访提炼","2026-08-01 09:15 | 吴建旭 | 编辑知识库条目:苏州别墅网络盲区","2026-07-31 18:00 | 张助理 | 上传文章:什么是靠谱的供应链?.md"。所有文字清晰可读,模拟真实软件后台界面,严谨高效安全,无卡通花哨元素。
生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,整体为AI写作工作台的设计体系,是偏数据管理和控制感的管理员后台页面。 页面布局: 1. 左侧宽度占15%,为侧边导航栏,顶部显示平台Logo和“智宅焕管理后台”文字,菜单项依次为:订单管理、服务产品配置(当前选中项,高亮显示)、师傅管理、提现审核、系统设置。 2. 右侧为内容区,分为上下两个区域: - 上半部分为服务列表:顶部标题文字“服务产品管理”,右侧有一个主色高亮的“+ 新增服务”按钮;下方是服务列表表格,列标题为:服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作;表格内展示3-4条示例数据行,每行右侧有“编辑”和“停用/启用”按钮,服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。 - 下半部分为编辑表单区,标题文字“新增/编辑服务产品”;表单字段从上到下依次为:服务名称输入框,服务模式下拉选择框(选项:远程服务、现场服务),远程费开关(标注仅选择“现场服务”时出现,含开关按钮和说明文字输入框),开放城市城市选择器(标注仅现场服务时必填,远程服务时自动隐藏),计价方式下拉选择框(选项:一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量),单价数字输入框,计价单位输入框(占位示例:套/次/天),数量选择开关按钮,服务详情大高度富文本编辑区;表单底部有“保存”按钮和“取消”按钮。 通过标注文字示意表单区域的字段联动关系,整体要体现功能完整的配置后台,所有文字清晰可见,使用无衬线字体,UI风格专业整洁。生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,整体为AI写作工作台的设计体系,是偏数据管理和控制感的管理员后台页面。
页面布局:
1. 左侧宽度占15%,为侧边导航栏,顶部显示平台Logo和“智宅焕管理后台”文字,菜单项依次为:订单管理、服务产品配置(当前选中项,高亮显示)、师傅管理、提现审核、系统设置。
2. 右侧为内容区,分为上下两个区域:
- 上半部分为服务列表:顶部标题文字“服务产品管理”,右侧有一个主色高亮的“+ 新增服务”按钮;下方是服务列表表格,列标题为:服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作;表格内展示3-4条示例数据行,每行右侧有“编辑”和“停用/启用”按钮,服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。
- 下半部分为编辑表单区,标题文字“新增/编辑服务产品”;表单字段从上到下依次为:服务名称输入框,服务模式下拉选择框(选项:远程服务、现场服务),远程费开关(标注仅选择“现场服务”时出现,含开关按钮和说明文字输入框),开放城市城市选择器(标注仅现场服务时必填,远程服务时自动隐藏),计价方式下拉选择框(选项:一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量),单价数字输入框,计价单位输入框(占位示例:套/次/天),数量选择开关按钮,服务详情大高度富文本编辑区;表单底部有“保存”按钮和“取消”按钮。
通过标注文字示意表单区域的字段联动关系,整体要体现功能完整的配置后台,所有文字清晰可见,使用无衬线字体,UI风格专业整洁。