微信小程序装修案例详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，整体干净通透，图片突出。主色调微信绿色#07C160，正文色#333，辅助文字色#999，分割线色#F0
高端教学
![[第7屏] 收纳服务规格与适用人群详情页，套餐信息说明。
[氛围/风格] 清晰信息卡片风格，专业明了，日式极简，商业设计质感。
[元素布局] 画面上方是三个套餐卡片横向排列（基础体验、全屋整理、定制规划），卡片有不同颜色边框区分；下方是适用人群和不适用人群两个板块，左右并排；背景浅米色，简约装饰线条。
[光影质感] 平面设计风格，均匀明亮，卡片有轻微阴影增加层次感。
[配色色系] 全局底色 #F7F5F0；卡片白色底；基础款浅灰边框、全屋款抹茶绿边框、定制款金色边框；文字深灰为主。
[视角构图] 上半部分三列套餐卡片，下半部分左右分栏，整体居中对称，阅读动线从上到下。
[文字版式] 顶部主标题「选择适合你的收纳方案」居中加粗；三个套餐卡片分别标注：「基础体验」- 单空间/4小时/适合小范围整理，「全屋整理」- 全屋空间/1-2天/适合整体改造，「定制规划」- 专属方案+上门+30天跟进/适合深度需求；下方左侧「适合人群」：搬家入住、换季整理、空间不够用、想系统学收纳；右侧「暂不适合」：期望当天彻底改变、不愿断舍离、房屋正在装修中；底部有提示「下单前可咨询客服评估方案」。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，卡片模糊，颜色偏差，信息杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/6656db5e-0878-40bf-b8d0-6e7b77e1465d16057.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 收纳服务套餐对比页面，展示不同档位选择。
[氛围/风格] 清晰信息图表风格，专业简洁，日系简约，商业设计质感。
[元素布局] 画面展示三个套餐卡片横向并排，从左到右依次为「基础体验」「标准全屋」「深度定制」，中间的标准套餐高亮突出（有推荐标签和金色边框）；每个卡片内包含套餐名称、价格、适用户型、服务内容清单；卡片底部有「立即预约」按钮样式。背景为浅米色，卡片为白色底带轻微阴影。
[光影质感] 均匀柔和光线，卡片有轻微投影增加立体感，整体干净明亮。
[配色色系] 全局底色 #F7F5F0 米白色；卡片白色底；推荐套餐用浅绿边框+顶部「人气推荐」橙色标签；文字深灰为主，价格用橙色强调。
[视角构图] 三栏卡片横向对比布局，顶部标题区，底部有补充说明文字。
[文字版式] 顶部主标题「选择适合你的套餐」，黑体加粗居中；每个套餐卡片：顶部套餐名称「基础体验」「标准全屋」「深度定制」；价格区「¥xxx起」大号橙色字；适用户型「适合1室/小户型」「适合2-3室」「适合4室+大户型」；服务内容用对勾图标+文字列出3-4项：「空间诊断」「分类整理」「收纳建议」「后续指导」等；底部按钮文字「立即咨询」。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，价格模糊，颜色偏差。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/3f3aa01a-161a-462b-99ed-44e6e099296416113.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第8屏] 真实客户案例展示页面。
[氛围/风格] 真实可信、温暖感人的客户故事风格，家居场景+评价结合，商业摄影质感。
[元素布局] 画面展示两个精选案例，上下排列。每个案例包含：客户家收纳后的整洁场景照片（占主要面积）、客户头像+昵称、客户评价文字、案例基本信息（户型/面积/服务类型）；案例照片有白色边框，像拍立得效果。背景有轻微的几何纹理。
[光影质感] 案例照片内为自然家居光线，整体画面柔和温暖，文字区明亮清晰。
[配色色系] 全局底色 #F7F5F0 米白色；案例照片边框白色；评价文字深灰；客户信息标签浅绿底白字。
[视角构图] 上下两个案例卡片布局，顶部标题区，每个案例左图右文或上图下文。
[文字版式] 顶部主标题「他们的家都变了样」，黑体加粗居中；案例一：「王女士 两居室」「衣橱+厨房整理」，评价内容「收纳师非常专业，厨房整理后做饭心情都好了，衣橱再也不用翻半天了！」；案例二：「李先生 三居室」「全屋深度整理」，评价内容「本来以为整理就是叠衣服，没想到是从空间规划开始，孩子的玩具区设计得特别合理」；每个评价有引号装饰。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，人物头像模糊，案例照片不清晰，颜色偏差。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/61d8fb4b-9852-43cf-b634-0213c217add620659.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第8屏] 行动号召-服务套餐与预约咨询转化页。
[氛围/风格] 温馨专业转化页，信任感强，日系极简风，商业设计质感。
[元素布局] 画面上方是三个套餐卡片横向排列，从基础到高级；中间是服务保障图标区；底部是预约咨询行动按钮区；背景浅米色，顶部有柔和的弧形装饰；卡片有轻微阴影和圆角，层次分明。
[光影质感] 柔和均匀光照，卡片有轻微投影增加立体感，整体明亮温暖。
[配色色系] 全局底色 #FAF8F5 暖米白；卡片白色底；主推套餐卡片用原木棕 #C8A982 边框高亮；主色深棕 #6B5B4F；辅助色抹茶绿 #A8C3A0；按钮用抹茶绿填充白色文字。
[视角构图] 上中下结构，上方套餐卡片，中部保障说明，底部行动按钮，阅读动线从上到下。
[文字版式] 顶部主标题「选择适合你的收纳方案」，居中黑体加粗；副标题「透明定价 按需选择」，灰色小字居中；三个套餐卡片横向排列：左「基础体验套餐」价格「¥299起」包含「2小时上门 单空间整理」；中间「全屋收纳套餐」标「热门推荐」标签，价格「¥1299起」包含「全屋诊断+规划 6-8小时整理」；右「深度整理套餐」价格「¥2599起」包含「全屋深度整理 收纳耗材赠送」；中部四个保障图标横向排列：「30天复访指导」「不满意可调整」「专业工具耗材」「隐私安全保障」；底部大按钮「立即预约咨询」，下方小字「点击咨询 获取专属收纳方案」；所有文字清晰可读，层级分明。
[比例分辨率] 9:16 竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 卡片变形，水印，文字错乱，文字过小，颜色偏差，按钮不清晰。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/8e0ecbf7-89c0-48c9-a985-c48c9bcd2bb916551.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，是下单流程核心页面，客户可在此选配服务、查看计价、填写项目信息，页面内容可滚动。
从上到下布局：
1. 顶部步骤指示器：步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价（当前高亮）→ ④确认支付（置灰）」。
2. 区域一：添加服务与计价，区域标题“选择服务”，全宽虚线边框“+ 添加服务”按钮，下方展示2个已添加服务卡片，核心信息清晰：
服务卡片1：名称“现场安装调试”，标签“按数量计价”，数量选择器[-] 1 [+]，单价¥800/次，小计¥800，右侧×删除按钮。
服务卡片2：名称“智能方案设计”，标签“按面积分档”，面积输入框“120 ㎡”，单价¥15/㎡，小计¥1,800，右侧×删除按钮。
卡片下方实时突出展示“服务总计：¥2,600”。
3. 区域二：填写项目信息，区域标题“项目信息”，依次排列表单占位字段：
项目名称输入框（占位“如：张先生家智能改造”），项目地址（已选城市 + 详细地址输入框，占位“请填写详细地址”），户型面积数字输入框（占位“㎡”），项目类型下拉选择（选项：平层/复式/别墅/工装/其他），需求描述多行文本输入框（占位“请描述您的项目需求...”，标注选填），关联已购产品订单下拉选择框（占位“选择历史订单”，标注选填）。
资料上传区：虚线框上传按钮，带“+ 上传文件”图标，提示文字“请上传户型图、清单、现场照片等资料，有助于我们更快审核您的订单”。
4. 底部固定悬浮操作区：左侧突出展示“订单总价：¥2,600”，右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区，总价视觉突出，所有文字清晰可见，使用无衬线字体，整体风格与前序设计保持统一。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e600a549-b6c8-4f1f-b576-ac2b51d8e1488195.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第5屏] 收纳服务内容详解详情页，多场景服务清单展示。
[氛围/风格] 清新整洁，图标化展示，日式极简风，商业设计质感。
[元素布局] 画面采用网格布局，展示六大收纳服务场景：衣橱收纳、厨房收纳、客厅收纳、儿童房收纳、书房收纳、卫生间收纳；每个场景配一张小图（整洁的对应空间照片）和文字说明；整体排列整齐，信息清晰。
[光影质感] 均匀明亮，每个场景小图都有干净的光影效果，整体通透。
[配色色系] 全局底色 #F7F5F0；主色白色卡片+深灰文字；辅助色抹茶绿、暖橙、淡蓝区分不同场景。
[视角构图] 2列3行网格布局，居中排列，阅读动线从左上到右下逐格浏览。
[文字版式] 顶部主标题「全屋空间 一站式收纳」居中加粗；每个网格卡片上方是场景小图，下方是场景名称+简短说明，如「衣橱收纳」-「科学分区 衣物一目了然」；底部有一行小字「可根据需求定制单项或全屋套餐」。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，图片模糊，颜色偏差，杂乱装饰。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/60a02ebf-276d-48c1-9d0a-f9c9b8ce674716053.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
