创意预览图

微信小程序装修商城首页UI界面,9:16竖屏,主色调为绿色#23b574,简约扁平商务风,白色干净背景。页面结构从上到下依次为:顶部绿色导航栏+搜索框、全屋整装轮播banner、装修风格分类图标模块(

用户头像

高端教学

2026.07.20
生成一张微信小程序竖屏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
[第3屏] 家政服务项目总览卡片展示。 [氛围/风格] 清新专业,卡片式布局,图标+文字组合,信息层级清晰,商业设计感。 [元素布局] 画面顶部为标题区,下方是2x3的服务卡片网格,共6张服务项目卡片,每张卡片包含:彩色图标、服务名称、简短说明、价格标签;卡片内容分别为:日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项;卡片之间有均匀间距,背景为浅色渐变,底部有「更多服务请咨询」引导。 [光影质感] 卡片有轻微投影和圆角,悬浮感设计,整体光线均匀明亮,无强烈阴影。 [配色色系] 全局底色 #F5F9F7 浅青白;主色 #2BAE8F 清新绿用于标题和重点卡片;辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标;卡片底色为白色。 [视角构图] 垂直排版,从上到下阅读,卡片网格居中对齐,信息密度适中。 [文字版式] 顶部大标题「六大服务 全面守护」,副标题「按需选择 灵活预约」;每张卡片内:上方圆形彩色图标,中间服务名称加粗大字,下方小字说明,右下角小标签价格/起;底部绿色按钮样式文字「立即预约 专属方案」;所有文字清晰可读,无衬线黑体。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,颜色偏差,低俗。[第3屏] 家政服务项目总览卡片展示。
[氛围/风格] 清新专业,卡片式布局,图标+文字组合,信息层级清晰,商业设计感。
[元素布局] 画面顶部为标题区,下方是2x3的服务卡片网格,共6张服务项目卡片,每张卡片包含:彩色图标、服务名称、简短说明、价格标签;卡片内容分别为:日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项;卡片之间有均匀间距,背景为浅色渐变,底部有「更多服务请咨询」引导。
[光影质感] 卡片有轻微投影和圆角,悬浮感设计,整体光线均匀明亮,无强烈阴影。
[配色色系] 全局底色 #F5F9F7 浅青白;主色 #2BAE8F 清新绿用于标题和重点卡片;辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标;卡片底色为白色。
[视角构图] 垂直排版,从上到下阅读,卡片网格居中对齐,信息密度适中。
[文字版式] 顶部大标题「六大服务 全面守护」,副标题「按需选择 灵活预约」;每张卡片内:上方圆形彩色图标,中间服务名称加粗大字,下方小字说明,右下角小标签价格/起;底部绿色按钮样式文字「立即预约 专属方案」;所有文字清晰可读,无衬线黑体。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,颜色偏差,低俗。
[第7屏] 收纳服务套餐对比页面,展示不同档位选择。 [氛围/风格] 清晰信息图表风格,专业简洁,日系简约,商业设计质感。 [元素布局] 画面展示三个套餐卡片横向并排,从左到右依次为「基础体验」「标准全屋」「深度定制」,中间的标准套餐高亮突出(有推荐标签和金色边框);每个卡片内包含套餐名称、价格、适用户型、服务内容清单;卡片底部有「立即预约」按钮样式。背景为浅米色,卡片为白色底带轻微阴影。 [光影质感] 均匀柔和光线,卡片有轻微投影增加立体感,整体干净明亮。 [配色色系] 全局底色 #F7F5F0 米白色;卡片白色底;推荐套餐用浅绿边框+顶部「人气推荐」橙色标签;文字深灰为主,价格用橙色强调。 [视角构图] 三栏卡片横向对比布局,顶部标题区,底部有补充说明文字。 [文字版式] 顶部主标题「选择适合你的套餐」,黑体加粗居中;每个套餐卡片:顶部套餐名称「基础体验」「标准全屋」「深度定制」;价格区「¥xxx起」大号橙色字;适用户型「适合1室/小户型」「适合2-3室」「适合4室+大户型」;服务内容用对勾图标+文字列出3-4项:「空间诊断」「分类整理」「收纳建议」「后续指导」等;底部按钮文字「立即咨询」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,价格模糊,颜色偏差。[第7屏] 收纳服务套餐对比页面,展示不同档位选择。
[氛围/风格] 清晰信息图表风格,专业简洁,日系简约,商业设计质感。
[元素布局] 画面展示三个套餐卡片横向并排,从左到右依次为「基础体验」「标准全屋」「深度定制」,中间的标准套餐高亮突出(有推荐标签和金色边框);每个卡片内包含套餐名称、价格、适用户型、服务内容清单;卡片底部有「立即预约」按钮样式。背景为浅米色,卡片为白色底带轻微阴影。
[光影质感] 均匀柔和光线,卡片有轻微投影增加立体感,整体干净明亮。
[配色色系] 全局底色 #F7F5F0 米白色;卡片白色底;推荐套餐用浅绿边框+顶部「人气推荐」橙色标签;文字深灰为主,价格用橙色强调。
[视角构图] 三栏卡片横向对比布局,顶部标题区,底部有补充说明文字。
[文字版式] 顶部主标题「选择适合你的套餐」,黑体加粗居中;每个套餐卡片:顶部套餐名称「基础体验」「标准全屋」「深度定制」;价格区「¥xxx起」大号橙色字;适用户型「适合1室/小户型」「适合2-3室」「适合4室+大户型」;服务内容用对勾图标+文字列出3-4项:「空间诊断」「分类整理」「收纳建议」「后续指导」等;底部按钮文字「立即咨询」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,卡片变形,价格模糊,颜色偏差。
[第7屏] 收纳服务规格与适用人群详情页,套餐信息说明。 [氛围/风格] 清晰信息卡片风格,专业明了,日式极简,商业设计质感。 [元素布局] 画面上方是三个套餐卡片横向排列(基础体验、全屋整理、定制规划),卡片有不同颜色边框区分;下方是适用人群和不适用人群两个板块,左右并排;背景浅米色,简约装饰线条。 [光影质感] 平面设计风格,均匀明亮,卡片有轻微阴影增加层次感。 [配色色系] 全局底色 #F7F5F0;卡片白色底;基础款浅灰边框、全屋款抹茶绿边框、定制款金色边框;文字深灰为主。 [视角构图] 上半部分三列套餐卡片,下半部分左右分栏,整体居中对称,阅读动线从上到下。 [文字版式] 顶部主标题「选择适合你的收纳方案」居中加粗;三个套餐卡片分别标注:「基础体验」- 单空间/4小时/适合小范围整理,「全屋整理」- 全屋空间/1-2天/适合整体改造,「定制规划」- 专属方案+上门+30天跟进/适合深度需求;下方左侧「适合人群」:搬家入住、换季整理、空间不够用、想系统学收纳;右侧「暂不适合」:期望当天彻底改变、不愿断舍离、房屋正在装修中;底部有提示「下单前可咨询客服评估方案」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,卡片模糊,颜色偏差,信息杂乱。[第7屏] 收纳服务规格与适用人群详情页,套餐信息说明。
[氛围/风格] 清晰信息卡片风格,专业明了,日式极简,商业设计质感。
[元素布局] 画面上方是三个套餐卡片横向排列(基础体验、全屋整理、定制规划),卡片有不同颜色边框区分;下方是适用人群和不适用人群两个板块,左右并排;背景浅米色,简约装饰线条。
[光影质感] 平面设计风格,均匀明亮,卡片有轻微阴影增加层次感。
[配色色系] 全局底色 #F7F5F0;卡片白色底;基础款浅灰边框、全屋款抹茶绿边框、定制款金色边框;文字深灰为主。
[视角构图] 上半部分三列套餐卡片,下半部分左右分栏,整体居中对称,阅读动线从上到下。
[文字版式] 顶部主标题「选择适合你的收纳方案」居中加粗;三个套餐卡片分别标注:「基础体验」- 单空间/4小时/适合小范围整理,「全屋整理」- 全屋空间/1-2天/适合整体改造,「定制规划」- 专属方案+上门+30天跟进/适合深度需求;下方左侧「适合人群」:搬家入住、换季整理、空间不够用、想系统学收纳;右侧「暂不适合」:期望当天彻底改变、不愿断舍离、房屋正在装修中;底部有提示「下单前可咨询客服评估方案」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,卡片模糊,颜色偏差,信息杂乱。
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,是下单流程核心页面,客户可在此选配服务、查看计价、填写项目信息,页面内容可滚动。 从上到下布局: 1. 顶部步骤指示器:步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价(当前高亮)→ ④确认支付(置灰)」。 2. 区域一:添加服务与计价,区域标题“选择服务”,全宽虚线边框“+ 添加服务”按钮,下方展示2个已添加服务卡片,核心信息清晰: 服务卡片1:名称“现场安装调试”,标签“按数量计价”,数量选择器[-] 1 [+],单价¥800/次,小计¥800,右侧×删除按钮。 服务卡片2:名称“智能方案设计”,标签“按面积分档”,面积输入框“120 ㎡”,单价¥15/㎡,小计¥1,800,右侧×删除按钮。 卡片下方实时突出展示“服务总计:¥2,600”。 3. 区域二:填写项目信息,区域标题“项目信息”,依次排列表单占位字段: 项目名称输入框(占位“如:张先生家智能改造”),项目地址(已选城市 + 详细地址输入框,占位“请填写详细地址”),户型面积数字输入框(占位“㎡”),项目类型下拉选择(选项:平层/复式/别墅/工装/其他),需求描述多行文本输入框(占位“请描述您的项目需求...”,标注选填),关联已购产品订单下拉选择框(占位“选择历史订单”,标注选填)。 资料上传区:虚线框上传按钮,带“+ 上传文件”图标,提示文字“请上传户型图、清单、现场照片等资料,有助于我们更快审核您的订单”。 4. 底部固定悬浮操作区:左侧突出展示“订单总价:¥2,600”,右侧主色高亮按钮“提交订单并支付”。 已添加服务卡片为核心信息区,总价视觉突出,所有文字清晰可见,使用无衬线字体,整体风格与前序设计保持统一。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,是下单流程核心页面,客户可在此选配服务、查看计价、填写项目信息,页面内容可滚动。
从上到下布局:
1. 顶部步骤指示器:步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价(当前高亮)→ ④确认支付(置灰)」。
2. 区域一:添加服务与计价,区域标题“选择服务”,全宽虚线边框“+ 添加服务”按钮,下方展示2个已添加服务卡片,核心信息清晰:
服务卡片1:名称“现场安装调试”,标签“按数量计价”,数量选择器[-] 1 [+],单价¥800/次,小计¥800,右侧×删除按钮。
服务卡片2:名称“智能方案设计”,标签“按面积分档”,面积输入框“120 ㎡”,单价¥15/㎡,小计¥1,800,右侧×删除按钮。
卡片下方实时突出展示“服务总计:¥2,600”。
3. 区域二:填写项目信息,区域标题“项目信息”,依次排列表单占位字段:
项目名称输入框(占位“如:张先生家智能改造”),项目地址(已选城市 + 详细地址输入框,占位“请填写详细地址”),户型面积数字输入框(占位“㎡”),项目类型下拉选择(选项:平层/复式/别墅/工装/其他),需求描述多行文本输入框(占位“请描述您的项目需求...”,标注选填),关联已购产品订单下拉选择框(占位“选择历史订单”,标注选填)。
资料上传区:虚线框上传按钮,带“+ 上传文件”图标,提示文字“请上传户型图、清单、现场照片等资料,有助于我们更快审核您的订单”。
4. 底部固定悬浮操作区:左侧突出展示“订单总价:¥2,600”,右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区,总价视觉突出,所有文字清晰可见,使用无衬线字体,整体风格与前序设计保持统一。
生成一张微信小程序竖屏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. 底部固定按钮区:全宽次要按钮“关联订单”,全宽低调警示色按钮“发起争议”。
四个区域用清晰分隔线或卡片间距区分,所有文字清晰可见,使用无衬线字体,整体风格和前序智宅焕设计保持统一。
[第8屏] 行动号召-服务套餐与预约咨询转化页。 [氛围/风格] 温馨专业转化页,信任感强,日系极简风,商业设计质感。 [元素布局] 画面上方是三个套餐卡片横向排列,从基础到高级;中间是服务保障图标区;底部是预约咨询行动按钮区;背景浅米色,顶部有柔和的弧形装饰;卡片有轻微阴影和圆角,层次分明。 [光影质感] 柔和均匀光照,卡片有轻微投影增加立体感,整体明亮温暖。 [配色色系] 全局底色 #FAF8F5 暖米白;卡片白色底;主推套餐卡片用原木棕 #C8A982 边框高亮;主色深棕 #6B5B4F;辅助色抹茶绿 #A8C3A0;按钮用抹茶绿填充白色文字。 [视角构图] 上中下结构,上方套餐卡片,中部保障说明,底部行动按钮,阅读动线从上到下。 [文字版式] 顶部主标题「选择适合你的收纳方案」,居中黑体加粗;副标题「透明定价 按需选择」,灰色小字居中;三个套餐卡片横向排列:左「基础体验套餐」价格「¥299起」包含「2小时上门 单空间整理」;中间「全屋收纳套餐」标「热门推荐」标签,价格「¥1299起」包含「全屋诊断+规划 6-8小时整理」;右「深度整理套餐」价格「¥2599起」包含「全屋深度整理 收纳耗材赠送」;中部四个保障图标横向排列:「30天复访指导」「不满意可调整」「专业工具耗材」「隐私安全保障」;底部大按钮「立即预约咨询」,下方小字「点击咨询 获取专属收纳方案」;所有文字清晰可读,层级分明。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 卡片变形,水印,文字错乱,文字过小,颜色偏差,按钮不清晰。[第8屏] 行动号召-服务套餐与预约咨询转化页。
[氛围/风格] 温馨专业转化页,信任感强,日系极简风,商业设计质感。
[元素布局] 画面上方是三个套餐卡片横向排列,从基础到高级;中间是服务保障图标区;底部是预约咨询行动按钮区;背景浅米色,顶部有柔和的弧形装饰;卡片有轻微阴影和圆角,层次分明。
[光影质感] 柔和均匀光照,卡片有轻微投影增加立体感,整体明亮温暖。
[配色色系] 全局底色 #FAF8F5 暖米白;卡片白色底;主推套餐卡片用原木棕 #C8A982 边框高亮;主色深棕 #6B5B4F;辅助色抹茶绿 #A8C3A0;按钮用抹茶绿填充白色文字。
[视角构图] 上中下结构,上方套餐卡片,中部保障说明,底部行动按钮,阅读动线从上到下。
[文字版式] 顶部主标题「选择适合你的收纳方案」,居中黑体加粗;副标题「透明定价 按需选择」,灰色小字居中;三个套餐卡片横向排列:左「基础体验套餐」价格「¥299起」包含「2小时上门 单空间整理」;中间「全屋收纳套餐」标「热门推荐」标签,价格「¥1299起」包含「全屋诊断+规划 6-8小时整理」;右「深度整理套餐」价格「¥2599起」包含「全屋深度整理 收纳耗材赠送」;中部四个保障图标横向排列:「30天复访指导」「不满意可调整」「专业工具耗材」「隐私安全保障」;底部大按钮「立即预约咨询」,下方小字「点击咨询 获取专属收纳方案」;所有文字清晰可读,层级分明。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 卡片变形,水印,文字错乱,文字过小,颜色偏差,按钮不清晰。
[第6屏] 服务方式与体验-上门流程与配套说明。 [氛围/风格] 温馨专业服务说明,图标化信息展示,日系清新设计质感。 [元素布局] 画面上半部分是预约流程横向时间轴,从左到右四步:「在线预约」「确认时间」「上门服务」「售后跟进」,每步配简约图标;下半部分是服务配套说明,左右分两列,左侧是「我们提供」列,右侧是「您需要配合」列;中间有一条装饰性分隔线;背景浅米色,点缀收纳工具小插画。 [光影质感] 扁平化设计风格,均匀柔和光照,图标有轻微立体感,整体干净清爽。 [配色色系] 全局底色 #FAF8F5 暖米白;主色原木棕 #C8A982;辅助色抹茶绿 #A8C3A0、浅灰 #E8E4DE;图标彩色,文字深棕色。 [视角构图] 上下结构,上半部分流程时间轴,下半部分左右两列说明,阅读动线从上到下。 [文字版式] 顶部主标题「服务方式一目了然」,居中黑体加粗;副标题「简单四步 轻松预约」,灰色小字居中;上半部分横向四步流程,每步圆形图标+数字+文字说明;下半部分左右两列,左侧标题「我们提供」配绿色对勾图标,内容包括:「专业收纳工具」「环保收纳耗材」「分类整理服务」「维持方法指导」;右侧标题「您需要配合」配蓝色信息图标,内容包括:「提前预约时间」「告知收纳需求」「在场确认取舍」「提供水电便利」;底部小字「服务时长根据空间大小而定,一般2-8小时」;所有文字清晰可读。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 图标变形,水印,文字错乱,文字过小,颜色偏差,布局混乱。[第6屏] 服务方式与体验-上门流程与配套说明。
[氛围/风格] 温馨专业服务说明,图标化信息展示,日系清新设计质感。
[元素布局] 画面上半部分是预约流程横向时间轴,从左到右四步:「在线预约」「确认时间」「上门服务」「售后跟进」,每步配简约图标;下半部分是服务配套说明,左右分两列,左侧是「我们提供」列,右侧是「您需要配合」列;中间有一条装饰性分隔线;背景浅米色,点缀收纳工具小插画。
[光影质感] 扁平化设计风格,均匀柔和光照,图标有轻微立体感,整体干净清爽。
[配色色系] 全局底色 #FAF8F5 暖米白;主色原木棕 #C8A982;辅助色抹茶绿 #A8C3A0、浅灰 #E8E4DE;图标彩色,文字深棕色。
[视角构图] 上下结构,上半部分流程时间轴,下半部分左右两列说明,阅读动线从上到下。
[文字版式] 顶部主标题「服务方式一目了然」,居中黑体加粗;副标题「简单四步 轻松预约」,灰色小字居中;上半部分横向四步流程,每步圆形图标+数字+文字说明;下半部分左右两列,左侧标题「我们提供」配绿色对勾图标,内容包括:「专业收纳工具」「环保收纳耗材」「分类整理服务」「维持方法指导」;右侧标题「您需要配合」配蓝色信息图标,内容包括:「提前预约时间」「告知收纳需求」「在场确认取舍」「提供水电便利」;底部小字「服务时长根据空间大小而定,一般2-8小时」;所有文字清晰可读。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 图标变形,水印,文字错乱,文字过小,颜色偏差,布局混乱。