创意预览图

一张手机版培训海报,整体展示从接单到完工的操作流程图,重点突出五项改造内容:1、支持工单挂起、取消、二次转派(研选到家平台之间流转);2、工匠扫码进小区(研选、到家平台工人);3、上门超时提醒推送;4

用户头像

1qaufo600rt...

2025.09.11
一张通知公告海报,竖版9:16比例,扁平插画风格,蓝色主色调,白色背景,清晰正式。画面顶部居中放置一个卡通小哥头像:戴蓝色帽子,帽子上有白色万字形徽章,穿蓝白制服,圆脸浓眉腮红,表情开心张嘴笑。头像下方直接是主标题"开启通知,不错过每一笔订单",深蓝色加粗大字,醒目突出。(注意:去掉副标题部分)。主标题下方为正文段落区,正文内容为"师傅你好,请开启消息通知,及时接收新订单派单、平台福利等重要提醒。每一条订单提醒都可能是一笔收入,请立即前往设置开启,接单快人一步。",文字排版整齐,"新订单派单、平台福利"和"一笔收入"、"接单快人一步"用蓝色高亮强调,其余文字为深灰色,分段清晰,格式美观易读。正文下方为操作路径指引区,标题为"操作路径",用三步编号形式呈现:第1步"底部【消息】",第2步配手机界面示意图,手机界面顶部右上角有一个齿轮设置图标,图标旁标注文字"通知设置"(圆圈内写通知设置字样),手机界面内有消息列表样式,第3步"开启消息通知",每一步用箭头连接。底部区域放置引导语和CTA按钮,按钮为金黄色圆角按钮,按钮上写"立即开启",按钮右侧有箭头图标。右下角有一个二维码占位方块,方块内写"二维码占位"文字,下方小字"扫码了解更多福利"。整体版式精美,信息分区明确,四周留有安全边距,所有文字清晰可读,校对准确无错字。画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位、横线待填写区域,确保是完整可用的成品海报。一张通知公告海报,竖版9:16比例,扁平插画风格,蓝色主色调,白色背景,清晰正式。画面顶部居中放置一个卡通小哥头像:戴蓝色帽子,帽子上有白色万字形徽章,穿蓝白制服,圆脸浓眉腮红,表情开心张嘴笑。头像下方直接是主标题"开启通知,不错过每一笔订单",深蓝色加粗大字,醒目突出。(注意:去掉副标题部分)。主标题下方为正文段落区,正文内容为"师傅你好,请开启消息通知,及时接收新订单派单、平台福利等重要提醒。每一条订单提醒都可能是一笔收入,请立即前往设置开启,接单快人一步。",文字排版整齐,"新订单派单、平台福利"和"一笔收入"、"接单快人一步"用蓝色高亮强调,其余文字为深灰色,分段清晰,格式美观易读。正文下方为操作路径指引区,标题为"操作路径",用三步编号形式呈现:第1步"底部【消息】",第2步配手机界面示意图,手机界面顶部右上角有一个齿轮设置图标,图标旁标注文字"通知设置"(圆圈内写通知设置字样),手机界面内有消息列表样式,第3步"开启消息通知",每一步用箭头连接。底部区域放置引导语和CTA按钮,按钮为金黄色圆角按钮,按钮上写"立即开启",按钮右侧有箭头图标。右下角有一个二维码占位方块,方块内写"二维码占位"文字,下方小字"扫码了解更多福利"。整体版式精美,信息分区明确,四周留有安全边距,所有文字清晰可读,校对准确无错字。画面中所有信息区域必须填充完整合理的内容,不得出现空白框、空白占位、横线待填写区域,确保是完整可用的成品海报。
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅点击进入工作台后的订单核心操作面板,内容较多可上下滚动。 从上到下布局: 1. 顶部导航:左上角“← 返回”,页面标题“订单工作台”,橙色标签“服务中”订单状态。 2. 区域一:项目信息区,区域标题“项目信息”,灰色底只读信息卡片:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装,窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单:查看产品清单」。 3. 区域二:服务清单与佣金信息区,区域标题“服务与佣金”,服务明细卡片:服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」,下方绿色文字展示“含远程补贴:¥80”,底部大字橙色突出展示“本单总佣金:¥640”,小字标注“此为完成本单后可获得的全部佣金”,佣金信息醒目展示。 4. 区域三:资料互动区,区域标题“资料与沟通”,子Tab切换:客户资料 | 我的上传 | 沟通记录,当前展示客户资料:文件列表占位示意:📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png,每个文件右侧有“下载”按钮;虚线框示意切换至我的上传:“+ 上传文件”按钮,上传可选标签:户型图/现场照片/方案图纸/验收单/其他,占位已上传文件列表;虚线框示意切换至沟通记录:“+ 发起资料请求”,输入框+发送按钮,占位对话记录列表。 5. 区域四:关键操作区,区域标题“操作”,当前为安装调试师傅,全宽按钮依次展示:主色“预约客户”按钮,下方标注“已预约:2026-07-15 9:00”;主色“到达签到”按钮,下方标注“签到时间:9:03”;次要全宽按钮“签退及日志”,下方标注“填写今日工作概要(选填)”;高亮警示色全宽按钮“提交验收”,下方标注“上传完工照片或视频”;虚线框标注:“如角色为项目经理,额外展示 ↓”,额外展示按钮“项目经理审核”。 操作按钮清晰,状态明确,资料互动子Tab切换用虚线框示意即可,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,参考上传图片风格与智宅焕前序UI体系保持一致,为师傅点击进入工作台后的订单核心操作面板,内容较多可上下滚动。
从上到下布局:
1. 顶部导航:左上角“← 返回”,页面标题“订单工作台”,橙色标签“服务中”订单状态。
2. 区域一:项目信息区,区域标题“项目信息”,灰色底只读信息卡片:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装,窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单:查看产品清单」。
3. 区域二:服务清单与佣金信息区,区域标题“服务与佣金”,服务明细卡片:服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」,下方绿色文字展示“含远程补贴:¥80”,底部大字橙色突出展示“本单总佣金:¥640”,小字标注“此为完成本单后可获得的全部佣金”,佣金信息醒目展示。
4. 区域三:资料互动区,区域标题“资料与沟通”,子Tab切换:客户资料 | 我的上传 | 沟通记录,当前展示客户资料:文件列表占位示意:📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png,每个文件右侧有“下载”按钮;虚线框示意切换至我的上传:“+ 上传文件”按钮,上传可选标签:户型图/现场照片/方案图纸/验收单/其他,占位已上传文件列表;虚线框示意切换至沟通记录:“+ 发起资料请求”,输入框+发送按钮,占位对话记录列表。
5. 区域四:关键操作区,区域标题“操作”,当前为安装调试师傅,全宽按钮依次展示:主色“预约客户”按钮,下方标注“已预约:2026-07-15 9:00”;主色“到达签到”按钮,下方标注“签到时间:9:03”;次要全宽按钮“签退及日志”,下方标注“填写今日工作概要(选填)”;高亮警示色全宽按钮“提交验收”,下方标注“上传完工照片或视频”;虚线框标注:“如角色为项目经理,额外展示 ↓”,额外展示按钮“项目经理审核”。
操作按钮清晰,状态明确,资料互动子Tab切换用虚线框示意即可,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图及前序设计保持一致。
创意 × 4
[第4屏] 家政服务标准化作业流程时间轴。 [氛围/风格] 专业清晰,时间轴流程图设计,图标+步骤说明,信任感强,商业信息图风格。 [元素布局] 画面中央是一条垂直的时间轴线,从上到下串联5个步骤节点;每个节点有圆形序号图标、步骤名称、简短说明和对应的小插图;5个步骤分别为:1.在线预约(手机预约图标)、2.上门确认(家政人员敲门图标)、3.专业清洁(清洁工具+动作图标)、4.现场验收(检查确认图标)、5.售后保障(客服盾牌图标);时间轴两侧交替排列内容,视觉平衡。 [光影质感] 整体光线均匀明亮,节点图标有轻微立体感和投影,干净整洁。 [配色色系] 全局底色 #FFFFFF 纯白;主色 #2BAE8F 清新绿用于时间轴线和当前节点;辅助色 #E8F5F1 浅绿用于节点背景,#666666 深灰用于说明文字。 [视角构图] 垂直居中时间轴布局,从上到下阅读动线,步骤清晰递进。 [文字版式] 顶部大标题「5步标准化服务流程」,副标题「透明化作业 每一步都放心」;每个步骤:圆形序号「1/2/3/4/5」+ 加粗步骤名称 + 小字说明文字;时间轴用绿色实线连接;底部小字「全程可追溯 服务有记录」;文字层级分明,清晰可读。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,线条模糊,颜色偏差,低俗。[第4屏] 家政服务标准化作业流程时间轴。
[氛围/风格] 专业清晰,时间轴流程图设计,图标+步骤说明,信任感强,商业信息图风格。
[元素布局] 画面中央是一条垂直的时间轴线,从上到下串联5个步骤节点;每个节点有圆形序号图标、步骤名称、简短说明和对应的小插图;5个步骤分别为:1.在线预约(手机预约图标)、2.上门确认(家政人员敲门图标)、3.专业清洁(清洁工具+动作图标)、4.现场验收(检查确认图标)、5.售后保障(客服盾牌图标);时间轴两侧交替排列内容,视觉平衡。
[光影质感] 整体光线均匀明亮,节点图标有轻微立体感和投影,干净整洁。
[配色色系] 全局底色 #FFFFFF 纯白;主色 #2BAE8F 清新绿用于时间轴线和当前节点;辅助色 #E8F5F1 浅绿用于节点背景,#666666 深灰用于说明文字。
[视角构图] 垂直居中时间轴布局,从上到下阅读动线,步骤清晰递进。
[文字版式] 顶部大标题「5步标准化服务流程」,副标题「透明化作业 每一步都放心」;每个步骤:圆形序号「1/2/3/4/5」+ 加粗步骤名称 + 小字说明文字;时间轴用绿色实线连接;底部小字「全程可追溯 服务有记录」;文字层级分明,清晰可读。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,线条模糊,颜色偏差,低俗。
生成一张微信小程序竖屏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. 底部固定按钮区:全宽次要按钮“关联订单”,全宽低调警示色按钮“发起争议”。
四个区域用清晰分隔线或卡片间距区分,所有文字清晰可见,使用无衬线字体,整体风格和前序智宅焕设计保持统一。
[第4屏] 家庭维保服务流程展示页面。 [氛围/风格] 清晰有序、步骤明确、时间轴设计风格,专业可信。 [元素布局] 画面采用横向时间轴四步流程设计,从左到右依次展示四个服务步骤;时间轴是一条蓝色的渐变线条,上面有四个圆形节点,每个节点内有步骤数字编号1/2/3/4;每个节点上方或下方对应一个步骤场景插画:1. 在线预约(手机APP界面+点击动作)2. 上门检测(技师按门铃+工具箱)3. 专业施工(技师维修操作场景)4. 验收售后(客户签字确认+微笑握手);四个场景插画风格统一,人物形象一致;背景有淡淡的连接线条和装饰元素。 [光影质感] 整体明亮柔和的光线,每个步骤卡片有轻微阴影,时间轴线条有发光效果,插画人物有清晰的明暗层次。 [配色色系] 全局底色 #EFF6FF 淡蓝色;主色 #2563EB 蓝色;辅助色 #F97316 橙色;节点圆圈用蓝色填充白色数字;步骤插画使用丰富的配色但整体协调。 [视角构图] 正面平视,横向时间轴居中,阅读动线从左到右依次浏览四个步骤。 [文字版式] 顶部居中主标题「四步标准流程 服务全程透明」粗体蓝色字;每个步骤节点下方:步骤名称(粗体深色字,如「在线预约」)+ 2行小字说明(如「手机下单 选择服务时间」);时间轴两端有装饰性箭头;底部有一行文字「全程可追踪 进度随时查」配手机小图标。文字清晰可读,步骤名称醒目。 [比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,人物面部模糊,背景杂乱,颜色偏差,低俗内容。[第4屏] 家庭维保服务流程展示页面。
[氛围/风格] 清晰有序、步骤明确、时间轴设计风格,专业可信。
[元素布局] 画面采用横向时间轴四步流程设计,从左到右依次展示四个服务步骤;时间轴是一条蓝色的渐变线条,上面有四个圆形节点,每个节点内有步骤数字编号1/2/3/4;每个节点上方或下方对应一个步骤场景插画:1. 在线预约(手机APP界面+点击动作)2. 上门检测(技师按门铃+工具箱)3. 专业施工(技师维修操作场景)4. 验收售后(客户签字确认+微笑握手);四个场景插画风格统一,人物形象一致;背景有淡淡的连接线条和装饰元素。
[光影质感] 整体明亮柔和的光线,每个步骤卡片有轻微阴影,时间轴线条有发光效果,插画人物有清晰的明暗层次。
[配色色系] 全局底色 #EFF6FF 淡蓝色;主色 #2563EB 蓝色;辅助色 #F97316 橙色;节点圆圈用蓝色填充白色数字;步骤插画使用丰富的配色但整体协调。
[视角构图] 正面平视,横向时间轴居中,阅读动线从左到右依次浏览四个步骤。
[文字版式] 顶部居中主标题「四步标准流程 服务全程透明」粗体蓝色字;每个步骤节点下方:步骤名称(粗体深色字,如「在线预约」)+ 2行小字说明(如「手机下单 选择服务时间」);时间轴两端有装饰性箭头;底部有一行文字「全程可追踪 进度随时查」配手机小图标。文字清晰可读,步骤名称醒目。
[比例分辨率] 3:4 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,人物面部模糊,背景杂乱,颜色偏差,低俗内容。
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,为师傅登录后看到的任务管理中心首页。 从上到下布局: 1. 顶部师傅身份标识:显示“您好,张师傅” + 圆形头像占位,下方小字“今日待处理:2单”。 2. Tab切换栏:三个Tab横向排列,当前选中的Tab高亮+下划线,分别为:待接单(当前高亮,带红色数字角标“2”)、进行中、已完成,Tab切换为核心交互,当前选中Tab醒目。 3. 当前展示Tab内容区:待接单列表,包含两张圆角带阴影任务卡片: 卡片1:橙色标签“现场安装调试”,客户城市“上海”,项目面积“120㎡”,预计上门时间“2026-07-15”,绿色标签“时间可协商”,醒目突出展示本单佣金“¥560”,不展示客户支付总价,底部左侧主色高亮“接单”按钮,右侧灰色边框“拒绝”按钮,按钮操作突出。 卡片2:蓝色标签“智能方案设计”,客户城市“上海”,项目面积“90㎡”,预计上门时间“2026-07-18”,橙色标签“时间定死”,醒目突出展示本单佣金“¥350”,底部操作按钮同卡片1。 4. 用虚线框标注切换至进行中Tab的内容示意:标注“切换至‘进行中’Tab ↓”,包含两张任务卡片,分别为:现场安装调试,上海,140㎡,蓝色标签“待上门”,佣金¥800,主色按钮“进入工作台”;灯具安装,上海,140㎡,橙色标签“服务中”,佣金¥300,主色按钮“进入工作台”。 5. 用虚线框标注切换至已完成Tab的内容示意:标注“切换至‘已完成’Tab ↓”,包含一张任务卡片:智能锁安装,上海,100㎡,完成时间“2026-06-28”,佣金¥200,灰色边框按钮“查看详情”。 佣金金额醒目展示,不展示客户支付总价,所有文字清晰可见,使用无衬线字体,整体风格与前序智宅焕深色专业设计保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,为师傅登录后看到的任务管理中心首页。
从上到下布局:
1. 顶部师傅身份标识:显示“您好,张师傅” + 圆形头像占位,下方小字“今日待处理:2单”。
2. Tab切换栏:三个Tab横向排列,当前选中的Tab高亮+下划线,分别为:待接单(当前高亮,带红色数字角标“2”)、进行中、已完成,Tab切换为核心交互,当前选中Tab醒目。
3. 当前展示Tab内容区:待接单列表,包含两张圆角带阴影任务卡片:
卡片1:橙色标签“现场安装调试”,客户城市“上海”,项目面积“120㎡”,预计上门时间“2026-07-15”,绿色标签“时间可协商”,醒目突出展示本单佣金“¥560”,不展示客户支付总价,底部左侧主色高亮“接单”按钮,右侧灰色边框“拒绝”按钮,按钮操作突出。
卡片2:蓝色标签“智能方案设计”,客户城市“上海”,项目面积“90㎡”,预计上门时间“2026-07-18”,橙色标签“时间定死”,醒目突出展示本单佣金“¥350”,底部操作按钮同卡片1。
4. 用虚线框标注切换至进行中Tab的内容示意:标注“切换至‘进行中’Tab ↓”,包含两张任务卡片,分别为:现场安装调试,上海,140㎡,蓝色标签“待上门”,佣金¥800,主色按钮“进入工作台”;灯具安装,上海,140㎡,橙色标签“服务中”,佣金¥300,主色按钮“进入工作台”。
5. 用虚线框标注切换至已完成Tab的内容示意:标注“切换至‘已完成’Tab ↓”,包含一张任务卡片:智能锁安装,上海,100㎡,完成时间“2026-06-28”,佣金¥200,灰色边框按钮“查看详情”。
佣金金额醒目展示,不展示客户支付总价,所有文字清晰可见,使用无衬线字体,整体风格与前序智宅焕深色专业设计保持一致。
创意 × 4