创意预览图

安防集成平台后台门禁历史记录查询页面,白色背景商务风,每个门对应历史开门记录列表,人员车辆分开显示,白色底色商务设计

用户头像

GD835856161

2026.06.08
生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,与后台管理端风格统一。 页面布局: 1. 左侧侧边导航栏,布局内容与第一张后台页面保持一致:顶部平台Logo+“智宅焕管理后台”,菜单项:订单管理(当前选中项,高亮显示)、服务产品配置、师傅管理、提现审核、系统设置。 2. 右侧为派单工作台内容区,分为三个区域: - 顶部订单概要区:标题文字“派单工作台”,下方以横向卡片形式展示只读订单概要信息:项目名称XXX,客户姓名/手机号,项目城市上海,项目地址上海市闵行区XX路XX号,预期上门时间2026-07-15,时间灵活性标签“时间可协商”,订单总服务数3项,订单总金额¥2,580;卡片右上角有一个低调样式“追加远程费”按钮。 - 中部任务拆分区:标题文字“任务拆分与指派”,下方纵向排列展示3个系统自动拆分的任务卡片,每个任务卡片:左侧信息区包含服务名称(如现场安装调试)、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价(灰色小字并标注“仅管理员可见”)、指派状态标签;右侧操作区包含“指派师傅”主色高亮按钮,“修改佣金”低调样式按钮,已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”,状态区分清晰,任务拆分卡片为核心交互区需要突出展示。 - 底部操作区:固定悬浮在底部,包含“一键通知师傅”主色高亮按钮(提示所有任务已指派才可点击,否则置灰)和“返回订单列表”次要按钮,旁边附带提示文字“请先完成所有任务指派后,再通知师傅”,底部操作区始终可见。 所有文字清晰可见,使用无衬线字体,UI风格专业整洁,整体与上一张智宅焕管理后台设计风格保持统一。生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,与后台管理端风格统一。
页面布局:
1. 左侧侧边导航栏,布局内容与第一张后台页面保持一致:顶部平台Logo+“智宅焕管理后台”,菜单项:订单管理(当前选中项,高亮显示)、服务产品配置、师傅管理、提现审核、系统设置。
2. 右侧为派单工作台内容区,分为三个区域:
- 顶部订单概要区:标题文字“派单工作台”,下方以横向卡片形式展示只读订单概要信息:项目名称XXX,客户姓名/手机号,项目城市上海,项目地址上海市闵行区XX路XX号,预期上门时间2026-07-15,时间灵活性标签“时间可协商”,订单总服务数3项,订单总金额¥2,580;卡片右上角有一个低调样式“追加远程费”按钮。
- 中部任务拆分区:标题文字“任务拆分与指派”,下方纵向排列展示3个系统自动拆分的任务卡片,每个任务卡片:左侧信息区包含服务名称(如现场安装调试)、数量、服务城市、预期上门时间、时间灵活性标签、客户支付单价(灰色小字并标注“仅管理员可见”)、指派状态标签;右侧操作区包含“指派师傅”主色高亮按钮,“修改佣金”低调样式按钮,已指派时显示佣金金额。三个任务卡片分别是第一个“待指派”、第二个“已指派”、第三个“待指派”,状态区分清晰,任务拆分卡片为核心交互区需要突出展示。
- 底部操作区:固定悬浮在底部,包含“一键通知师傅”主色高亮按钮(提示所有任务已指派才可点击,否则置灰)和“返回订单列表”次要按钮,旁边附带提示文字“请先完成所有任务指派后,再通知师傅”,底部操作区始终可见。
所有文字清晰可见,使用无衬线字体,UI风格专业整洁,整体与上一张智宅焕管理后台设计风格保持统一。
生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,整体为AI写作工作台的设计体系,是偏数据管理和控制感的管理员后台页面。 页面布局: 1. 左侧宽度占15%,为侧边导航栏,顶部显示平台Logo和“智宅焕管理后台”文字,菜单项依次为:订单管理、服务产品配置(当前选中项,高亮显示)、师傅管理、提现审核、系统设置。 2. 右侧为内容区,分为上下两个区域: - 上半部分为服务列表:顶部标题文字“服务产品管理”,右侧有一个主色高亮的“+ 新增服务”按钮;下方是服务列表表格,列标题为:服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作;表格内展示3-4条示例数据行,每行右侧有“编辑”和“停用/启用”按钮,服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。 - 下半部分为编辑表单区,标题文字“新增/编辑服务产品”;表单字段从上到下依次为:服务名称输入框,服务模式下拉选择框(选项:远程服务、现场服务),远程费开关(标注仅选择“现场服务”时出现,含开关按钮和说明文字输入框),开放城市城市选择器(标注仅现场服务时必填,远程服务时自动隐藏),计价方式下拉选择框(选项:一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量),单价数字输入框,计价单位输入框(占位示例:套/次/天),数量选择开关按钮,服务详情大高度富文本编辑区;表单底部有“保存”按钮和“取消”按钮。 通过标注文字示意表单区域的字段联动关系,整体要体现功能完整的配置后台,所有文字清晰可见,使用无衬线字体,UI风格专业整洁。生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,整体为AI写作工作台的设计体系,是偏数据管理和控制感的管理员后台页面。
页面布局:
1. 左侧宽度占15%,为侧边导航栏,顶部显示平台Logo和“智宅焕管理后台”文字,菜单项依次为:订单管理、服务产品配置(当前选中项,高亮显示)、师傅管理、提现审核、系统设置。
2. 右侧为内容区,分为上下两个区域:
- 上半部分为服务列表:顶部标题文字“服务产品管理”,右侧有一个主色高亮的“+ 新增服务”按钮;下方是服务列表表格,列标题为:服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作;表格内展示3-4条示例数据行,每行右侧有“编辑”和“停用/启用”按钮,服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。
- 下半部分为编辑表单区,标题文字“新增/编辑服务产品”;表单字段从上到下依次为:服务名称输入框,服务模式下拉选择框(选项:远程服务、现场服务),远程费开关(标注仅选择“现场服务”时出现,含开关按钮和说明文字输入框),开放城市城市选择器(标注仅现场服务时必填,远程服务时自动隐藏),计价方式下拉选择框(选项:一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量),单价数字输入框,计价单位输入框(占位示例:套/次/天),数量选择开关按钮,服务详情大高度富文本编辑区;表单底部有“保存”按钮和“取消”按钮。
通过标注文字示意表单区域的字段联动关系,整体要体现功能完整的配置后台,所有文字清晰可见,使用无衬线字体,UI风格专业整洁。
[第1屏] 餐厅收银解决方案详情页头图,主题为多功能智能设备协同。页面顶部大蓝色主标题"多功能智能设备协同",下方分三个板块依次展示:1、智能收银融合:多模态支付核验,内置促销计算灵活匹配场景;2、多端无缝协同:户端与收银端实时联动,全环节自动化运转;3、云端统一管控:网络自动同步,多平台营业数据统一管理。保持所有文案内容完全不修改。风格为专业商务科技风,采用参考图蓝白配色,浅色背景,蓝色标题,深灰色正文,信息分区清晰,模块化排版,左侧放置系统界面截图【图1】作为产品展示,右侧放置文案,整体简洁专业,京东平台高级A+移动端适配,文字清晰可读,比例适合手机浏览。 [氛围风格] 专业、清晰、科技商务风,排版简洁,信息层级分明,沿用参考图蓝白配色方案 [元素布局] 左侧产品界面占比约40%,右侧文案区域占比约60%,保持界面功能模块与原图完全一致,文案分区排列,每个卖点带蓝色小图标点缀,整体干净不拥挤 [光影质感] 均匀明亮的商务办公光效,文字清晰锐利,产品界面展示清晰 [配色色系] 全局底色:#FFFFFF(纯白),主色:#1967D2(蓝色),文字:#333333(深灰),模块分隔:#F5F5F5(浅灰) [视角构图] 竖版上下构图,顶部标题,中部左右分栏,底部留白平衡 [文字版式] 主标题"多功能智能设备协同"蓝色大字居中,三个卖点分块排列,每个卖点标题加粗,正文常规字重,所有文字必须完全与用户提供文案一致,不得修改,文字清晰可读,移动端适配字号 [比例分辨率] 宽高比9:16,4K分辨率,超高清[第1屏] 餐厅收银解决方案详情页头图,主题为多功能智能设备协同。页面顶部大蓝色主标题"多功能智能设备协同",下方分三个板块依次展示:1、智能收银融合:多模态支付核验,内置促销计算灵活匹配场景;2、多端无缝协同:户端与收银端实时联动,全环节自动化运转;3、云端统一管控:网络自动同步,多平台营业数据统一管理。保持所有文案内容完全不修改。风格为专业商务科技风,采用参考图蓝白配色,浅色背景,蓝色标题,深灰色正文,信息分区清晰,模块化排版,左侧放置系统界面截图【图1】作为产品展示,右侧放置文案,整体简洁专业,京东平台高级A+移动端适配,文字清晰可读,比例适合手机浏览。
[氛围风格] 专业、清晰、科技商务风,排版简洁,信息层级分明,沿用参考图蓝白配色方案
[元素布局] 左侧产品界面占比约40%,右侧文案区域占比约60%,保持界面功能模块与原图完全一致,文案分区排列,每个卖点带蓝色小图标点缀,整体干净不拥挤
[光影质感] 均匀明亮的商务办公光效,文字清晰锐利,产品界面展示清晰
[配色色系] 全局底色:#FFFFFF(纯白),主色:#1967D2(蓝色),文字:#333333(深灰),模块分隔:#F5F5F5(浅灰)
[视角构图] 竖版上下构图,顶部标题,中部左右分栏,底部留白平衡
[文字版式] 主标题"多功能智能设备协同"蓝色大字居中,三个卖点分块排列,每个卖点标题加粗,正文常规字重,所有文字必须完全与用户提供文案一致,不得修改,文字清晰可读,移动端适配字号
[比例分辨率] 宽高比9:16,4K分辨率,超高清