设计网页端活动核销后台管理系统登录页,尺寸1920*1080,… - 图片创意预览

设计网页端活动核销后台管理系统登录页,尺寸1920*1080,…

设计网页端活动核销后台管理系统登录页,尺寸1920*1080,包含用户名输入框、密码输入框、验证码输入框、记住密码选择框和登录按钮,现代简约商务风格,干净清晰

用户头像

1pzzxhlo5hs...

2026.09.01
基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。 弹窗采用三段式标准布局: 1. 顶部标题栏:左侧显示"钥匙归还办理"标题,右侧有X关闭按钮。 2. 中部表单展示与填报区,两列布局: - 第一行左:钥匙编号(只读,灰色背景,显示KEY2024050003) - 第一行右:钥匙名称(只读,灰色背景,显示化学水车间大门钥匙) - 第二行左:存放位置(只读,灰色背景,显示化学水车间钥匙柜02号) - 第二行右:当前状态(只读,红色标签显示"已借出(未归还)") - 第三行左:借用人(只读,灰色背景,显示张三) - 第三行右:借用时间(只读,灰色背景,显示2024-05-20 08:30) - 第四行:借用用途(只读,灰色背景,占满整行,显示日常巡检) 分隔线后是核心业务选择区: - 归还状态选择(带红色*号必填):两个单选按钮选项横向排列 - ○ 按期正常归还(默认选中,绿色圆点) - ○ 未按期归还(橙色/红色圆点,选中后下方出现提示文字:将自动记录异常并写入运行日志) - 归还备注(选填,文本域/多行输入框,占位文字:请填写归还情况、异常说明、延期原因等(选填)) - 归还操作时间(只读,灰色背景,显示"提交时自动获取当前时间") - 操作人(只读,灰色背景,显示"当前登录用户自动获取") 3. 底部操作按钮区:右侧排列两个按钮,【取消】灰色按钮在左,【确认提交】蓝色主按钮在右。 整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。基于参考图的火电厂生产管理系统UI风格,设计一个钥匙归还办理弹窗。弹窗居中显示在台账页面上方,背景有半透明遮罩层,整体版式与钥匙领用弹窗完全统一。

弹窗采用三段式标准布局:

1. 顶部标题栏:左侧显示"钥匙归还办理"标题,右侧有X关闭按钮。

2. 中部表单展示与填报区,两列布局:
   - 第一行左:钥匙编号(只读,灰色背景,显示KEY2024050003)
   - 第一行右:钥匙名称(只读,灰色背景,显示化学水车间大门钥匙)
   - 第二行左:存放位置(只读,灰色背景,显示化学水车间钥匙柜02号)
   - 第二行右:当前状态(只读,红色标签显示"已借出(未归还)")
   - 第三行左:借用人(只读,灰色背景,显示张三)
   - 第三行右:借用时间(只读,灰色背景,显示2024-05-20 08:30)
   - 第四行:借用用途(只读,灰色背景,占满整行,显示日常巡检)
   
   分隔线后是核心业务选择区:
   - 归还状态选择(带红色*号必填):两个单选按钮选项横向排列
     - ○ 按期正常归还(默认选中,绿色圆点)
     - ○ 未按期归还(橙色/红色圆点,选中后下方出现提示文字:将自动记录异常并写入运行日志)
   
   - 归还备注(选填,文本域/多行输入框,占位文字:请填写归还情况、异常说明、延期原因等(选填))
   
   - 归还操作时间(只读,灰色背景,显示"提交时自动获取当前时间")
   - 操作人(只读,灰色背景,显示"当前登录用户自动获取")

3. 底部操作按钮区:右侧排列两个按钮,【取消】灰色按钮在左,【确认提交】蓝色主按钮在右。

整体风格与参考图一致:蓝色主题色,简洁专业的后台管理系统风格,左侧深蓝色导航栏和台账页面作为背景被半透明遮罩覆盖。
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"。所有文字清晰可读,模拟真实软件后台界面,严谨高效安全,无卡通花哨元素。
[第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分辨率,超高清