16:9 1920×1080 Slide 8 Current… - 图片创意预览

16:9 1920×1080 Slide 8 Current…

16:9 1920×1080 Slide 8 Current Status for Marketing Intelligence Brief. Update all dates in screensh

用户头像

GD137422275...

2026.07.11
参考这张AI智能工作流海报的版式结构和内容布局,将整体风格改为浅色系清新商务风。保持原有的所有文案内容、区块划分、卡片结构、图标示意和排版骨架完全不变,只替换配色和视觉风格: 背景改为浅灰白色渐变,带有淡淡的浅蓝色科技感光晕和细微网格线,干净明亮。 主标题文字改为深灰蓝色(#1E3A5F),粗体醒目。 副标题和描述文字改为中灰色,清晰易读。 卡片改为白色实心圆角矩形,带有轻微的浅灰色阴影和细蓝色边框,清爽干净。 胶囊标签改为浅蓝色渐变(淡蓝到天蓝),白色文字。 关键词标签改为浅蓝灰色底,深蓝色文字。 图标和流程图节点使用蓝色系(主蓝#3B82F6,辅色浅蓝),保持科技感但更柔和。 三步流程区块背景为极浅的蓝色块,白色卡片。 底部四要素区背景为浅灰蓝色,深灰色文字。 整体风格:清新简约、明亮通透、现代商务浅色系,类似SaaS产品官网风格,干净专业,所有文字清晰可读,版式精美。 保留的完整文案内容(必须全部呈现): 顶部胶囊"流程自动化 释放每一份人力" 主标题"AI智能工作流" 副标题"AI赋能业务自动化 助力企业降本增效" 四个关键词"⚡ 更灵活 | 🧠 更智能 | 🔁 更自动 | 🚀 更高效" 卡片一:"拖拽搭建"、"可视化画布编排业务流程"、描述文字、画布节点连线示意图、底部胶囊"零代码 人人会搭" 卡片二:"智能执行"、"AI大脑自动完成复杂任务"、描述文字、AI分析输出示意图、底部胶囊"几分钟顶几小时" 卡片三:"自动闭环"、"处理结果直写业务系统"、描述文字、流程联动示意图、底部胶囊"无人值守 全程自动" 区块标题"智能调度与流程全自动流转" 副标题"从触发到结果全链路自动运转,无需人工值守" 右侧胶囊"自动触发,全程自驱" 步骤①"自动触发,一键启动"及描述,底部胶囊"多端触发 随需而动" 步骤②"自动处理"及描述,底部胶囊"智能决策 准确执行" 步骤③"自动流转"及描述,底部胶囊"数据回写 自动闭环" 底部四要素"🧩 简单易用·零代码快速搭建 | ⚙️ 自动执行·释放人力成本 | 🔄 数据闭环·告别重复搬运 | 🔗 开放集成·打通业务系统" 画面中所有信息区域必须填充完整,不得空白。画面底部二维码区域使用纯色方块占位,标注"二维码占位"文字。参考这张AI智能工作流海报的版式结构和内容布局,将整体风格改为浅色系清新商务风。保持原有的所有文案内容、区块划分、卡片结构、图标示意和排版骨架完全不变,只替换配色和视觉风格:

背景改为浅灰白色渐变,带有淡淡的浅蓝色科技感光晕和细微网格线,干净明亮。
主标题文字改为深灰蓝色(#1E3A5F),粗体醒目。
副标题和描述文字改为中灰色,清晰易读。
卡片改为白色实心圆角矩形,带有轻微的浅灰色阴影和细蓝色边框,清爽干净。
胶囊标签改为浅蓝色渐变(淡蓝到天蓝),白色文字。
关键词标签改为浅蓝灰色底,深蓝色文字。
图标和流程图节点使用蓝色系(主蓝#3B82F6,辅色浅蓝),保持科技感但更柔和。
三步流程区块背景为极浅的蓝色块,白色卡片。
底部四要素区背景为浅灰蓝色,深灰色文字。
整体风格:清新简约、明亮通透、现代商务浅色系,类似SaaS产品官网风格,干净专业,所有文字清晰可读,版式精美。

保留的完整文案内容(必须全部呈现):
顶部胶囊"流程自动化 释放每一份人力"
主标题"AI智能工作流"
副标题"AI赋能业务自动化 助力企业降本增效"
四个关键词"⚡ 更灵活 | 🧠 更智能 | 🔁 更自动 | 🚀 更高效"
卡片一:"拖拽搭建"、"可视化画布编排业务流程"、描述文字、画布节点连线示意图、底部胶囊"零代码 人人会搭"
卡片二:"智能执行"、"AI大脑自动完成复杂任务"、描述文字、AI分析输出示意图、底部胶囊"几分钟顶几小时"
卡片三:"自动闭环"、"处理结果直写业务系统"、描述文字、流程联动示意图、底部胶囊"无人值守 全程自动"
区块标题"智能调度与流程全自动流转"
副标题"从触发到结果全链路自动运转,无需人工值守"
右侧胶囊"自动触发,全程自驱"
步骤①"自动触发,一键启动"及描述,底部胶囊"多端触发 随需而动"
步骤②"自动处理"及描述,底部胶囊"智能决策 准确执行"
步骤③"自动流转"及描述,底部胶囊"数据回写 自动闭环"
底部四要素"🧩 简单易用·零代码快速搭建 | ⚙️ 自动执行·释放人力成本 | 🔄 数据闭环·告别重复搬运 | 🔗 开放集成·打通业务系统"

画面中所有信息区域必须填充完整,不得空白。画面底部二维码区域使用纯色方块占位,标注"二维码占位"文字。
设计一款科技感长图产品介绍画报,整合用户上传的SpringHub官方素材截图,整体采用和官网一致的简约科技风格,配色为白+深蓝色+绿色点缀。画面从上到下分为五个模块: 1. 顶部主视觉区域,左上角放置深源智算红色logo,大标题文字"SpringHub:您的全能型本地大模型客户端",副标题文字"深源智算推出的全新 AI 客户端,为追求隐私保护、高效工作流的用户和专业人士量身定制的解决方案",下方插入用户提供的SpringHub桌面操作界面截图(包含DeepSeek V3对话框),搭配动态曲线和AI科技元素点缀,下方排列三个特性标签:"多模型聚合:主流云端与本地模型全统一"、"数据绝对安全:会话本地保存,保护隐私"、"极致体验:丝滑流畅的交互与设计"。 2. 核心功能展示区域,模块标题"SpringHub 核心功能",分三栏展示三个功能: - 多模型聚合|一个平台,随心切换,描述文字:支持国内外主流云端和本地模型(如 GPT、Claude、DeepSeek),使用官网不同模型统一界面风格作为插图。 - 数据本地化|隐私优先的知识库,描述文字:配合本地 RAG,上传数据后模型基于您的私有资料回答,使用上传文档相关界面作为插图。 - 工具链扩展|让 AI 升级“能执行”,描述文字:支持 MCP 协议,与外部工具和数据无缝衔接,插入用户提供的MCP服务器设置界面截图作为示意图。 3. 独家优势展示区域,模块标题"SpringHub 的独家优势",分三栏排列: - 高端算力租赁服务:提供高性能计算资源,按需扩展、弹性灵活,使用用户提供的官网GPU算力介绍页面内容作为插图。 - 全生命周期算力托管服务:全天候监控管理,让系统稳定可用,使用用户提供的官网业务模块截图中托管服务内容作为插图。 - 智能化解决方案(AI Agent):为企业打造定制的智能化流程解决方案,使用用户提供的官网企业智能体落地介绍内容作为示意图。 4. 合作流程区域,标题"全专业合作链路,一站式 AI 解决方案",展示四步流程:需求沟通——方案设计——开发实施——部署运维,每一步配有科技感图标并用箭头连接,可视化流程逻辑,保持整体官网风格。 5. 底部行动区域,大标题"即刻体验 SpringHub,让 AI 触手可及!",包含两个按钮文字"立即体验"和"联系我们获取详细方案",底部再次放置SpringHub主界面截图强化实际体验感。 整体排版和官网风格保持一致,简约清晰,科技感十足,图文排版均衡,所有文字清晰可辨,配色和谐。设计一款科技感长图产品介绍画报,整合用户上传的SpringHub官方素材截图,整体采用和官网一致的简约科技风格,配色为白+深蓝色+绿色点缀。画面从上到下分为五个模块:
1. 顶部主视觉区域,左上角放置深源智算红色logo,大标题文字"SpringHub:您的全能型本地大模型客户端",副标题文字"深源智算推出的全新 AI 客户端,为追求隐私保护、高效工作流的用户和专业人士量身定制的解决方案",下方插入用户提供的SpringHub桌面操作界面截图(包含DeepSeek V3对话框),搭配动态曲线和AI科技元素点缀,下方排列三个特性标签:"多模型聚合:主流云端与本地模型全统一"、"数据绝对安全:会话本地保存,保护隐私"、"极致体验:丝滑流畅的交互与设计"。
2. 核心功能展示区域,模块标题"SpringHub 核心功能",分三栏展示三个功能:
- 多模型聚合|一个平台,随心切换,描述文字:支持国内外主流云端和本地模型(如 GPT、Claude、DeepSeek),使用官网不同模型统一界面风格作为插图。
- 数据本地化|隐私优先的知识库,描述文字:配合本地 RAG,上传数据后模型基于您的私有资料回答,使用上传文档相关界面作为插图。
- 工具链扩展|让 AI 升级“能执行”,描述文字:支持 MCP 协议,与外部工具和数据无缝衔接,插入用户提供的MCP服务器设置界面截图作为示意图。
3. 独家优势展示区域,模块标题"SpringHub 的独家优势",分三栏排列:
- 高端算力租赁服务:提供高性能计算资源,按需扩展、弹性灵活,使用用户提供的官网GPU算力介绍页面内容作为插图。
- 全生命周期算力托管服务:全天候监控管理,让系统稳定可用,使用用户提供的官网业务模块截图中托管服务内容作为插图。
- 智能化解决方案(AI Agent):为企业打造定制的智能化流程解决方案,使用用户提供的官网企业智能体落地介绍内容作为示意图。
4. 合作流程区域,标题"全专业合作链路,一站式 AI 解决方案",展示四步流程:需求沟通——方案设计——开发实施——部署运维,每一步配有科技感图标并用箭头连接,可视化流程逻辑,保持整体官网风格。
5. 底部行动区域,大标题"即刻体验 SpringHub,让 AI 触手可及!",包含两个按钮文字"立即体验"和"联系我们获取详细方案",底部再次放置SpringHub主界面截图强化实际体验感。
整体排版和官网风格保持一致,简约清晰,科技感十足,图文排版均衡,所有文字清晰可辨,配色和谐。
设计一款科技感长图产品介绍画报,整合用户上传的SpringHub官方素材截图,整体采用和官网一致的简约科技风格,配色为白+深蓝色+绿色点缀。画面从上到下分为五个模块: 1. 顶部主视觉区域,左上角放置深源智算红色logo,大标题文字"SpringHub:您的全能型本地大模型客户端",副标题文字"深源智算推出的全新 AI 客户端,为追求隐私保护、高效工作流的用户和专业人士量身定制的解决方案",下方插入用户提供的SpringHub桌面操作界面截图(包含DeepSeek V3对话框),搭配动态曲线和AI科技元素点缀,下方排列三个特性标签:"多模型聚合:主流云端与本地模型全统一"、"数据绝对安全:会话本地保存,保护隐私"、"极致体验:丝滑流畅的交互与设计"。 2. 核心功能展示区域,模块标题"SpringHub 核心功能",分三栏展示三个功能: - 多模型聚合|一个平台,随心切换,描述文字:支持国内外主流云端和本地模型(如 GPT、Claude、DeepSeek),使用官网不同模型统一界面风格作为插图。 - 数据本地化|隐私优先的知识库,描述文字:配合本地 RAG,上传数据后模型基于您的私有资料回答,使用上传文档相关界面作为插图。 - 工具链扩展|让 AI 升级“能执行”,描述文字:支持 MCP 协议,与外部工具和数据无缝衔接,插入用户提供的MCP服务器设置界面截图作为示意图。 3. 独家优势展示区域,模块标题"SpringHub 的独家优势",分三栏排列: - 高端算力租赁服务:提供高性能计算资源,按需扩展、弹性灵活,使用用户提供的官网GPU算力介绍页面内容作为插图。 - 全生命周期算力托管服务:全天候监控管理,让系统稳定可用,使用用户提供的官网业务模块截图中托管服务内容作为插图。 - 智能化解决方案(AI Agent):为企业打造定制的智能化流程解决方案,使用用户提供的官网企业智能体落地介绍内容作为示意图。 4. 合作流程区域,标题"全专业合作链路,一站式 AI 解决方案",展示四步流程:需求沟通——方案设计——开发实施——部署运维,每一步配有科技感图标并用箭头连接,可视化流程逻辑,保持整体官网风格。 5. 底部行动区域,大标题"即刻体验 SpringHub,让 AI 触手可及!",包含两个按钮文字"立即体验"和"联系我们获取详细方案",底部再次放置SpringHub主界面截图强化实际体验感。 整体排版和官网风格保持一致,简约清晰,科技感十足,图文排版均衡,所有文字清晰可辨,配色和谐。设计一款科技感长图产品介绍画报,整合用户上传的SpringHub官方素材截图,整体采用和官网一致的简约科技风格,配色为白+深蓝色+绿色点缀。画面从上到下分为五个模块:
1. 顶部主视觉区域,左上角放置深源智算红色logo,大标题文字"SpringHub:您的全能型本地大模型客户端",副标题文字"深源智算推出的全新 AI 客户端,为追求隐私保护、高效工作流的用户和专业人士量身定制的解决方案",下方插入用户提供的SpringHub桌面操作界面截图(包含DeepSeek V3对话框),搭配动态曲线和AI科技元素点缀,下方排列三个特性标签:"多模型聚合:主流云端与本地模型全统一"、"数据绝对安全:会话本地保存,保护隐私"、"极致体验:丝滑流畅的交互与设计"。
2. 核心功能展示区域,模块标题"SpringHub 核心功能",分三栏展示三个功能:
- 多模型聚合|一个平台,随心切换,描述文字:支持国内外主流云端和本地模型(如 GPT、Claude、DeepSeek),使用官网不同模型统一界面风格作为插图。
- 数据本地化|隐私优先的知识库,描述文字:配合本地 RAG,上传数据后模型基于您的私有资料回答,使用上传文档相关界面作为插图。
- 工具链扩展|让 AI 升级“能执行”,描述文字:支持 MCP 协议,与外部工具和数据无缝衔接,插入用户提供的MCP服务器设置界面截图作为示意图。
3. 独家优势展示区域,模块标题"SpringHub 的独家优势",分三栏排列:
- 高端算力租赁服务:提供高性能计算资源,按需扩展、弹性灵活,使用用户提供的官网GPU算力介绍页面内容作为插图。
- 全生命周期算力托管服务:全天候监控管理,让系统稳定可用,使用用户提供的官网业务模块截图中托管服务内容作为插图。
- 智能化解决方案(AI Agent):为企业打造定制的智能化流程解决方案,使用用户提供的官网企业智能体落地介绍内容作为示意图。
4. 合作流程区域,标题"全专业合作链路,一站式 AI 解决方案",展示四步流程:需求沟通——方案设计——开发实施——部署运维,每一步配有科技感图标并用箭头连接,可视化流程逻辑,保持整体官网风格。
5. 底部行动区域,大标题"即刻体验 SpringHub,让 AI 触手可及!",包含两个按钮文字"立即体验"和"联系我们获取详细方案",底部再次放置SpringHub主界面截图强化实际体验感。
整体排版和官网风格保持一致,简约清晰,科技感十足,图文排版均衡,所有文字清晰可辨,配色和谐。
一张竖版9:16的AI智能工作流科技海报,深蓝渐变背景,带有科技光效和粒子光点,现代商务风格,版式精美,信息层级清晰。画面从上到下分为多个区块: 【顶部徽章区】最上方居中一个圆角胶囊形小标签,内有小字"流程自动化 释放每一份人力",胶囊为浅蓝色渐变。 【主标题区】徽章下方是大字号主标题"AI智能工作流",白色粗体字,醒目大气;主标题下方是副标题"AI赋能业务自动化 助力企业降本增效",浅灰色小字。 【关键词区】主标题下方横向排列四个关键词标签,从左到右依次是:"⚡ 更灵活"、"🧠 更智能"、"🔁 更自动"、"🚀 更高效",用竖线分隔,每个标签带小图标,白色文字配半透明深色底。 【三张能力卡片区】关键词下方是三张并排的功能卡片,卡片为半透明白色圆角矩形,带轻微阴影和科技感边框: 卡片一(左):顶部主标题"拖拽搭建",下方副标题"可视化画布编排业务流程",再下方描述文字"像画流程图一样拖拽节点,串联大模型、知识库、表单、消息,多步骤复杂任务一屏搞定",中间是画布节点连线示意图(几个方块节点用线条连接的流程图),底部一个蓝色胶囊标签写着"零代码 人人会搭"。 卡片二(中):顶部主标题"智能执行",下方副标题"AI大脑自动完成复杂任务",再下方描述文字"大语言模型+知识库检索+条件判断,自动完成数据统计、报告整理等重复性工作",中间是AI分析输出示意图(检测到待办任务→自动生成报告的流程箭头示意),底部一个蓝色胶囊标签写着"几分钟顶几小时"。 卡片三(右):顶部主标题"自动闭环",下方副标题"处理结果直写业务系统",再下方描述文字"AI结果自动回写表单,联动审批与消息通知;HTTP接口连接第三方系统,数据跨平台流转",中间是流程节点→表单新增/邮件通知的联动示意图,底部一个蓝色胶囊标签写着"无人值守 全程自动"。 【三步流程区块】卡片下方是一个大区块,左侧是区块标题"智能调度与流程全自动流转",白色粗体大字;标题下方是副标题"从触发到结果全链路自动运转,无需人工值守",浅灰色小字;右上角有一个胶囊标签"自动触发,全程自驱"。区块内有三个步骤横向排列: 步骤①:标题"自动触发,一键启动",描述"按钮点击、定时任务、用户提问,多方式自动拉起流程",底部胶囊"多端触发 随需而动"。 步骤②:标题"自动处理",描述"知识库检索+大模型分析,条件分支自动判断走向,AI自动完成检索、分析、决策,复杂任务分步执行不出错",底部胶囊"智能决策 准确执行"。 步骤③:标题"自动流转",描述"结果回写表单,联动审批、消息通知闭环,数据自动流转到表单、邮件、第三方系统,不用人工来回复制",底部胶囊"数据回写 自动闭环"。 三个步骤之间用箭头连接,表示流程递进关系。 【底部四要素区】最底部是一行横向排列的四个价值要素,用竖线分隔:"🧩 简单易用·零代码快速搭建"、"⚙️ 自动执行·释放人力成本"、"🔄 数据闭环·告别重复搬运"、"🔗 开放集成·打通业务系统",白色文字,整齐排列。 整体风格:深蓝科技渐变背景,蓝紫色光效点缀,白色为主文字色,蓝色为强调色,卡片半透明玻璃拟态风格,现代简约商务科技感,所有文字清晰可读,排版精美,信息层级分明。 画面中所有信息区域、卡片、列表必须填充完整合理的内容,不得出现空白框或占位。画面中所有二维码区域使用纯色方块占位符呈现,方块中央标注"二维码占位"文字,严禁生成任何可识别的二维码图案。一张竖版9:16的AI智能工作流科技海报,深蓝渐变背景,带有科技光效和粒子光点,现代商务风格,版式精美,信息层级清晰。画面从上到下分为多个区块:

【顶部徽章区】最上方居中一个圆角胶囊形小标签,内有小字"流程自动化 释放每一份人力",胶囊为浅蓝色渐变。

【主标题区】徽章下方是大字号主标题"AI智能工作流",白色粗体字,醒目大气;主标题下方是副标题"AI赋能业务自动化 助力企业降本增效",浅灰色小字。

【关键词区】主标题下方横向排列四个关键词标签,从左到右依次是:"⚡ 更灵活"、"🧠 更智能"、"🔁 更自动"、"🚀 更高效",用竖线分隔,每个标签带小图标,白色文字配半透明深色底。

【三张能力卡片区】关键词下方是三张并排的功能卡片,卡片为半透明白色圆角矩形,带轻微阴影和科技感边框:
卡片一(左):顶部主标题"拖拽搭建",下方副标题"可视化画布编排业务流程",再下方描述文字"像画流程图一样拖拽节点,串联大模型、知识库、表单、消息,多步骤复杂任务一屏搞定",中间是画布节点连线示意图(几个方块节点用线条连接的流程图),底部一个蓝色胶囊标签写着"零代码 人人会搭"。
卡片二(中):顶部主标题"智能执行",下方副标题"AI大脑自动完成复杂任务",再下方描述文字"大语言模型+知识库检索+条件判断,自动完成数据统计、报告整理等重复性工作",中间是AI分析输出示意图(检测到待办任务→自动生成报告的流程箭头示意),底部一个蓝色胶囊标签写着"几分钟顶几小时"。
卡片三(右):顶部主标题"自动闭环",下方副标题"处理结果直写业务系统",再下方描述文字"AI结果自动回写表单,联动审批与消息通知;HTTP接口连接第三方系统,数据跨平台流转",中间是流程节点→表单新增/邮件通知的联动示意图,底部一个蓝色胶囊标签写着"无人值守 全程自动"。

【三步流程区块】卡片下方是一个大区块,左侧是区块标题"智能调度与流程全自动流转",白色粗体大字;标题下方是副标题"从触发到结果全链路自动运转,无需人工值守",浅灰色小字;右上角有一个胶囊标签"自动触发,全程自驱"。区块内有三个步骤横向排列:
步骤①:标题"自动触发,一键启动",描述"按钮点击、定时任务、用户提问,多方式自动拉起流程",底部胶囊"多端触发 随需而动"。
步骤②:标题"自动处理",描述"知识库检索+大模型分析,条件分支自动判断走向,AI自动完成检索、分析、决策,复杂任务分步执行不出错",底部胶囊"智能决策 准确执行"。
步骤③:标题"自动流转",描述"结果回写表单,联动审批、消息通知闭环,数据自动流转到表单、邮件、第三方系统,不用人工来回复制",底部胶囊"数据回写 自动闭环"。
三个步骤之间用箭头连接,表示流程递进关系。

【底部四要素区】最底部是一行横向排列的四个价值要素,用竖线分隔:"🧩 简单易用·零代码快速搭建"、"⚙️ 自动执行·释放人力成本"、"🔄 数据闭环·告别重复搬运"、"🔗 开放集成·打通业务系统",白色文字,整齐排列。

整体风格:深蓝科技渐变背景,蓝紫色光效点缀,白色为主文字色,蓝色为强调色,卡片半透明玻璃拟态风格,现代简约商务科技感,所有文字清晰可读,排版精美,信息层级分明。

画面中所有信息区域、卡片、列表必须填充完整合理的内容,不得出现空白框或占位。画面中所有二维码区域使用纯色方块占位符呈现,方块中央标注"二维码占位"文字,严禁生成任何可识别的二维码图案。
生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,整体为AI写作工作台的设计体系,是偏数据管理和控制感的管理员后台页面。 页面布局: 1. 左侧宽度占15%,为侧边导航栏,顶部显示平台Logo和“智宅焕管理后台”文字,菜单项依次为:订单管理、服务产品配置(当前选中项,高亮显示)、师傅管理、提现审核、系统设置。 2. 右侧为内容区,分为上下两个区域: - 上半部分为服务列表:顶部标题文字“服务产品管理”,右侧有一个主色高亮的“+ 新增服务”按钮;下方是服务列表表格,列标题为:服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作;表格内展示3-4条示例数据行,每行右侧有“编辑”和“停用/启用”按钮,服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。 - 下半部分为编辑表单区,标题文字“新增/编辑服务产品”;表单字段从上到下依次为:服务名称输入框,服务模式下拉选择框(选项:远程服务、现场服务),远程费开关(标注仅选择“现场服务”时出现,含开关按钮和说明文字输入框),开放城市城市选择器(标注仅现场服务时必填,远程服务时自动隐藏),计价方式下拉选择框(选项:一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量),单价数字输入框,计价单位输入框(占位示例:套/次/天),数量选择开关按钮,服务详情大高度富文本编辑区;表单底部有“保存”按钮和“取消”按钮。 通过标注文字示意表单区域的字段联动关系,整体要体现功能完整的配置后台,所有文字清晰可见,使用无衬线字体,UI风格专业整洁。生成一张网页端后台管理UI设计图,宽高比16:9,深色专业风格,深蓝灰底色,整体为AI写作工作台的设计体系,是偏数据管理和控制感的管理员后台页面。
页面布局:
1. 左侧宽度占15%,为侧边导航栏,顶部显示平台Logo和“智宅焕管理后台”文字,菜单项依次为:订单管理、服务产品配置(当前选中项,高亮显示)、师傅管理、提现审核、系统设置。
2. 右侧为内容区,分为上下两个区域:
- 上半部分为服务列表:顶部标题文字“服务产品管理”,右侧有一个主色高亮的“+ 新增服务”按钮;下方是服务列表表格,列标题为:服务名称 | 服务模式 | 计价方式 | 单价 | 开放城市 | 状态 | 操作;表格内展示3-4条示例数据行,每行右侧有“编辑”和“停用/启用”按钮,服务模式列使用蓝色标签“远程服务”、橙色标签“现场服务”区分。
- 下半部分为编辑表单区,标题文字“新增/编辑服务产品”;表单字段从上到下依次为:服务名称输入框,服务模式下拉选择框(选项:远程服务、现场服务),远程费开关(标注仅选择“现场服务”时出现,含开关按钮和说明文字输入框),开放城市城市选择器(标注仅现场服务时必填,远程服务时自动隐藏),计价方式下拉选择框(选项:一口价/按面积分档/按城市分档/按城市+面积分档/按次/按周期/阶梯计价/按数量),单价数字输入框,计价单位输入框(占位示例:套/次/天),数量选择开关按钮,服务详情大高度富文本编辑区;表单底部有“保存”按钮和“取消”按钮。
通过标注文字示意表单区域的字段联动关系,整体要体现功能完整的配置后台,所有文字清晰可见,使用无衬线字体,UI风格专业整洁。