已添加
登录/注册
用户体验性测试平台后台原型设计，极简企业后台风格，浅蓝色主调，…
初稿
GD122225909
2026.04.29
做同款
将图片中直通车对应的账单总金额从1,231,308.93修改为1,490,808.93，保持字体、颜色、位置、页面布局和其他所有内容完全一致，数字格式保留千分位和两位小数，保持原图尺寸和高清画质
用户9129
资源协同平台-评审任务管理页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像（显示教务专责身份）。左侧导航当前选中评审管理模块并展开子菜单，高亮评审任务管理。主内容区：顶部面包屑导航，页面大标题评审任务管理。页面顶部为数据概览卡片行，4个统计卡片横向排列：待评审任务数、进行中评审、已完成评审、本月新增评审，每个卡片有图标、数值、环比趋势。下方为操作与筛选区：左侧有新建评审计划按钮（蓝色主按钮）、发起评审按钮、批量分派按钮；右侧为筛选条件：评审类型下拉、评审状态下拉（全部/待发起/进行中/已完成/已驳回）、时间范围选择、关键词搜索框、查询重置按钮。主体为评审任务列表表格，表头包含：复选框、任务编号、评审任务名称、评审类型（如课程评审/师资评审/案例评审）、关联资源数、评审专家、计划开始时间、计划结束时间、当前状态（不同颜色标签：待发起灰色/进行中橙色/已完成绿色/已驳回红色）、进度条、操作列（查看详情、分派专家、编辑、删除）。表格展示8-10行数据，每行有进度百分比条。页面底部分页组件。整体风格与资源申报审核页一致，蓝色主调，专业清晰，卡片精致有质感
若木42641
B端企业级后台管理系统完整页面设计，储能电厂生产管理系统-定期工作配置详情页，PC端2K分辨率，Element UI风格，蓝色主色调#1677ff，白色背景，与参考图风格完全统一。 整体布局结构： 【左侧深色侧边栏导航】 - 顶部系统Logo：闪电图标+「储能电厂生产管理系统」 - 一级菜单（带图标，可折叠）：首页、运行管理（蓝色高亮展开）、设备管理、安全管理、生产统计、报表管理、系统管理 - 运行管理子菜单：运行总览、定期工作配置（当前选中蓝色高亮）、定期任务、运行日志、交接班管理 【顶部栏】 - 左侧汉堡菜单图标 + 面包屑：运行管理 / 定期工作配置 / 新增定期工作 - 右侧：搜索输入框（占位符：搜索功能、菜单、报表...）、通知铃铛（红色角标）、管理员头像+「管理员」文字下拉 【主内容区 - 配置详情表单页】 页面顶部标题栏： - 大标题：新增定期工作配置 - 右侧操作按钮组：保存（白色边框）、提交评审（蓝色实心）、关闭（灰色文字按钮） 表单主体分为四大配置板块，每个板块有蓝色左侧竖线+板块编号+板块标题，板块之间有间距，白色卡片背景： 【一、基本信息配置】 标题：1. 基本信息配置 三列表单布局（标签+输入控件）： 第一行： - 定期工作名称：输入框（必填红星），占位符：请输入定期工作名称 - 定期工作编号：DQ-GZ-2026-0001（灰色只读输入框，右侧小字说明：系统自动生成） - 定期工作分类：下拉选择（必填红星），当前选中「设备巡回检查」，下拉选项：设备巡回检查/设备定期轮换/设备活动校验/介质取样监测/设备性能试验/设备清扫保养/物资盘点核查/其他 第二行： - 所属机组/系统：下拉选择（选填），当前选中「储能工艺系统」，下拉选项：储能工艺系统/膨胀发电系统/储热系统/电气一次/电气二次/循环冷却水系统/全厂公用系统/消防与安全设施系统/其他 - 设备名称：设备选择器（选填），显示「请从设备台账选择」占位符，右侧「选择设备」按钮，灰色说明：无对应单体设备可为空 - 归属部门：下拉选择（必填），当前选中「运行部」，下拉选项：运行部/检修部/生技部/安环部/物资部/综合部/人资部/财务部/工程部/其他 第三行（整行宽度）： - 定期工作内容：多行文本域（必填），占位符：请详细描述定期工作内容...，高度约80px 第四行（整行宽度）： - 执行标准：多行文本域，占位符：请填写执行标准、操作步骤、技术要求...，高度约80px 第五行（整行宽度）： - 验收标准：多行文本域，占位符：请填写验收合格判定标准...，高度约80px 【二、周期规则配置】 标题：2. 周期规则配置 第一行： - 执行周期：下拉选择（必填），当前选中「每月」，下拉选项：每班/每日/每周/每月/指定日期 动态参数区域（根据执行周期动态展示，当前展示「每月」模式）： - 按月固定日期：日期多选标签组（1~31号可选，蓝色标签表示已选），已选：1号、15号（蓝色标签带关闭叉号） 灰色小字说明：31号小月自动适配当月末日 - 目标执行班次：单选按钮组（白班 / 中班 / 夜班），当前选中「白班」 （以下为其他周期模式的示意说明，用灰色弱化展示，表示切换周期后会变化） 灰色虚线框内小字标注不同周期的参数变化示意： - 每班模式：目标执行班次为多选（白班/中班/夜班可多选） - 每日模式：目标执行班次为单选 - 每周模式：星期多选（周一~周日）+ 目标执行班次单选 - 指定日期模式：日期列表可增加多条 + 目标执行班次单选 第二行： - 生效起始日期：日期选择器（必填红星），值：2026-08-01 - 失效截止日期：日期选择器（选填），值为空，占位符：不填则永久生效 灰色说明：为空表示永久生效 【三、验收规则配置】 标题：3. 验收规则配置 第一行： - 验收模式：三个单选卡片横向并排（必选） - 卡片1：自主闭环（蓝色边框选中状态） 图标 + 标题「自主闭环」 说明文字：执行人完成工作，填写记录保存后，任务状态直接变更为"已执行" - 卡片2：班组验收 图标 + 标题「班组验收」 说明文字：执行人填报完成→提交验收→值班长验收确认；驳回退回整改 - 卡片3：专工验收 图标 + 标题「专工验收」 说明文字：执行人→班长验收→专工验收；两级串行，全部通过闭环，任意一级驳回退回整改 第二行： - 是否绑定操作票：单选开关（是/否），当前为「否」（灰色关闭状态） 开关右侧说明文字： - 勾选「是」：执行人改为【执行中】、提交验收前，必须录入有效操作票编号，系统校验票状态有效，否则不允许提交 - 勾选「否」：不强制关联操作票，票号仅作为可选备注录入 （开关切换到「是」时，下方显示红色提示：高危操作强制绑定操作票，请确保现场作业安全） 【四、管控权限配置】 标题：4. 管控权限配置 两列表单： - 是否启用：单选开关（启用/停用），当前为「停用」（灰色关闭状态） 下方灰色提示文字：未完成审批评审的模板，不允许设置为「启用」 - 生效起止日期：日期区间选择器（必填红星），起始：2026-08-01 至 2099-12-31（默认永久） 整行： - 备注：多行文本域（选填），占位符：请输入备注说明，如机组检修临时停用说明等...，高度约60px，右下角字数统计 0/200 【页面底部固定操作栏】 悬浮在页面底部，白色背景，顶部有分割线： - 左侧：灰色提示文字（带信息图标）：保存仅存储数据，不触发评审、不改变启用状态 - 右侧按钮组（从左到右）： - 关闭按钮（白色边框按钮） - 保存按钮（白色边框蓝色文字按钮） - 提交评审（蓝色实心主按钮） 关闭按钮交互提示（用小弹窗示意）： 点击关闭时弹出确认对话框： - 标题：确认关闭 - 内容：当前存在未保存修改，是否确认关闭？ - 按钮：取消 / 确认关闭（红色） 设计规范： - 主色：#1677ff 蓝色 - 成功色：#52c41a 绿色 - 警告色：#faad14 橙色 - 错误色：#f5222d 红色 - 文字：#333 主文字，#666 次要文字，#999 辅助文字 - 边框：#e8e8e8 浅灰 - 背景：#f5f7fa 页面背景，#ffffff 卡片背景 - 圆角：4px 按钮和输入框 - 字体：系统默认无衬线字体 - 整体风格：简洁、专业、信息密度适中，Element UI Ant Design风格B端后台系统，与参考图视觉完全统一
GD908140592
资源协同平台-基地使用申请页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心模块并展开子菜单，高亮基地资源下的基地使用申请。主内容区：顶部面包屑导航，页面大标题基地使用申请，副标题说明用于跨校办学项目、实训参观等基地使用申请。页面为表单布局，分多个信息区块，每个区块有蓝色左侧条标题：第一区块申请基本信息：申请单位（只读显示）、申请人、联系电话、申请日期（自动填充）、申请类型下拉选择（跨校办学/实训教学/参观交流/会议活动/其他）；第二区块基地信息：基地名称下拉选择（带搜索）、基地所在地址（只读联动显示）、基地容量（只读联动显示）、基地负责人及联系方式（只读联动显示）；第三区块使用安排：使用目的（多行文本框）、使用开始时间（日期+时间选择）、使用结束时间（日期+时间选择）、使用人数（数字输入框）、参与对象（输入框）；第四区块附件材料：单位盖章资料上传区域（大尺寸拖拽上传区，带上传图标和提示文字，支持PDF、图片格式，标注为必填项）、其他附件上传（可选）；第五区块审批信息：预计审批流程展示（如教务专责审核→基地管理员确认→分管领导审批）。页面底部右侧有保存草稿按钮（灰色边框）和提交申请按钮（蓝色主按钮）。整体表单两列布局，标签左对齐，必填项带红色星号，界面精致有质感
若木42641
将图片中直通车对应的账单总金额从1,231,308.93修改为1,490,808.93，保持字体、颜色、位置和页面其他所有内容完全一致，数字格式保留千分位和两位小数
用户9129
设计洁净能源创新平台管理后台，成果管理新增成果弹窗表单。整体保持和绿色系后台风格一致。弹窗居中，白色背景带圆角和阴影，顶部标题栏'新增成果'，右上角有关闭按钮。表单采用一行两个输入框左右排版，共四行：第一行：成果名称、成果单位名称；第二行：技术领域下拉框、项目阶段下拉框；第三行：合作类型下拉框、投资规模输入框；第四行：项目负责人、项目联系人；第五行单独一行：联系电话输入框。底部为弹窗操作按钮，左侧取消按钮，右侧绿色确定提交按钮。整体设计风格简洁专业，绿色主色调和已改色后台保持一致，表单标签对齐，输入框间距合适，符合B端表单设计规范。尺寸为宽1200px高不超过800px，分辨率2K，文字清晰可辨。
1r023llsxg-jTaDw-HB
重新设计一个学生AI评语生成系统的网页界面原型，包含两页设计。第一页是数据上传页，页面上方有大的虚线边框文件上传区域，清晰标注支持Excel和CSV文件格式，下方有一个醒目的蓝色圆角“上传并生成评语”按钮，整体采用干净简约的B端设计风格。第二页是评语结果页，左侧固定侧边栏显示学生姓名列表，右侧大区域展示对应学生的AI生成评语内容，页面底部放置“复制评语”和“导出全班评语”两个操作按钮，排版清晰，交互友好。
GD324790009
参考提供的管理系统UI界面风格，生成台账报表导出打印界面。顶部蓝色导航栏，下方有查询筛选区：日期范围选择、餐次下拉选择、报表类型下拉选择、查询按钮、绿色导出报表按钮、打印按钮。中间四个数据统计卡片：报表总数量、已导出报表、已打印报表、待处理报表，每个卡片有图标、数值、较上月变化百分比。下方是报表列表表格，列包括序号、报表名称、生成日期、报表类型、餐次范围、数据条数、状态、操作（预览/导出/打印/下载）。底部分页组件。整体风格与参考图完全一致：蓝色主题、白色卡片、简洁现代的后台管理系统UI设计，清晰的表格布局，专业的企业管理系统界面
1q5brjneengrk3p6-HB
资源协同平台-资源申报页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛图标、用户头像及姓名。左侧导航当前选中协同管理模块并展开子菜单，高亮资源申报选项。主内容区域：顶部面包屑导航，页面大标题为资源申报入库，副标题说明向上级管理部门提出资源上报入库申请。页面采用表单布局，分为多个信息区块，每个区块有醒目的标题栏：第一区块为申报基本信息，包含申报单位（只读显示）、申报日期（自动填充）、联系人输入框、联系电话输入框、资源类型下拉选择框；第二区块为资源详情信息，包含资源名称输入框、资源分类下拉框、资源简介多行文本框、适用对象输入框、学时数字输入框、负责人输入框、附件上传区域（带上传图标和文件列表样式）；第三区块为申报说明，包含申报理由多行文本框。页面底部右侧有保存草稿按钮（灰色边框样式）和提交申报按钮（蓝色实心主按钮）。整体表单采用两列布局，标签左对齐，必填项带红色星号标记，界面精致有质感，阴影柔和，圆角适中
若木42641
火电厂信息管理系统「定期工作配置-周期规则」标签页表单页面，UI设计，与参考图风格完全一致，深蓝左侧导航栏+白色主内容区，蓝白配色，企业级后台管理系统风格。左侧导航：生产管理系统logo，首页、两票管理、定期工作管理（展开，定期工作配置高亮选中）、基础数据管理、系统设置。顶部面包屑：首页 / 定期工作管理 / 定期工作配置 / 编辑配置，右上角通知铃铛、帮助、管理员头像。页面标题：新增定期工作配置，顶部标签页导航：基础信息（已完成）、周期规则（当前激活，蓝色下划线）、责任配置、合规配置。主内容区为表单布局，分左右两列。第一部分：周期类型【下拉单选，必填，红色星号】，下拉选项：每班/每日/每周/每月/指定日期，当前选中「每周」示例。第二部分：动态参数区域（当前展示每周类型参数），星期多选复选框组：周一、周二（选中高亮）、周三、周四、周五、周六、周日；目标执行班次【单选】：白班（选中）/中班/夜班。下方小字业务说明：系统根据周期规则算出计划执行日期+目标班次，自动匹配排班日历中对应值班班组推送任务。第三部分：全局通用配置项（所有周期统一展示），生效起始日期【必填，日期选择器】，失效截止日期【选填，日期选择器，为空永久生效】，临期提前提醒时长(h)【数字输入框，默认0，提示推荐重点工作24~72h】，允许执行宽限期(h)【必填，数字输入框，默认24h，提示宽限期结束不得跨至下一班次，超出自动截断】。底部右侧按钮组：上一步、保存草稿、预览周期、下一步（蓝色主按钮）。整体风格简洁专业，高保真UI，表单标签左对齐，输入框右对齐，信息层级清晰，与参考图视觉风格统一
GD908140592
AI写作工作台选题库管理页V2 UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"选题管理"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"选题管理"。状态标签栏：两个横向标签页，"待写"当前选中深蓝色背景旁小数字8，"已写"旁小数字15。操作栏：左侧"全选"复选框，右侧两个按钮"批量自动生成"（暗金色）和"新建选题"。内容列表区（待写区）：极简表格，列名为选题标题、指定框架、创建时间、操作，每行左侧有复选框。四行数据：第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]"，第二行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [编辑] [删除]"，第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]"，第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区（模拟点击第一行编辑后在表格下方展开）：选题标题输入框已填"关于C端和B端本质区别的深度思考"；指定框架下拉菜单当前选中"深度文章"；选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点：很多从业者分不清C端和B端交付的本质区别，导致用C端思维做B端生意，越做越累。拟从自身踩坑经历出发，深入剖析两者在问题属性、交付标准、沟通成本上的根本差异，最终指向'规则至上'的核心战略选择。"，文本框右下角【AI重新提炼】按钮，旁边小字提示"点击将基于最新对话记录，重新生成选题背景。"；底部操作区醒目暗金色按钮"保存修改"，旁边灰色"取消"按钮。底部操作栏：醒目暗金色按钮"批量自动生成"，旁边小字说明"勾选选题后，点击此按钮，系统将自动调用各选题指定的框架和知识库，在后台依次生成文章初稿。生成后文章将存入'生成待审区'，选题将自动移入'已写区'。"。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。
678typ3ch-HB
重新生成定向采集任务管理功能设计效果图，优化界面布局，明确功能分区：顶部导航栏，左侧任务列表，中间关键词/平台/时间周期设置面板，右侧任务进度可视化看板，突出批量导入按钮，现代化科技感后台管理界面，蓝色主调，所有功能文字清晰可辨
GD312968130
对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局
大陆机电-UI设计
对原型图进行UI重设计，生成商务扁平风格界面：保持原有所有文字内容完全不变，优化页面布局、视觉层级、色彩搭配和字体排版，使用实色填充纯色卡片，采用面性实心icon风格，卡片为圆角矩形实色底，文字左对齐进入按钮改为渐变色块跳转按钮，合理留白间距，统一配色提升精致感，整体商务干净高级，自适应尺寸，修正原型不合理布局
大陆机电-UI设计
AI写作工作台选题库管理页UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"选题管理"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"选题管理"。状态标签栏：两个横向标签页，"待写"当前选中深蓝色背景旁小数字8，"已写"旁小数字15。操作栏：左侧"全选"复选框，右侧两个按钮"批量自动生成"（暗金色）和"新建选题"。内容列表区（待写区）：极简表格，列名为选题标题、指定框架、创建时间、操作，每行左侧有复选框。四行数据：第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]"，第二行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [编辑] [删除]"，第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]"，第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。底部操作栏：醒目暗金色按钮"批量自动生成"，旁边小字说明"勾选选题后，点击此按钮，系统将自动调用各选题指定的框架和知识库，在后台依次生成文章初稿。生成后文章将存入'生成待审区'，选题将自动移入'已写区'。"。已写区用虚线框标注"切换后展示"，表格列名相同无复选框，两行数据：第一行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [查看关联文章] [重新生成]"，第二行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [查看关联文章] [重新生成]"。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。
678typ3ch-HB
简洁大气的企业B端后台管理系统界面，人行上报单条数据详情页，右侧抽屉形式从右侧滑出，纯白色背景，无多余装饰，字体清晰。抽屉顶部有标题上报详情和关闭按钮。内容分为四个部分，每部分有小标题和细灰色分隔线。第一部分基本信息：上报ID、模型分类、资产名称、操作类型，两列布局，标签灰色，值黑色加粗。第二部分校验信息：校验状态彩色标签、校验时间yyyy-mm-dd HH:mm:ss、校验结果，失败时显示红色可点击的查看详情链接。第三部分上报信息：上报状态彩色标签、上报时间yyyy-mm-dd HH:mm:ss、上报结果，失败时显示红色可点击的查看详情链接。第四部分操作记录：简洁表格，表头操作时间、操作类型、操作结果、备注，展示多条操作历史，无多余装饰。左侧背景隐约可见列表页。整体极简风格，留白充足，蓝色主色调，高质量UI设计，16:9宽屏
GD177920199
资源协同平台-课程库邀约弹窗高保真UI设计，延续蓝色企业级B端后台风格。背景为课程库列表页面的模糊暗色遮罩，中央弹出一个大尺寸模态框。弹窗顶部标题栏：左侧标题"发起师资邀约"，右侧有关闭X按钮。弹窗主体为表单区域，分多个信息分组，用分隔线或小标题区分：1.课程信息区：显示选中的课程名称（如"人工智能基础"）、所属分类，为只读展示；2.基本信息区：授课讲师（下拉选择框，带搜索图标）、培训班名称（输入框）、授课对象（输入框，如"计算机学院教师"）、授课对象层级（下拉框，如校级/院级/系级）；3.授课安排区：培训班起止时间（日期范围选择器，两个日期框）、授课日期（日期多选框或日期范围）、授课学时（数字输入框，单位学时）、教学方式（下拉选择，如线下授课/线上直播/混合式）、学员数（数字输入框）、授课组织单位（输入框，如"教务处"）。弹窗底部：右侧有"取消"按钮（灰色边框）和"确认邀约"按钮（蓝色主按钮）。整体表单采用两列布局，标签左对齐，输入框风格统一，有必填星号标记，风格与课程库页面一致，精致专业
若木42641
民俗活动四项登记管理后台管理系统页面，浅色系设计，包含婚礼、葬礼、送别会三类活动的活动登记、审核监督、异常管控、数据归档功能模块，简洁干净的UI设计，网站后台管理界面，数据表格展示，侧边导航栏，顶部导航栏，浅灰白配色
litian123456789
生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构： 顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」 接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项 然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼] 主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼） 表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」 表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」 操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿） 表格下方是分页器：< 1 2 3 ... > 整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范
1q8ikq3gq43vii6m-HB
A professional financial voucher anomaly quality inspection dashboard UI design, titled "财务凭证异常质检看板" at the top left in bold dark text. Light modern business SaaS style, pure white and very light gray background, clean and fresh. Bento grid layout with well-organized modules, Figma top-tier design, high definition, professional financial software. Top filter bar: Four dropdown filter controls in a row - "公司代码", "会计年月", "分组", "凭证号", each with a clean dropdown arrow and light gray border. Upper metrics section: 3 white rounded cards with soft shadows. Card 1: total voucher count with blue icon. Card 2: anomaly voucher count with red warning icon #FF4D4F. Card 3: anomaly ratio percentage with orange icon. Each card has bold black large numbers and gray description text below. Middle charts section (bento grid): Left side - a donut/ring chart showing status distribution with three segments: 待确认 (pending - yellow/orange), 已修改 (modified - blue), 确认无误 (confirmed correct - green #52C41A), with clear legend on the right. Right side - a line chart showing anomaly count trend across fiscal months, smooth curve with soft blue gradient area fill below the line, x-axis labeled with months, y-axis with count numbers. Bottom section: A clean data table with rounded corners and very thin light gray borders, showing voucher-level detail list. Table columns: 公司代码, 公司名称, 会计年度, 会计月份, 过账日期, 分组, 凭证号 (as clickable blue hyperlink with underline hint), 未通过检查项 (showing specific issues like tax rate error/account error in red tag style), 入账人员用户名, 数据更新时间, 数据来源. Subtle row hover highlight effect with light blue background. Table header with light gray background and bold text. Overall style: modern minimalist, plenty of white space, rigorous typography, B-end product design. Accent colors: warning red #FF4D4F for anomalies, safety green #52C41A for confirmed, primary blue #1890FF for links and charts. Ultra detailed UI, 16:9 landscape aspect ratio.
GD528910067
B端系统平台科技风页面，现代简约风格，模块卡片玻璃拟态效果，毛玻璃半透明卡片，白色主背景，精致圆角，微阴影，专业级中后台产品界面，整体清爽通透。三栏式布局：左侧垂直导航栏，包含6个功能菜单：公权力大数据监督、日常监督、民生监督、四风领域监督、边明边防、重点领域监督；顶部菜单栏包含6个功能：模型管理、模型超市、全息预警、线程管理、数据资源配置、移交平台；中间主内容区包含2大模块卡片：系统应用、监督功能流程图。UI设计，界面设计，高保真，科技感，蓝色科技色调点缀，清晰的信息层级，专业企业级后台系统界面，16:9宽屏比例
W贝贝
AI写作工作台归档待确认弹窗UI界面原型图，横版16:9比例，背景为半透明灰色遮罩，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。弹窗为白色圆角居中显示，宽度约占页面60%，浮在创作对话页上方。弹窗内容：顶部深蓝色背景标题栏，白色文字"归档待确认清单"，右侧有"×"关闭按钮。正文灰色小字提示"AI已根据您的归档指令，将选中的对话提炼为以下内容。请逐条确认后入库。"。核心可滚动清单区展示三条待确认归档内容：待确认项1（案例）：左侧醒目标签"建议存入：案例库"，案例标题"苏州别墅网络盲区售后事件"，提炼内容"客户因门口网络覆盖盲区导致智能锁掉线，经排查是墙面AP位置不当所致。最终通过更换吸顶AP并重新测试信号解决。"，右侧三个操作按钮【确认通过】（暗金色）【修改后通过】【删除本条】；待确认项2（观点）：左侧标签"建议存入：观点库"，观点内容"凭感觉做交付，解决的是90%的问题。凭标准做交付，解决的是尽可能接近100%的问题。"，右侧同样三个按钮；待确认项3（观点）：左侧标签"建议存入：观点库"，观点内容"真正的护城河，不是技术，不是资源，而是信任。"，右侧同样三个按钮。底部操作栏：左侧"全选"复选框，右侧两个按钮"一键确认全部"（暗金色）和"取消"（灰色）。所有文字清晰可读，严谨可靠高效，无卡通花哨元素。
678typ3ch-HB
AI写作工作台归档待确认弹窗UI界面原型图，横版16:9比例，背景为半透明灰色遮罩，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。弹窗为白色圆角居中显示，宽度约占页面60%，浮在创作对话页上方。弹窗内容：顶部深蓝色背景标题栏，白色文字"归档待确认清单"，右侧有"×"关闭按钮。正文灰色小字提示"AI已根据您的归档指令，将选中的对话提炼为以下内容。请逐条确认后入库。"。核心可滚动清单区展示三条待确认归档内容：待确认项1（案例）：左侧醒目标签"建议存入：案例库"，案例标题"苏州别墅网络盲区售后事件"，提炼内容"客户因门口网络覆盖盲区导致智能锁掉线，经排查是墙面AP位置不当所致。最终通过更换吸顶AP并重新测试信号解决。"，右侧三个操作按钮【确认通过】（暗金色）【修改后通过】【删除本条】；待确认项2（观点）：左侧标签"建议存入：观点库"，观点内容"凭感觉做交付，解决的是90%的问题。凭标准做交付，解决的是尽可能接近100%的问题。"，右侧同样三个按钮；待确认项3（观点）：左侧标签"建议存入：观点库"，观点内容"真正的护城河，不是技术，不是资源，而是信任。"，右侧同样三个按钮。底部操作栏：左侧"全选"复选框，右侧两个按钮"一键确认全部"（暗金色）和"取消"（灰色）。所有文字清晰可读，严谨可靠高效，无卡通花哨元素。
678typ3ch-HB
拼接展示四张实验截图：剪映专业版文本朗读语音合成界面，显示机器人工程专业简介文本和不同音色选项；Edge浏览器大声朗读功能界面，显示不同语言口音选择；讯飞听见平台AI语音识别转写结果界面，显示机器人运动控制录音转写文字；整体为电脑屏幕截图风格，清晰自然
1r2e8a7a5ggmqo5w-HB
资源协同平台-资源检索页面高保真UI设计，蓝色企业级B端后台风格，左侧深蓝色侧边栏导航，顶部蓝色导航栏有平台Logo、搜索框、消息铃铛、用户头像。左侧导航当前选中资源中心，高亮资源检索。主内容区：顶部面包屑导航，页面大标题资源检索。页面布局为左侧筛选栏+右侧结果区的经典检索结构。左侧筛选区（约占页面宽度1/4）：顶部有资源类型切换标签（课程库/师资库/案例库/教学资源/基地资源，五库横向排列，当前选中全部），下方为多层级筛选条件，每组筛选条件可折叠展开：关键词搜索框（带放大镜图标）、学科分类（树形结构，可多选，如工学/理学/管理学/经济学等）、项目标签（标签云形式，可多选，如精品课程/规划教材/教改项目等）、专业维度（下拉多选，如电气工程/计算机科学/能源动力等）、资源等级（国家级/省部级/校级）、发布时间范围（日期选择）、适用对象（领导人员/管理人员/专业技术人员/技能人员）。右侧结果区（约占3/4）：顶部为结果统计栏，左侧显示找到相关资源XXXX条，右侧有排序下拉（综合排序/最新发布/浏览量最高/评分最高）和视图切换图标（列表视图/卡片视图/网格视图）。结果展示区采用卡片式网格布局，每行3个资源卡片，每个卡片包含：资源类型角标（课程/师资/案例等不同颜色）、缩略图或图标、资源标题、所属单位/主讲人、学科分类标签、浏览量、评分、收藏按钮。卡片底部有查看详情按钮。页面底部有分页组件。整体界面精致专业，筛选条件清晰，结果卡片信息丰富，蓝色主调，阴影柔和，圆角适中
若木42641
![AI写作工作台选题库管理页V2 UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"选题管理"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"选题管理"。状态标签栏：两个横向标签页，"待写"当前选中深蓝色背景旁小数字8，"已写"旁小数字15。操作栏：左侧"全选"复选框，右侧两个按钮"批量自动生成"（暗金色）和"新建选题"。内容列表区（待写区）：极简表格，列名为选题标题、指定框架、创建时间、操作，每行左侧有复选框。四行数据：第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]"，第二行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [编辑] [删除]"，第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]"，第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区（模拟点击第一行编辑后在表格下方展开）：选题标题输入框已填"关于C端和B端本质区别的深度思考"；指定框架下拉菜单当前选中"深度文章"；选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点：很多从业者分不清C端和B端交付的本质区别，导致用C端思维做B端生意，越做越累。拟从自身踩坑经历出发，深入剖析两者在问题属性、交付标准、沟通成本上的根本差异，最终指向'规则至上'的核心战略选择。"，文本框右下角【AI重新提炼】按钮，旁边小字提示"点击将基于最新对话记录，重新生成选题背景。"；底部操作区醒目暗金色按钮"保存修改"，旁边灰色"取消"按钮。底部操作栏：醒目暗金色按钮"批量自动生成"，旁边小字说明"勾选选题后，点击此按钮，系统将自动调用各选题指定的框架和知识库，在后台依次生成文章初稿。生成后文章将存入'生成待审区'，选题将自动移入'已写区'。"。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/28214d6a-e71a-477b-b2de-f1ca1e5f07ba21804.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![AI写作工作台选题库管理页UI界面原型图，横版16:9比例，背景纯白，主色调深蓝与暗金，极简商务风格，严谨专业，高信任感。左侧深蓝色侧边栏约占1/6宽度，顶部暗金色品牌标志文字"智宅焕·AI写作工作台"，下方竖向导航菜单深灰色文字，当前选中项"选题管理"为深蓝色背景白色文字，其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区：顶部大号深蓝色粗体标题"选题管理"。状态标签栏：两个横向标签页，"待写"当前选中深蓝色背景旁小数字8，"已写"旁小数字15。操作栏：左侧"全选"复选框，右侧两个按钮"批量自动生成"（暗金色）和"新建选题"。内容列表区（待写区）：极简表格，列名为选题标题、指定框架、创建时间、操作，每行左侧有复选框。四行数据：第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]"，第二行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [编辑] [删除]"，第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]"，第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。底部操作栏：醒目暗金色按钮"批量自动生成"，旁边小字说明"勾选选题后，点击此按钮，系统将自动调用各选题指定的框架和知识库，在后台依次生成文章初稿。生成后文章将存入'生成待审区'，选题将自动移入'已写区'。"。已写区用虚线框标注"切换后展示"，表格列名相同无复选框，两行数据：第一行"为什么我们坚持按时间收费？ | 日常干货 | 2026-07-25 | [查看关联文章] [重新生成]"，第二行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [查看关联文章] [重新生成]"。所有文字清晰可读，模拟真实软件后台界面，严谨高效可配置，无卡通花哨元素。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/7533450e-d81a-4615-9363-6ca1a6db81e021517.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![生成问卷调研系统后台管理页面的任务列表页设计，遵循如下布局结构：
顶部左侧为「新建任务」按钮，右侧为搜索框「搜索任务...」
接下来是Tab切换栏，包含全部 | 草稿(3) | 进行中(8) | 已关闭(34)几个选项
然后是过滤栏：场景筛选：[全部 ▼] 部门：[全部 ▼] 时间：[最近30天 ▼]
主体是任务表格，表头包含：任务名称 | 场景（彩色标签） | 部门 | 时间范围 | 状态（标签）| 已填/总数（含进度条）| 剩余名额 | 可见范围 | 操作（查看/统计/更多 ▼）
表格样例行：任务名称「2025年度考核」，场景标签「人员考核」，状态「进行中」，进度「67%」
表格样例行：任务名称「食堂满意度调查」，场景标签「满意度」，状态「进行中」，进度「89%」
操作菜单“更多”下拉包含：编辑任务（仅草稿）、发布任务（仅草稿）、查看进度、二维码管理、统计分析、关闭任务、删除（仅草稿）
表格下方是分页器：< 1 2 3 ... >
整体风格采用现代简约浅色UI设计，和参考图一致的清爽后台系统风格，保持干净的卡片式布局和一致的配色规范](https://gd-cms.dancf.com/gd-cms/xi19e5/0/195b7aee-d00c-47c8-9aa1-c469b90bb68629679.jpg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
