飞书风格的企业协同软件消息主界面设计,Windows WPF桌… - 图片创意预览

飞书风格的企业协同软件消息主界面设计,Windows WPF桌…

飞书风格的企业协同软件消息主界面设计,Windows WPF桌面端应用。整体现代简约商务风格,三栏布局。左侧导航栏(最窄,约60px宽):浅灰色背景,顶部有小矮人logo图标,下方垂直排列四个导航图标

用户头像

1q2rqdj61m-...

2026.09.20
基于参考图的设计风格,设计一个渠道活码详情页,内容丰富。保持完全一致的整体风格:左侧浅蓝到浅青渐变导航栏(深度开创logo,营销获客菜单展开,渠道活码项选中)、顶部搜索栏和用户头像、右侧左下角浅蓝到右上角浅灰渐变背景、白色卡片、科技蓝主色调、精致圆角。页面内容:顶部面包屑(营销获客 / 渠道活码 / 详情),返回箭头,标题"618活动推广码",状态标签(启用-绿色),右上角操作按钮组(编辑、下载二维码、停用)。页面主体分多个模块卡片:1. 基本信息卡片:活码名称、渠道类型(线上广告)、关联员工、欢迎语、标签、创建时间、创建人等信息,右侧展示二维码预览图(带logo的企微二维码)。2. 数据概览卡片(4个数据指标):累计扫码人数、累计添加客户数、总转化率、今日新增客户,每个带小趋势图。3. 数据趋势图表卡片:折线图展示近30天扫码人数和添加客户数趋势,带时间筛选(今日/近7日/近30日/自定义)。4. 渠道来源分布卡片:饼图展示不同来源渠道的占比分布。5. 扫码客户列表卡片:表格展示扫码添加的客户列表,包含客户头像、客户昵称、扫码时间、添加状态、标签、操作(查看详情),带分页。整体布局丰富有序,信息层级清晰,专业B端SaaS产品界面,文字清晰无乱码,1920x1080尺寸基于参考图的设计风格,设计一个渠道活码详情页,内容丰富。保持完全一致的整体风格:左侧浅蓝到浅青渐变导航栏(深度开创logo,营销获客菜单展开,渠道活码项选中)、顶部搜索栏和用户头像、右侧左下角浅蓝到右上角浅灰渐变背景、白色卡片、科技蓝主色调、精致圆角。页面内容:顶部面包屑(营销获客 / 渠道活码 / 详情),返回箭头,标题"618活动推广码",状态标签(启用-绿色),右上角操作按钮组(编辑、下载二维码、停用)。页面主体分多个模块卡片:1. 基本信息卡片:活码名称、渠道类型(线上广告)、关联员工、欢迎语、标签、创建时间、创建人等信息,右侧展示二维码预览图(带logo的企微二维码)。2. 数据概览卡片(4个数据指标):累计扫码人数、累计添加客户数、总转化率、今日新增客户,每个带小趋势图。3. 数据趋势图表卡片:折线图展示近30天扫码人数和添加客户数趋势,带时间筛选(今日/近7日/近30日/自定义)。4. 渠道来源分布卡片:饼图展示不同来源渠道的占比分布。5. 扫码客户列表卡片:表格展示扫码添加的客户列表,包含客户头像、客户昵称、扫码时间、添加状态、标签、操作(查看详情),带分页。整体布局丰富有序,信息层级清晰,专业B端SaaS产品界面,文字清晰无乱码,1920x1080尺寸
生成一张网页端后台管理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风格专业整洁,整体与上一张智宅焕管理后台设计风格保持统一。
AI写作工作台回顾历史弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"回顾历史对话",右侧有"×"关闭按钮。搜索区:醒目搜索框内浅灰色提示文字"输入关键词,检索所有历史对话...",右侧暗金色"搜索"按钮。检索结果可滚动列表展示三条结果:结果1:左侧复选框,标题"与钱工讨论苏州别墅网络盲区问题",摘要"钱工反馈,客户家门口的智能锁频繁掉线,经排查是之前配的墙面AP位置不当,信号无法覆盖到玄关...",右下角小字时间"2026-07-15";结果2:左侧复选框,标题"灯具厂朋友想转行去养鸡",摘要"中山做灯具的朋友说他看不到希望了,想转行去养走地鸡。我跟他说,你缺的不是勇气,而是一个能帮你把产品变成'确定性'的交付后盾...",右下角小字时间"2026-06-28";结果3:左侧复选框,标题"关于'信任账户'理论的深度推演",摘要"我们在讨论中首次提出了'信任账户'这个概念。信任不是一个抽象概念,而是一个可量化的存取系统。每一次准时交付都是存款,每一次...",右下角小字时间"2026-05-20"。底部操作栏:左侧"全选"复选框,右侧醒目暗金色按钮"引用到当前对话",按钮旁小字说明"勾选后将把相关对话片段加载到当前创作窗口,成为AI回答的背景信息。"。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。AI写作工作台回顾历史弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"回顾历史对话",右侧有"×"关闭按钮。搜索区:醒目搜索框内浅灰色提示文字"输入关键词,检索所有历史对话...",右侧暗金色"搜索"按钮。检索结果可滚动列表展示三条结果:结果1:左侧复选框,标题"与钱工讨论苏州别墅网络盲区问题",摘要"钱工反馈,客户家门口的智能锁频繁掉线,经排查是之前配的墙面AP位置不当,信号无法覆盖到玄关...",右下角小字时间"2026-07-15";结果2:左侧复选框,标题"灯具厂朋友想转行去养鸡",摘要"中山做灯具的朋友说他看不到希望了,想转行去养走地鸡。我跟他说,你缺的不是勇气,而是一个能帮你把产品变成'确定性'的交付后盾...",右下角小字时间"2026-06-28";结果3:左侧复选框,标题"关于'信任账户'理论的深度推演",摘要"我们在讨论中首次提出了'信任账户'这个概念。信任不是一个抽象概念,而是一个可量化的存取系统。每一次准时交付都是存款,每一次...",右下角小字时间"2026-05-20"。底部操作栏:左侧"全选"复选框,右侧醒目暗金色按钮"引用到当前对话",按钮旁小字说明"勾选后将把相关对话片段加载到当前创作窗口,成为AI回答的背景信息。"。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。
AI写作工作台回顾历史弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"回顾历史对话",右侧有"×"关闭按钮。搜索区:醒目搜索框内浅灰色提示文字"输入关键词,检索所有历史对话...",右侧暗金色"搜索"按钮。检索结果可滚动列表展示三条结果:结果1:左侧复选框,标题"与钱工讨论苏州别墅网络盲区问题",摘要"钱工反馈,客户家门口的智能锁频繁掉线,经排查是之前配的墙面AP位置不当,信号无法覆盖到玄关...",右下角小字时间"2026-07-15";结果2:左侧复选框,标题"灯具厂朋友想转行去养鸡",摘要"中山做灯具的朋友说他看不到希望了,想转行去养走地鸡。我跟他说,你缺的不是勇气,而是一个能帮你把产品变成'确定性'的交付后盾...",右下角小字时间"2026-06-28";结果3:左侧复选框,标题"关于'信任账户'理论的深度推演",摘要"我们在讨论中首次提出了'信任账户'这个概念。信任不是一个抽象概念,而是一个可量化的存取系统。每一次准时交付都是存款,每一次...",右下角小字时间"2026-05-20"。底部操作栏:左侧"全选"复选框,右侧醒目暗金色按钮"引用到当前对话",按钮旁小字说明"勾选后将把相关对话片段加载到当前创作窗口,成为AI回答的背景信息。"。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。AI写作工作台回顾历史弹窗UI界面原型图,横版16:9比例,背景为半透明灰色遮罩,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。弹窗为白色圆角居中显示,宽度约占页面60%,浮在创作对话页上方。弹窗内容:顶部深蓝色背景标题栏,白色文字"回顾历史对话",右侧有"×"关闭按钮。搜索区:醒目搜索框内浅灰色提示文字"输入关键词,检索所有历史对话...",右侧暗金色"搜索"按钮。检索结果可滚动列表展示三条结果:结果1:左侧复选框,标题"与钱工讨论苏州别墅网络盲区问题",摘要"钱工反馈,客户家门口的智能锁频繁掉线,经排查是之前配的墙面AP位置不当,信号无法覆盖到玄关...",右下角小字时间"2026-07-15";结果2:左侧复选框,标题"灯具厂朋友想转行去养鸡",摘要"中山做灯具的朋友说他看不到希望了,想转行去养走地鸡。我跟他说,你缺的不是勇气,而是一个能帮你把产品变成'确定性'的交付后盾...",右下角小字时间"2026-06-28";结果3:左侧复选框,标题"关于'信任账户'理论的深度推演",摘要"我们在讨论中首次提出了'信任账户'这个概念。信任不是一个抽象概念,而是一个可量化的存取系统。每一次准时交付都是存款,每一次...",右下角小字时间"2026-05-20"。底部操作栏:左侧"全选"复选框,右侧醒目暗金色按钮"引用到当前对话",按钮旁小字说明"勾选后将把相关对话片段加载到当前创作窗口,成为AI回答的背景信息。"。所有文字清晰可读,严谨可靠高效,无卡通花哨元素。