创意预览图

移动端UI设计，个人中心"我的"页面，延续之前设备页和数据页的简约风格。 1. 顶部区域：显示圆形用户头像，右侧昵称"王大爷家"，下方显示设备编号"GDZT-2024001"和安装日期"2024.10

用户头像

GD475624818

2026.04.19
用户k1pOHgi6用户k1pOHgi6
МойкомандирМойкомандир
GD475624818GD475624818
МойкомандирМойкомандир
МойкомандирМойкомандир
EmmaDengEmmaDeng
乐清_乐清_
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为客户在自动验收前24小时收到的全屏强制提醒弹窗，全屏半透明深色遮罩，中央居中展示圆角带阴影弹窗卡片，宽度占屏幕80%，必须点击按钮才能关闭。 弹窗从上到下布局： 1. 顶部：中央醒目的⏰提醒图标，图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息：展示订单信息：订单编号“ZXH20260703001”，项目名称“张先生家智能改造”，服务内容“现场安装调试”，分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”，下方小字“如对交付结果有异议，请及时处理”，再下方小字“超时未处理，系统将自动完成验收，订单状态变更为‘已完成’”，时间信息大而清晰，弹窗醒目有紧迫感。 3. 底部操作区：纵向排列两个按钮，间距适中：主色高亮大按钮“确认验收”（点击进入验收确认流程），警示色边框按钮“发起争议”（点击进入争议发起页面），按钮下方灰色弱化文字链接“稍后处理”（点击关闭弹窗，系统将持续提醒）。 页面底部虚线框标注关闭弹窗后的状态：标注“关闭弹窗后 ↓”，框内示意：弹窗关闭后，项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收，如有问题请及时处理”，提示条右侧有“立即处理”按钮。 两个核心操作按钮提供明确下一步路径，稍后处理为低优先级选项视觉弱化，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为客户在自动验收前24小时收到的全屏强制提醒弹窗，全屏半透明深色遮罩，中央居中展示圆角带阴影弹窗卡片，宽度占屏幕80%，必须点击按钮才能关闭。 弹窗从上到下布局： 1. 顶部：中央醒目的⏰提醒图标，图标下方橙色警示色标题“自动验收提醒”。 2. 中部核心信息：展示订单信息：订单编号“ZXH20260703001”，项目名称“张先生家智能改造”，服务内容“现场安装调试”，分隔线后居中大字核心提示“您的订单将于24小时后自动完成验收”，下方小字“如对交付结果有异议，请及时处理”，再下方小字“超时未处理，系统将自动完成验收，订单状态变更为‘已完成’”，时间信息大而清晰，弹窗醒目有紧迫感。 3. 底部操作区：纵向排列两个按钮，间距适中：主色高亮大按钮“确认验收”（点击进入验收确认流程），警示色边框按钮“发起争议”（点击进入争议发起页面），按钮下方灰色弱化文字链接“稍后处理”（点击关闭弹窗，系统将持续提醒）。 页面底部虚线框标注关闭弹窗后的状态：标注“关闭弹窗后 ↓”，框内示意：弹窗关闭后，项目看板顶部展示黄色提示条“您的订单将于24小时后自动验收，如有问题请及时处理”，提示条右侧有“立即处理”按钮。 两个核心操作按钮提供明确下一步路径，稍后处理为低优先级选项视觉弱化，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。
创意 × 4
678typ3ch-HB678typ3ch-HB
Linda.Batz80Linda.Batz80
GD475624818GD475624818
GD475624818GD475624818
GD475624818GD475624818
GD475624818GD475624818
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为管理员在派单工作台点击“指派师傅”后弹出的底部选择弹窗，弹窗从底部弹出，覆盖页面约85%高度，背景为半透明黑色遮罩，弹窗顶部带圆角浅灰色标题栏。 弹窗布局： 1. 弹窗顶部：左侧标题“选择师傅”，右侧“×”关闭按钮。 2. 区域一：筛选条件区，紧凑排列三个筛选框：角色类型下拉选择框（占位“角色类型”，展开选项：智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他），擅长品类下拉多选框（占位“擅长品类”，展开选项：全屋调试 / 智能开关 / 窗帘电机 / 空调暖通 / 传感器 / 网络设备 / 灯具安装 / 其他），服务城市下拉选择框（默认选中“上海”，对应任务城市），筛选条件下方小尺寸主色“筛选”按钮，筛选条件紧凑不占过多空间。 3. 区域二：师傅列表，上下排列可滚动，展示至少3位师傅卡片，每张卡片： 师傅卡片1：左侧信息区：师傅姓名“张建国”，蓝色小标签“智能安装及调试师傅”，小号横排擅长品类标签“智能开关 / 窗帘电机 / 全屋调试”，服务区域“上海市”，累计接单量“328单”；右侧信息区：灰色小字“默认佣金比例：70%”（标注仅管理员可见），橙色突出展示“预计佣金：¥560”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。 师傅卡片2：左侧信息区：师傅姓名“李国强”，蓝色小标签“智能安装及调试师傅”，小号横排标签“智能开关 / 灯具安装 / 网络设备”，服务区域“上海市、苏州市”，累计接单量“156单”；右侧信息区：灰色小字“默认佣金比例：65%”，突出展示“预计佣金：¥520”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。 师傅卡片3：占位展示第三位师傅信息，保持同卡片格式。 4. 选中确认：点击选择后，对应师傅卡片增加高亮边框，弹窗底部出现确认条“已选择：张建国 | 佣金：¥560”，附带主色高亮“确认指派”按钮；点击确认后弹窗关闭，任务指派状态更新。 佣金金额醒目展示，仅管理员可见字段用灰色小字区分，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为管理员在派单工作台点击“指派师傅”后弹出的底部选择弹窗，弹窗从底部弹出，覆盖页面约85%高度，背景为半透明黑色遮罩，弹窗顶部带圆角浅灰色标题栏。 弹窗布局： 1. 弹窗顶部：左侧标题“选择师傅”，右侧“×”关闭按钮。 2. 区域一：筛选条件区，紧凑排列三个筛选框：角色类型下拉选择框（占位“角色类型”，展开选项：智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他），擅长品类下拉多选框（占位“擅长品类”，展开选项：全屋调试 / 智能开关 / 窗帘电机 / 空调暖通 / 传感器 / 网络设备 / 灯具安装 / 其他），服务城市下拉选择框（默认选中“上海”，对应任务城市），筛选条件下方小尺寸主色“筛选”按钮，筛选条件紧凑不占过多空间。 3. 区域二：师傅列表，上下排列可滚动，展示至少3位师傅卡片，每张卡片： 师傅卡片1：左侧信息区：师傅姓名“张建国”，蓝色小标签“智能安装及调试师傅”，小号横排擅长品类标签“智能开关 / 窗帘电机 / 全屋调试”，服务区域“上海市”，累计接单量“328单”；右侧信息区：灰色小字“默认佣金比例：70%”（标注仅管理员可见），橙色突出展示“预计佣金：¥560”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。 师傅卡片2：左侧信息区：师傅姓名“李国强”，蓝色小标签“智能安装及调试师傅”，小号横排标签“智能开关 / 灯具安装 / 网络设备”，服务区域“上海市、苏州市”，累计接单量“156单”；右侧信息区：灰色小字“默认佣金比例：65%”，突出展示“预计佣金：¥520”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。 师傅卡片3：占位展示第三位师傅信息，保持同卡片格式。 4. 选中确认：点击选择后，对应师傅卡片增加高亮边框，弹窗底部出现确认条“已选择：张建国 | 佣金：¥560”，附带主色高亮“确认指派”按钮；点击确认后弹窗关闭，任务指派状态更新。 佣金金额醒目展示，仅管理员可见字段用灰色小字区分，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。
创意 × 4
678typ3ch-HB678typ3ch-HB
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
МойкомандирМойкомандир
1r4don6tcdcY2Ugg-HB1r4don6tcdcY2Ugg-HB
GD159997899GD159997899
乐清_乐清_
GD1180302724GD1180302724
爱上鲨鱼的人鱼112爱上鲨鱼的人鱼112
用户yg1lBhaS用户yg1lBhaS
[第3屏] 家政服务项目总览卡片展示。 [氛围/风格] 清新专业，卡片式布局，图标+文字组合，信息层级清晰，商业设计感。 [元素布局] 画面顶部为标题区，下方是2x3的服务卡片网格，共6张服务项目卡片，每张卡片包含：彩色图标、服务名称、简短说明、价格标签；卡片内容分别为：日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项；卡片之间有均匀间距，背景为浅色渐变，底部有「更多服务请咨询」引导。 [光影质感] 卡片有轻微投影和圆角，悬浮感设计，整体光线均匀明亮，无强烈阴影。 [配色色系] 全局底色 #F5F9F7 浅青白；主色 #2BAE8F 清新绿用于标题和重点卡片；辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标；卡片底色为白色。 [视角构图] 垂直排版，从上到下阅读，卡片网格居中对齐，信息密度适中。 [文字版式] 顶部大标题「六大服务 全面守护」，副标题「按需选择 灵活预约」；每张卡片内：上方圆形彩色图标，中间服务名称加粗大字，下方小字说明，右下角小标签价格/起；底部绿色按钮样式文字「立即预约 专属方案」；所有文字清晰可读，无衬线黑体。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，颜色偏差，低俗。[第3屏] 家政服务项目总览卡片展示。 [氛围/风格] 清新专业，卡片式布局，图标+文字组合，信息层级清晰，商业设计感。 [元素布局] 画面顶部为标题区，下方是2x3的服务卡片网格，共6张服务项目卡片，每张卡片包含：彩色图标、服务名称、简短说明、价格标签；卡片内容分别为：日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项；卡片之间有均匀间距，背景为浅色渐变，底部有「更多服务请咨询」引导。 [光影质感] 卡片有轻微投影和圆角，悬浮感设计，整体光线均匀明亮，无强烈阴影。 [配色色系] 全局底色 #F5F9F7 浅青白；主色 #2BAE8F 清新绿用于标题和重点卡片；辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标；卡片底色为白色。 [视角构图] 垂直排版，从上到下阅读，卡片网格居中对齐，信息密度适中。 [文字版式] 顶部大标题「六大服务 全面守护」，副标题「按需选择 灵活预约」；每张卡片内：上方圆形彩色图标，中间服务名称加粗大字，下方小字说明，右下角小标签价格/起；底部绿色按钮样式文字「立即预约 专属方案」；所有文字清晰可读，无衬线黑体。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，颜色偏差，低俗。
GD837395318GD837395318
1r78m6m1tqn4-07Q-HB1r78m6m1tqn4-07Q-HB
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户支付成功后的完整项目看板页面，页面内容可滚动。 从上到下布局： 1. 顶部项目状态栏：显示项目名称“张先生家智能改造”，橙色标签“服务中”订单状态，小字灰色订单编号“ZXH20260703001”。 2. 互动沟通区：区域标题“项目沟通”，右侧红点醒目提示“● 2条新消息”，简易留言板样式，展示最近3条对话：左侧师傅消息带“张师傅”标签「我已到现场，开始安装开关面板」，右侧客户消息「好的，客厅的开关请先装」，左侧师傅消息「收到，预计下午3点完成开关安装」；底部有消息输入框、“发送”按钮，输入框旁有📎附件按钮。 3. 验收确认区（当前核心操作区，突出展示）：区域标题“验收确认”，当前状态展示“待验收 - 师傅已提交完工资料”，有一个边框样式“查看交付物”按钮，占位展示交付物缩略图区域（几张照片缩略图+文件图标），主色高亮大按钮“确认验收”，下方小字提示“如72小时内未确认且未提出异议，系统将自动完成验收”。 4. 评价区：区域标题“服务评价”，状态提示“验收完成后可进行评价”（当前整体置灰），占位灰色不可点击的五星评价组件和置灰评价文字输入框。 5. 历史订单列表：区域标题“历史订单”，列表展示两条订单：第一条主订单：编号ZXH20260703001，类型现场安装调试，时间2026-07-03，标签状态服务中，金额¥2,600；第二条关联订单：编号ZXH20260705001，类型智能锁安装，时间2026-07-05，标签状态已完成，金额¥350。 6. 底部固定按钮区：全宽次要按钮“关联订单”，全宽低调警示色按钮“发起争议”。 四个区域用清晰分隔线或卡片间距区分，所有文字清晰可见，使用无衬线字体，整体风格和前序智宅焕设计保持统一。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户支付成功后的完整项目看板页面，页面内容可滚动。 从上到下布局： 1. 顶部项目状态栏：显示项目名称“张先生家智能改造”，橙色标签“服务中”订单状态，小字灰色订单编号“ZXH20260703001”。 2. 互动沟通区：区域标题“项目沟通”，右侧红点醒目提示“● 2条新消息”，简易留言板样式，展示最近3条对话：左侧师傅消息带“张师傅”标签「我已到现场，开始安装开关面板」，右侧客户消息「好的，客厅的开关请先装」，左侧师傅消息「收到，预计下午3点完成开关安装」；底部有消息输入框、“发送”按钮，输入框旁有📎附件按钮。 3. 验收确认区（当前核心操作区，突出展示）：区域标题“验收确认”，当前状态展示“待验收 - 师傅已提交完工资料”，有一个边框样式“查看交付物”按钮，占位展示交付物缩略图区域（几张照片缩略图+文件图标），主色高亮大按钮“确认验收”，下方小字提示“如72小时内未确认且未提出异议，系统将自动完成验收”。 4. 评价区：区域标题“服务评价”，状态提示“验收完成后可进行评价”（当前整体置灰），占位灰色不可点击的五星评价组件和置灰评价文字输入框。 5. 历史订单列表：区域标题“历史订单”，列表展示两条订单：第一条主订单：编号ZXH20260703001，类型现场安装调试，时间2026-07-03，标签状态服务中，金额¥2,600；第二条关联订单：编号ZXH20260705001，类型智能锁安装，时间2026-07-05，标签状态已完成，金额¥350。 6. 底部固定按钮区：全宽次要按钮“关联订单”，全宽低调警示色按钮“发起争议”。 四个区域用清晰分隔线或卡片间距区分，所有文字清晰可见，使用无衬线字体，整体风格和前序智宅焕设计保持统一。
678typ3ch-HB678typ3ch-HB