微信小程序装修套餐选择页，竖屏手机端UI界面，375px宽度比…
微信小程序装修套餐选择页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，突出套餐丰富可选性价比高。主色调微信绿色#07C160，促销红色#FF4D4F，正文色#333，辅助文字
高端教学
2026.08.03微信小程序装修套餐选择页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，突出套餐丰富可选性价比高。主色调微信绿色#07C160，促销红色#FF4D4F，正文色#333，辅助文字
高端教学
2026.08.03
![[第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)
![[第3屏] 家政服务项目总览卡片展示。
[氛围/风格] 清新专业，卡片式布局，图标+文字组合，信息层级清晰，商业设计感。
[元素布局] 画面顶部为标题区，下方是2x3的服务卡片网格，共6张服务项目卡片，每张卡片包含：彩色图标、服务名称、简短说明、价格标签；卡片内容分别为：日常保洁、深度清洁、开荒保洁、家电清洗、玻璃清洁、厨房专项；卡片之间有均匀间距，背景为浅色渐变，底部有「更多服务请咨询」引导。
[光影质感] 卡片有轻微投影和圆角，悬浮感设计，整体光线均匀明亮，无强烈阴影。
[配色色系] 全局底色 #F5F9F7 浅青白；主色 #2BAE8F 清新绿用于标题和重点卡片；辅助色 #4A90D9 蓝、#FFB84D 黄、#FF8A65 橙分别用于不同类别卡片图标；卡片底色为白色。
[视角构图] 垂直排版，从上到下阅读，卡片网格居中对齐，信息密度适中。
[文字版式] 顶部大标题「六大服务 全面守护」，副标题「按需选择 灵活预约」；每张卡片内：上方圆形彩色图标，中间服务名称加粗大字，下方小字说明，右下角小标签价格/起；底部绿色按钮样式文字「立即预约 专属方案」；所有文字清晰可读，无衬线黑体。
[比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。
[负向提示词] 变形，水印，文字错乱，文字过小，卡片变形，颜色偏差，低俗。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/075ad078-ee32-4817-9043-b388c243efa519139.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[画面] 3:4竖版电商详情页套餐价格屏：浅绿色渐变背景，页面标题“服务套餐”在上；三张白色圆角矩形卡片自上而下排列，白底+浅绿色细边框，卡片之间留出呼吸间距：第一张卡左侧配整洁客厅场景缩略图，文字“3小时日常保洁”和“¥358/次”；第二张卡左侧配厨房清洁前后对比小图，文字“4小时深度保洁”和“¥468/次”；第三张卡左侧配全屋明亮干净客厅全景缩略图，文字“5小时全屋保洁”和“¥598/次”；价格数字用加粗绿色大字体突出显示，整体排版清爽清晰。
[视觉] 套系策略：风格=高端服务行业电商详情页，干净简洁、留白充足；标题字=现代无衬线粗体；正文字=清晰无衬线体；主色=清新浅绿#E8F5E9；背景延展=浅绿渐变+白色+原木色；强调色=品牌绿#4CAF50，仅用于价格数字、卡片边框、标题标签和图标；标题色=深绿色；正文色=中深灰；组件=白色圆角卡片、浅绿细边框、缩略图；光影=明亮通透自然光。
[文字] 简体中文横向排版、完整准确：标题“服务套餐”；第一张卡“3小时日常保洁”“¥358/次”；第二张卡“4小时深度保洁”“¥468/次”；第三张卡“5小时全屋保洁”“¥598/次”。价格数字必须清晰不模糊。
[规格] 3:4竖版，宽1080高1440，分辨率4K，禁止价格数字模糊、禁止杂乱场景、禁止昏暗光线、禁止多人拥挤、禁止花哨背景装饰、禁止多种颜色混杂、禁止错字缺字。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/9a72481a-ff52-481d-9d45-45a29e88867d4050.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[画面] 3:4竖版电商详情页套餐价格屏：浅绿色渐变背景，页面标题“服务套餐”在上；三张白色圆角矩形卡片自上而下排列，白底+浅绿色细边框，卡片之间留出呼吸间距：第一张卡左侧配整洁客厅场景缩略图，文字“3小时日常保洁”和“¥358/次”；第二张卡左侧配厨房清洁前后对比小图，文字“4小时深度保洁”和“¥468/次”；第三张卡左侧配全屋明亮干净客厅全景缩略图，文字“5小时全屋保洁”和“¥598/次”；价格数字用加粗绿色大字体突出显示，整体排版清爽清晰。
[视觉] 套系策略：风格=高端服务行业电商详情页，干净简洁、留白充足；标题字=现代无衬线粗体；正文字=清晰无衬线体；主色=清新浅绿#E8F5E9；背景延展=浅绿渐变+白色+原木色；强调色=品牌绿#4CAF50，仅用于价格数字、卡片边框、标题标签和图标；标题色=深绿色；正文色=中深灰；组件=白色圆角卡片、浅绿细边框、缩略图；光影=明亮通透自然光。
[文字] 简体中文横向排版、完整准确：标题“服务套餐”；第一张卡“3小时日常保洁”“¥358/次”；第二张卡“4小时深度保洁”“¥468/次”；第三张卡“5小时全屋保洁”“¥598/次”。价格数字必须清晰不模糊。
[规格] 3:4竖版，宽1080高1440，分辨率4K，禁止价格数字模糊、禁止杂乱场景、禁止昏暗光线、禁止多人拥挤、禁止花哨背景装饰、禁止多种颜色混杂、禁止错字缺字。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/2899e69e-c281-422a-a700-3a50d7e62f6529000.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)
![[商品] 全屋深度清洁上门服务；使用【图1】中明亮客厅场景作为背景基底，保留空间色调与自然光感。
[画面] 目标：服务范围总览页，以图标+文字形式展示全屋覆盖的清洁区域。构图：竖版9:16，顶部大标题，中部为6个清洁区域图标卡片呈2列3行排列，底部为总结语。背景为虚化的明亮客厅场景。主体信息占画面70%，图标卡片清晰醒目。
[视觉] 套系策略：风格=温馨专业的家居服务商业摄影风；标题字=粗黑体，稳重有力；正文字=常规黑体，清晰易读；主色=暖米杏色；背景延展=基于暖米杏做深浅层级、同色渐变和细腻墙面/地面质感；强调色=暖橙色，仅用于小面积图标、引线、标签和重点文字高亮；标题色=深棕灰；正文色=中暖灰；组件=圆角浅底信息卡、细线引线、简约图标；光影=左侧暖自然光，柔和明亮，营造干净通透的居家氛围。
[文字] 顶部主标题：全屋覆盖 面面俱到；6个区域卡片分别为：客厅清洁、卧室清洁、厨房清洁、卫生间清洁、玻璃门窗、阳台清洁。每个配简约线性图标。底部文字：多区域深度清洁 一次搞定全屋卫生。所有文字横排。
[规格] 图片比例9:16竖版，4K分辨率，京东平台适配，避免变形、错字、文字过小、图标模糊、背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/333118ad-7242-4f76-bf46-12aa1e4400b96104.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[商品] 全屋深度清洁上门服务；使用【图1】中明亮客厅清洁场景作为背景，保留保洁人员形象与干净明亮的空间氛围。
[画面] 目标：行动号召转化页，引导用户立即预约下单，突出便捷与福利。构图：竖版9:16，背景为保洁人员在明亮客厅清洁的场景（做适度虚化），中部为醒目的预约引导区，底部为服务亮点总结。主体信息占画面60%，行动按钮醒目。前景：地面反光；中景：文字信息区；后景：虚化的保洁人员与客厅场景。
[视觉] 套系策略：风格=温馨专业的家居服务商业摄影风；标题字=粗黑体，稳重有力；正文字=常规黑体，清晰易读；主色=暖米杏色；背景延展=基于暖米杏做深浅层级、同色渐变和细腻墙面/地面质感；强调色=暖橙色，仅用于小面积图标、引线、标签和重点文字高亮，行动按钮使用暖橙色主按钮；标题色=深棕灰；正文色=中暖灰；组件=圆角浅底信息卡、细线引线、简约图标；光影=左侧暖自然光，柔和明亮，整体氛围温馨有吸引力。
[文字] 上部主标题：立即预约 焕新您的家；副标题：专业保洁团队 上门服务更省心；中部醒目按钮样式文字：立即预约；下方小字：在线预约 省时便捷；底部3个服务亮点：上门准时、价格透明、售后无忧。所有文字横排。
[规格] 图片比例9:16竖版，4K分辨率，京东平台适配，避免变形、错字、文字过小、按钮不醒目、背景过亮遮挡文字。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/3d5c7534-a96d-40f6-81cb-77798e8649c06223.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第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)
