装修微信小程序首页UI界面设计，页面顶部搜索栏，搜索下方是轮播… - 图片创意预览

装修微信小程序首页UI界面设计，页面顶部搜索栏，搜索下方是轮播…

装修微信小程序首页UI界面设计，页面顶部搜索栏，搜索下方是轮播图区域，轮播图下方依次排列套餐、装修案例、设计师入口板块，再往下是我要装修、商城、特惠套餐三个导航按钮，页面最底部是5个导航项：首页、商城

用户头像

高端教学

2026.07.21
高端教学高端教学
高端教学高端教学
高端教学高端教学
高端教学高端教学
高端教学高端教学
高端教学高端教学
高端教学高端教学
微信小程序装修套餐选择页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，突出套餐丰富可选性价比高。主色调微信绿色#07C160，促销红色#FF4D4F，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距12px。页面从上到下包含以下模块：1.顶部导航栏：左侧灰色返回箭头，中间深灰色文字"超值套餐"标题，右侧无按钮，白色背景底部1px浅灰分割线。2.顶部Banner区：高度约140px，渐变背景从深绿#07C160到浅绿#38D9A9，中间白色大字"选择你的翻新套餐"，下方白色小字"按需选择 · 省心省力 · 质保三年"，右下角简约家居线条图标装饰。3.分类Tab栏：白色背景，横向排列5个Tab按钮"全部""卫生间""厨房""卧室""全屋"，默认选中"全部"，选中项底部绿色下划线文字绿色加粗，未选中文字灰色#666，可左右滑动。4.套餐对比入口：列表上方右侧绿色文字按钮"对比套餐 >"。5.套餐卡片列表：纵向排列多个套餐卡片，每个白色圆角12px带轻微阴影，卡片间距12px左右边距16px；每个卡片左侧100×100px圆角8px套餐缩略图（对应空间实景图），右侧上方套餐名称如"卫生间翻新套餐"16px加粗深灰色，名称下方灰色小字简介"防水+瓷砖+洁具+吊顶，7天完工"，简介下方2-3个小标签"含主材""包施工""质保3年"，标签背景浅绿色#E8F8EE文字深绿色圆角4px；卡片底部左侧价格如"¥3,999"深绿色加粗18px，右侧绿色文字按钮"查看详情 >"。6.推荐套餐卡片突出显示：第二个套餐卡片右上角红色飘带标签"热门推荐"，卡片浅绿色描边2px更突出。7.底部提示条：浅灰色背景条，文字"不确定选哪个？"，右侧绿色文字按钮"免费咨询"。8.底部固定操作栏：高度56px白色背景顶部浅灰分割线，左侧客服图标+文字"咨询"，右侧深绿色实心按钮"免费获取报价"白色文字。整体套餐卡片信息层次清晰，价格醒目，方便用户快速对比选择，高清商用UI设计稿，iPhone手机屏幕比例微信小程序装修套餐选择页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，突出套餐丰富可选性价比高。主色调微信绿色#07C160，促销红色#FF4D4F，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距12px。页面从上到下包含以下模块：1.顶部导航栏：左侧灰色返回箭头，中间深灰色文字"超值套餐"标题，右侧无按钮，白色背景底部1px浅灰分割线。2.顶部Banner区：高度约140px，渐变背景从深绿#07C160到浅绿#38D9A9，中间白色大字"选择你的翻新套餐"，下方白色小字"按需选择 · 省心省力 · 质保三年"，右下角简约家居线条图标装饰。3.分类Tab栏：白色背景，横向排列5个Tab按钮"全部""卫生间""厨房""卧室""全屋"，默认选中"全部"，选中项底部绿色下划线文字绿色加粗，未选中文字灰色#666，可左右滑动。4.套餐对比入口：列表上方右侧绿色文字按钮"对比套餐 >"。5.套餐卡片列表：纵向排列多个套餐卡片，每个白色圆角12px带轻微阴影，卡片间距12px左右边距16px；每个卡片左侧100×100px圆角8px套餐缩略图（对应空间实景图），右侧上方套餐名称如"卫生间翻新套餐"16px加粗深灰色，名称下方灰色小字简介"防水+瓷砖+洁具+吊顶，7天完工"，简介下方2-3个小标签"含主材""包施工""质保3年"，标签背景浅绿色#E8F8EE文字深绿色圆角4px；卡片底部左侧价格如"¥3,999"深绿色加粗18px，右侧绿色文字按钮"查看详情 >"。6.推荐套餐卡片突出显示：第二个套餐卡片右上角红色飘带标签"热门推荐"，卡片浅绿色描边2px更突出。7.底部提示条：浅灰色背景条，文字"不确定选哪个？"，右侧绿色文字按钮"免费咨询"。8.底部固定操作栏：高度56px白色背景顶部浅灰分割线，左侧客服图标+文字"咨询"，右侧深绿色实心按钮"免费获取报价"白色文字。整体套餐卡片信息层次清晰，价格醒目，方便用户快速对比选择，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
GD176642723GD176642723
微信小程序装修套餐列表页面，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色背景浅灰色卡片。配色方案：主色调蓝色#2B6CB0，辅助色浅灰#F7F8FA，价格色红色#E53E3E，正文深灰#333，辅助文字#999，分割线#EEEEEE。页面布局从上到下：1.顶部导航栏：白色背景，左侧灰色返回箭头图标，中间深灰色文字标题"装修套餐"17px加粗，右侧无按钮，导航栏底部1px浅灰分割线。2.横向滑动分类标签栏：白色背景，横向排列6个分类标签：全部、卫生间、厨房、卧室、客厅、全屋整装；当前选中"全部"，蓝色#2B6CB0文字加粗+底部蓝色下划线高亮，未选中灰色#666文字，标签可左右滑动，标签栏底部1px浅灰分割线。3.主体套餐卡片列表：纵向排列多张套餐卡片，每张卡片浅灰色#F7F8FA背景圆角12px，卡片间距12px，左右边距16px，内边距14px；每张卡片左侧是套餐效果图圆角矩形（如卫生间/厨房/卧室实景图），右侧上方套餐名称如"卫生间翻新套餐A"深灰色16px加粗，名称下方一行灰色小字标注面积范围和适用户型如"3-6㎡ · 适用于老房翻新"，再下方是2-3个套餐亮点标签小圆角胶囊样式如"防水质保5年""环保材料""7天完工"，浅蓝背景蓝色文字；卡片底部左侧套餐价格红色#E53E3E加粗如"¥9,800起"18px，右侧是"查看详情"按钮蓝色#2B6CB0实心圆角按钮白色文字。整体留白充足，信息层次清晰。4.底部TabBar：白色背景顶部1px浅灰分割线，4个Tab等分——首页、套餐、商城、我的；"套餐"Tab当前选中，图标和文字均为蓝色#2B6CB0，未选中图标灰色#999。整体干净简洁，适合28-55岁家装用户群体，高清商用UI设计稿，iPhone手机屏幕比例微信小程序装修套餐列表页面，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色背景浅灰色卡片。配色方案：主色调蓝色#2B6CB0，辅助色浅灰#F7F8FA，价格色红色#E53E3E，正文深灰#333，辅助文字#999，分割线#EEEEEE。页面布局从上到下：1.顶部导航栏：白色背景，左侧灰色返回箭头图标，中间深灰色文字标题"装修套餐"17px加粗，右侧无按钮，导航栏底部1px浅灰分割线。2.横向滑动分类标签栏：白色背景，横向排列6个分类标签：全部、卫生间、厨房、卧室、客厅、全屋整装；当前选中"全部"，蓝色#2B6CB0文字加粗+底部蓝色下划线高亮，未选中灰色#666文字，标签可左右滑动，标签栏底部1px浅灰分割线。3.主体套餐卡片列表：纵向排列多张套餐卡片，每张卡片浅灰色#F7F8FA背景圆角12px，卡片间距12px，左右边距16px，内边距14px；每张卡片左侧是套餐效果图圆角矩形（如卫生间/厨房/卧室实景图），右侧上方套餐名称如"卫生间翻新套餐A"深灰色16px加粗，名称下方一行灰色小字标注面积范围和适用户型如"3-6㎡ · 适用于老房翻新"，再下方是2-3个套餐亮点标签小圆角胶囊样式如"防水质保5年""环保材料""7天完工"，浅蓝背景蓝色文字；卡片底部左侧套餐价格红色#E53E3E加粗如"¥9,800起"18px，右侧是"查看详情"按钮蓝色#2B6CB0实心圆角按钮白色文字。整体留白充足，信息层次清晰。4.底部TabBar：白色背景顶部1px浅灰分割线，4个Tab等分——首页、套餐、商城、我的；"套餐"Tab当前选中，图标和文字均为蓝色#2B6CB0，未选中图标灰色#999。整体干净简洁，适合28-55岁家装用户群体，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
微信小程序「美居装修社」的「我的」个人中心页面，手机竖版UI界面设计，现代简约温暖质感家装风格。配色方案：背景色米白色#F7F5F0，主色调暖橙色#E8873B，辅助色深棕色#5C4A3A，文字主色深灰色#333，次要文字浅灰色#999。页面布局从上到下：1.顶部个人信息区：渐变暖橙色背景从#E8873B到#F0A060，左侧白色圆形头像框内灰色默认人像图标，右侧白色文字昵称「微信用户」和手机号后四位，右上角白色消息铃铛图标带红色数字角标。2.我的订单卡片：白色圆角16px卡片，标题栏「我的订单」深棕色加粗，右侧「查看全部」橙色文字带箭头；下方4列网格布局，每列一个橙色线条图标+灰色12px文字：待付款（钱包图标）、待发货（货车图标）、待收货（包裹图标）、待评价（星星图标）。3.装修服务卡片：白色圆角16px卡片，标题栏「我的装修」深棕色加粗，右侧「全部工单」橙色文字带箭头；下方横向5个状态胶囊按钮：待量房、设计中、施工中、待验收、已完成，浅米色背景#F5F0E8，深棕色文字，圆角20px。4.常用功能列表：白色圆角16px卡片，4行功能入口，每行左侧橙色圆形图标背景+白色线性图标，中间功能名称深棕色文字，最右侧灰色箭头；4个功能分别是：预约记录（日历图标）、收藏案例（心形图标）、专属客服（耳机图标，带绿色在线小圆点）、意见反馈（气泡图标）。底部导航栏：白色背景顶部细线分隔，4个Tab等分——首页、商城、安装工、我的；未选中图标灰色#CCC，选中态图标和文字均为暖橙色#E8873B，当前「我的」为选中状态。设计规范：页面左右边距16px，卡片圆角16px，卡片间距12px，卡片内边距16px；标题字体16px加粗，正文14px常规，辅助文字12px；整体留白充足，视觉层次清晰，扁平化设计，高清商用UI设计稿，iPhone手机屏幕比例微信小程序「美居装修社」的「我的」个人中心页面，手机竖版UI界面设计，现代简约温暖质感家装风格。配色方案：背景色米白色#F7F5F0，主色调暖橙色#E8873B，辅助色深棕色#5C4A3A，文字主色深灰色#333，次要文字浅灰色#999。页面布局从上到下：1.顶部个人信息区：渐变暖橙色背景从#E8873B到#F0A060，左侧白色圆形头像框内灰色默认人像图标，右侧白色文字昵称「微信用户」和手机号后四位，右上角白色消息铃铛图标带红色数字角标。2.我的订单卡片：白色圆角16px卡片，标题栏「我的订单」深棕色加粗，右侧「查看全部」橙色文字带箭头；下方4列网格布局，每列一个橙色线条图标+灰色12px文字：待付款（钱包图标）、待发货（货车图标）、待收货（包裹图标）、待评价（星星图标）。3.装修服务卡片：白色圆角16px卡片，标题栏「我的装修」深棕色加粗，右侧「全部工单」橙色文字带箭头；下方横向5个状态胶囊按钮：待量房、设计中、施工中、待验收、已完成，浅米色背景#F5F0E8，深棕色文字，圆角20px。4.常用功能列表：白色圆角16px卡片，4行功能入口，每行左侧橙色圆形图标背景+白色线性图标，中间功能名称深棕色文字，最右侧灰色箭头；4个功能分别是：预约记录（日历图标）、收藏案例（心形图标）、专属客服（耳机图标，带绿色在线小圆点）、意见反馈（气泡图标）。底部导航栏：白色背景顶部细线分隔，4个Tab等分——首页、商城、安装工、我的；未选中图标灰色#CCC，选中态图标和文字均为暖橙色#E8873B，当前「我的」为选中状态。设计规范：页面左右边距16px，卡片圆角16px，卡片间距12px，卡片内边距16px；标题字体16px加粗，正文14px常规，辅助文字12px；整体留白充足，视觉层次清晰，扁平化设计，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
微信小程序装修套餐详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，信息清晰层次分明，突出套餐价值和信任感。主色调微信绿色#07C160，促销红色#FF4D4F，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距12px。页面从上到下包含以下模块：1.顶部导航栏：左侧灰色返回箭头，中间深灰色文字"套餐详情"标题，右侧灰色分享图标，白色背景底部1px浅灰分割线。2.套餐头图区：顶部大图占满宽度高约220px，展示干净明亮的卫生间翻新完工实景图，图片底部叠加半透明黑色渐变遮罩，白色文字"卫生间翻新套餐"20px加粗，下方白色小字"防水+瓷砖+洁具+吊顶 · 7天完工"。3.价格信息条：白色背景内边距16px，左侧大字"¥3,999"深绿色加粗26px，右侧原价"¥5,800"灰色删除线；价格下方灰色小字"约¥444/㎡ · 按实际面积结算"；右上角红色圆角标签"限时9折"。4.套餐包含清单：白色圆角12px卡片，标题"套餐包含"深灰色加粗；下方纵向列表6项，每项左侧绿色对勾图标✓，中间项目名称+品牌+规格说明，右侧灰色小字单项参考价：防水工程东方雨虹柔性防水刷两遍价值¥800、墙地砖铺贴东鹏300×600瓷片含人工辅料价值¥1,600、吊顶工程铝扣板集成吊顶含LED灯价值¥600、洁具三件套箭牌马桶+浴室柜+花洒价值¥1,800、水电改造局部改造含管线材料价值¥500、竣工保洁+验收价值¥200；列表底部汇总行左侧"套餐总价值 ¥5,500"灰色，右侧红色"套餐价 ¥3,999 省¥1,501"。5.施工流程区：白色圆角12px卡片，标题"施工流程"，横向时间轴样式5个节点从左到右：①上门量房→②方案确认→③材料进场→④施工安装→⑤验收交付，每个节点绿色圆形图标+下方步骤名称，节点之间绿色虚线连接。6.主材品牌区：白色圆角12px卡片，标题"精选主材"，横向滑动4张品牌卡片每张宽约120px，上方品牌logo区域白色背景圆角矩形，下方品牌名称"东鹏瓷砖"+灰色小字"一线品牌·国标品质"，卡片间距8px。7.前后对比区：白色圆角12px卡片，标题"完工效果"，左右对比布局，左侧"施工前"BEFORE标签+旧卫生间偏暗旧照片，右侧"完工后"AFTER标签+翻新后明亮干净照片，两张图等宽并排中间白色竖线分割。8.业主评价区：白色圆角12px卡片，标题"已服务86户"，评分"4.9分"黄色星星；下方2条评论，每条32px圆形用户头像+昵称+评分星星+2行文字内容+2张48px圆角买家秀小图；底部"查看全部评价 >"绿色文字。9.注意事项区：白色圆角12px卡片，标题"温馨提示"，折叠手风琴样式3条："套餐适用于6㎡以内卫生间""超出面积按实际用量补差价""施工期间需业主配合断水断电"，每条右侧向下箭头">"。10.底部固定操作栏：高度64px白色背景顶部1px浅灰分割线，左侧客服图标+文字"咨询"和收藏图标+文字"收藏"，右侧深绿色实心圆角按钮"立即预约 ¥3,999"白色加粗文字。整体视觉重点突出套餐价值感和专业信任感，高清商用UI设计稿，iPhone手机屏幕比例微信小程序装修套餐详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，信息清晰层次分明，突出套餐价值和信任感。主色调微信绿色#07C160，促销红色#FF4D4F，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距12px。页面从上到下包含以下模块：1.顶部导航栏：左侧灰色返回箭头，中间深灰色文字"套餐详情"标题，右侧灰色分享图标，白色背景底部1px浅灰分割线。2.套餐头图区：顶部大图占满宽度高约220px，展示干净明亮的卫生间翻新完工实景图，图片底部叠加半透明黑色渐变遮罩，白色文字"卫生间翻新套餐"20px加粗，下方白色小字"防水+瓷砖+洁具+吊顶 · 7天完工"。3.价格信息条：白色背景内边距16px，左侧大字"¥3,999"深绿色加粗26px，右侧原价"¥5,800"灰色删除线；价格下方灰色小字"约¥444/㎡ · 按实际面积结算"；右上角红色圆角标签"限时9折"。4.套餐包含清单：白色圆角12px卡片，标题"套餐包含"深灰色加粗；下方纵向列表6项，每项左侧绿色对勾图标✓，中间项目名称+品牌+规格说明，右侧灰色小字单项参考价：防水工程东方雨虹柔性防水刷两遍价值¥800、墙地砖铺贴东鹏300×600瓷片含人工辅料价值¥1,600、吊顶工程铝扣板集成吊顶含LED灯价值¥600、洁具三件套箭牌马桶+浴室柜+花洒价值¥1,800、水电改造局部改造含管线材料价值¥500、竣工保洁+验收价值¥200；列表底部汇总行左侧"套餐总价值 ¥5,500"灰色，右侧红色"套餐价 ¥3,999 省¥1,501"。5.施工流程区：白色圆角12px卡片，标题"施工流程"，横向时间轴样式5个节点从左到右：①上门量房→②方案确认→③材料进场→④施工安装→⑤验收交付，每个节点绿色圆形图标+下方步骤名称，节点之间绿色虚线连接。6.主材品牌区：白色圆角12px卡片，标题"精选主材"，横向滑动4张品牌卡片每张宽约120px，上方品牌logo区域白色背景圆角矩形，下方品牌名称"东鹏瓷砖"+灰色小字"一线品牌·国标品质"，卡片间距8px。7.前后对比区：白色圆角12px卡片，标题"完工效果"，左右对比布局，左侧"施工前"BEFORE标签+旧卫生间偏暗旧照片，右侧"完工后"AFTER标签+翻新后明亮干净照片，两张图等宽并排中间白色竖线分割。8.业主评价区：白色圆角12px卡片，标题"已服务86户"，评分"4.9分"黄色星星；下方2条评论，每条32px圆形用户头像+昵称+评分星星+2行文字内容+2张48px圆角买家秀小图；底部"查看全部评价 >"绿色文字。9.注意事项区：白色圆角12px卡片，标题"温馨提示"，折叠手风琴样式3条："套餐适用于6㎡以内卫生间""超出面积按实际用量补差价""施工期间需业主配合断水断电"，每条右侧向下箭头">"。10.底部固定操作栏：高度64px白色背景顶部1px浅灰分割线，左侧客服图标+文字"咨询"和收藏图标+文字"收藏"，右侧深绿色实心圆角按钮"立即预约 ¥3,999"白色加粗文字。整体视觉重点突出套餐价值感和专业信任感，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
微信小程序「我的收藏-案例」页面，竖屏手机端UI界面，375px宽度比例，简洁清爽风格，白色为主深灰文字点缀橙红色。配色：主色橙红色#FF6B35，背景白色#FFFFFF，卡片浅灰阴影，正文深灰#333，辅助文字#999。页面布局从上到下：1.顶部导航栏：白色背景，左侧灰色返回箭头图标，中间深灰色文字标题"收藏案例"17px加粗，右侧无按钮，底部1px浅灰分割线。2.横向筛选标签栏：白色背景，横向排列6个标签：全部、客厅、卧室、厨房、卫生间、全屋；选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮，未选中灰色#666文字，可左右滑动。3.主体双列瀑布流卡片布局：两列等宽，卡片间距10px，左右边距12px；每张白色圆角卡片带轻微浅灰阴影，上方案例效果图圆角（家装实景图如客厅卧室厨房等），图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角；图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px，再下方灰色小字收藏时间如"2026-08-10收藏"12px；卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar：白色背景顶部1px浅灰分割线，4个Tab等分——首页、案例、服务、我的；"案例"Tab当前选中，图标和文字均为橙红色#FF6B35，未选中图标灰色#999。整体简洁清爽，留白舒适，高清商用UI设计稿，iPhone手机屏幕比例微信小程序「我的收藏-案例」页面，竖屏手机端UI界面，375px宽度比例，简洁清爽风格，白色为主深灰文字点缀橙红色。配色：主色橙红色#FF6B35，背景白色#FFFFFF，卡片浅灰阴影，正文深灰#333，辅助文字#999。页面布局从上到下：1.顶部导航栏：白色背景，左侧灰色返回箭头图标，中间深灰色文字标题"收藏案例"17px加粗，右侧无按钮，底部1px浅灰分割线。2.横向筛选标签栏：白色背景，横向排列6个标签：全部、客厅、卧室、厨房、卫生间、全屋；选中"全部"用橙红色#FF6B35文字加粗+底部橙红色下划线高亮，未选中灰色#666文字，可左右滑动。3.主体双列瀑布流卡片布局：两列等宽，卡片间距10px，左右边距12px；每张白色圆角卡片带轻微浅灰阴影，上方案例效果图圆角（家装实景图如客厅卧室厨房等），图片左下角浮着装修风格标签如"现代简约"白色文字半透明黑底小圆角；图片下方案例标题如"120㎡三室两厅现代简约"深灰色14px，再下方灰色小字收藏时间如"2026-08-10收藏"12px；卡片右下角有一个实心红色爱心图标表示已收藏。卡片高度错落形成瀑布流效果。4.底部TabBar：白色背景顶部1px浅灰分割线，4个Tab等分——首页、案例、服务、我的；"案例"Tab当前选中，图标和文字均为橙红色#FF6B35，未选中图标灰色#999。整体简洁清爽，留白舒适，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
法商法商
GD176642723GD176642723
高端教学高端教学
高端教学高端教学
微信小程序「美居装修社」的「找工人」列表页面，手机竖版UI界面设计，用户浏览和选择装修工人，现代简约温暖质感家装风格。配色方案：背景色米白色#F7F5F0，主色调暖橙色#E8873B，辅助色深棕色#5C4A3A，文字主色深灰色#333，次要文字浅灰色#999。页面布局从上到下：1.顶部搜索栏：白色背景，圆角搜索框浅灰色背景#F0EDE8，左侧灰色搜索放大镜图标，占位文字「搜索工人姓名或工种」，右侧橙色「筛选」文字按钮。2.工种分类横滑条：白色背景，横向滚动分类标签，包括：全部、泥瓦工、水电工、木工、油漆工、拆除工、保洁；选中态橙色文字加橙色下划线，未选中灰色文字。3.工人卡片列表：每张卡片白色圆角16px，带轻微阴影，卡片间距12px，左右边距16px，内边距16px；每张卡片包含：左侧圆形工人头像（灰色默认人像图标），中间区域上方工人姓名「张师傅」深棕色加粗16px，姓名右侧橙色圆角标签显示工种「泥瓦工」白色文字，下方灰色小字「从业8年 · 完成326单 · 评分4.9」，再下方擅长技能标签「厨卫防水」「瓷砖铺贴」「墙面找平」，浅米色背景#F5F0E8深棕色文字圆角小标签；右侧区域上方橙色星级评分「4.9」加粗带黄色小星星图标，下方灰色「326单」小字，底部橙色描边圆角「预约」按钮（橙色边框橙色文字，透明背景）。4.列表底部居中灰色文字「已加载全部工人」。底部导航栏：白色背景顶部细线分隔，4个Tab等分——首页、商城、安装工、我的；未选中图标灰色#CCC，「安装工」Tab当前选中，图标和文字均为暖橙色#E8873B。设计规范：标题字体16px加粗，正文14px常规，辅助文字12px；整体留白充足，信息清晰易读，扁平化设计，高清商用UI设计稿，iPhone手机屏幕比例微信小程序「美居装修社」的「找工人」列表页面，手机竖版UI界面设计，用户浏览和选择装修工人，现代简约温暖质感家装风格。配色方案：背景色米白色#F7F5F0，主色调暖橙色#E8873B，辅助色深棕色#5C4A3A，文字主色深灰色#333，次要文字浅灰色#999。页面布局从上到下：1.顶部搜索栏：白色背景，圆角搜索框浅灰色背景#F0EDE8，左侧灰色搜索放大镜图标，占位文字「搜索工人姓名或工种」，右侧橙色「筛选」文字按钮。2.工种分类横滑条：白色背景，横向滚动分类标签，包括：全部、泥瓦工、水电工、木工、油漆工、拆除工、保洁；选中态橙色文字加橙色下划线，未选中灰色文字。3.工人卡片列表：每张卡片白色圆角16px，带轻微阴影，卡片间距12px，左右边距16px，内边距16px；每张卡片包含：左侧圆形工人头像（灰色默认人像图标），中间区域上方工人姓名「张师傅」深棕色加粗16px，姓名右侧橙色圆角标签显示工种「泥瓦工」白色文字，下方灰色小字「从业8年 · 完成326单 · 评分4.9」，再下方擅长技能标签「厨卫防水」「瓷砖铺贴」「墙面找平」，浅米色背景#F5F0E8深棕色文字圆角小标签；右侧区域上方橙色星级评分「4.9」加粗带黄色小星星图标，下方灰色「326单」小字，底部橙色描边圆角「预约」按钮（橙色边框橙色文字，透明背景）。4.列表底部居中灰色文字「已加载全部工人」。底部导航栏：白色背景顶部细线分隔，4个Tab等分——首页、商城、安装工、我的；未选中图标灰色#CCC，「安装工」Tab当前选中，图标和文字均为暖橙色#E8873B。设计规范：标题字体16px加粗，正文14px常规，辅助文字12px；整体留白充足，信息清晰易读，扁平化设计，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
GD176642723GD176642723
基于参考图的养老服务平台小程序首页，保持整体橙色系风格、布局结构、底部双tab、关爱版悬浮按钮不变，进行以下修改：1. 页面中完全不出现任何老年人形象或老年相关元素，整体视觉年轻化；2. 腰通大banner的「养老补贴券 限时领取」改为「新人专享福利」主题，主标题改为「新人专享 注册即领」，副标题改为「新用户注册立享300元新人礼包」，按钮改为「立即领取」，右侧红包/券元素保留但改为新人礼包风格，突出新用户注册领取的刺激感；3. 下方四个服务商品卡片全部替换为具体的服务和商品：左上卡片改为「家庭保洁服务」，配图为干净明亮的家居清洁场景，价格¥99/次起，标签改为「热门服务」，副标题为「专业保洁 上门服务」；右上卡片改为「助浴服务」，配图为浴室适老化设备场景（无人物），价格¥158/次起，标签改为「贴心服务」，副标题为「专业助浴 安全舒适」；左下卡片改为「适老化扶手」，配图为卫生间安装扶手的适老化产品场景图，价格¥299，标签改为「适老优选」，副标题为「安全防滑 安装简便」；右下卡片改为「智能按摩椅」保留但配图更年轻化，或改为「老年智能手表」配图为智能手表产品图，价格¥599，标签改为「包邮到家」，副标题为「健康监测 一键呼救」；4. 顶部窄版banner的「乐享银龄 活力每一天」文案调整为更年轻化的表达，如「品质生活 用心守护」，整体氛围更贴近年轻用户为家人选购的视角。基于参考图的养老服务平台小程序首页，保持整体橙色系风格、布局结构、底部双tab、关爱版悬浮按钮不变，进行以下修改：1. 页面中完全不出现任何老年人形象或老年相关元素，整体视觉年轻化；2. 腰通大banner的「养老补贴券 限时领取」改为「新人专享福利」主题，主标题改为「新人专享 注册即领」，副标题改为「新用户注册立享300元新人礼包」，按钮改为「立即领取」，右侧红包/券元素保留但改为新人礼包风格，突出新用户注册领取的刺激感；3. 下方四个服务商品卡片全部替换为具体的服务和商品：左上卡片改为「家庭保洁服务」，配图为干净明亮的家居清洁场景，价格¥99/次起，标签改为「热门服务」，副标题为「专业保洁 上门服务」；右上卡片改为「助浴服务」，配图为浴室适老化设备场景（无人物），价格¥158/次起，标签改为「贴心服务」，副标题为「专业助浴 安全舒适」；左下卡片改为「适老化扶手」，配图为卫生间安装扶手的适老化产品场景图，价格¥299，标签改为「适老优选」，副标题为「安全防滑 安装简便」；右下卡片改为「智能按摩椅」保留但配图更年轻化，或改为「老年智能手表」配图为智能手表产品图，价格¥599，标签改为「包邮到家」，副标题为「健康监测 一键呼救」；4. 顶部窄版banner的「乐享银龄 活力每一天」文案调整为更年轻化的表达，如「品质生活 用心守护」，整体氛围更贴近年轻用户为家人选购的视角。
向阳蝎向阳蝎
地尔卫浴小程序智家页面UI设计，科技蓝白色调，智能卫浴全景场景。顶部导航栏"智家"标题，左侧"设备管理"文字，右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景Banner图，画面中同时展示：智能马桶、智能浴室镜带灯带、顶喷花洒淋浴区、智能浴霸在天花板、智能毛巾架，整体是现代轻奢卫浴空间，蓝色科技氛围灯。Banner中央悬浮一个半透明毛玻璃控制面板，显示"卫浴模式"大字标题，副标"智能生活·舒适掌控"，下方三个数据：水温38℃、座温36℃、空气质量优，各配图标。Banner底部有轮播指示点。下方"我的设备"标题栏，右侧"设备管理>"。设备区域两行三列共6个卡片：智能马桶（显示座温36℃/水温38℃/风温28℃）、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器，每个卡片有设备实物图、名称、绿色在线小点、蓝色开关按钮。中间"场景推荐"标题栏，右侧"更多场景>"。下方三个场景卡片并排：起床模式（自动开盖+预热座圈）、淋浴模式（花洒+浴霸联动）、夜间模式（柔光夜灯），每个卡片有图标、标题、说明、场景小图和播放按钮。底部蓝色大按钮"+ 添加智能设备"。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中蓝色高亮）、服务、我的，每个Tab有线条图标和文字。整体科技洁净感，蓝白配色，圆角卡片，UI设计稿，高保真，界面清晰地尔卫浴小程序智家页面UI设计，科技蓝白色调，智能卫浴全景场景。顶部导航栏"智家"标题，左侧"设备管理"文字，右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景Banner图，画面中同时展示：智能马桶、智能浴室镜带灯带、顶喷花洒淋浴区、智能浴霸在天花板、智能毛巾架，整体是现代轻奢卫浴空间，蓝色科技氛围灯。Banner中央悬浮一个半透明毛玻璃控制面板，显示"卫浴模式"大字标题，副标"智能生活·舒适掌控"，下方三个数据：水温38℃、座温36℃、空气质量优，各配图标。Banner底部有轮播指示点。下方"我的设备"标题栏，右侧"设备管理>"。设备区域两行三列共6个卡片：智能马桶（显示座温36℃/水温38℃/风温28℃）、智能浴室镜、智能花洒、智能浴霸、智能晾衣架、空气净化器，每个卡片有设备实物图、名称、绿色在线小点、蓝色开关按钮。中间"场景推荐"标题栏，右侧"更多场景>"。下方三个场景卡片并排：起床模式（自动开盖+预热座圈）、淋浴模式（花洒+浴霸联动）、夜间模式（柔光夜灯），每个卡片有图标、标题、说明、场景小图和播放按钮。底部蓝色大按钮"+ 添加智能设备"。最底部是底部导航栏，5个Tab：首页、积分商城、智家（选中蓝色高亮）、服务、我的，每个Tab有线条图标和文字。整体科技洁净感，蓝白配色，圆角卡片，UI设计稿，高保真，界面清晰
GD176642723GD176642723
微信小程序装修案例详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，整体干净通透，图片突出。主色调微信绿色#07C160，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距12px。页面从上到下包含以下模块：1.顶部导航栏：左侧白色返回箭头，中间白色文字"案例详情"标题，右侧白色分享图标，导航栏半透明黑色渐变悬浮在图片上方。2.案例封面大图：顶部第一屏大幅轮播图，占满屏幕宽度，高度约300px，展示现代简约北欧风格客厅实景图（原木+白色基调，明亮通透），底部居中白色圆点序号指示器●○○○○，右下角有一个小视频播放角标（白色三角形播放按钮）。3.案例标题：白色背景内边距16px，标题文字"【北欧简约】89㎡两居室温馨小家"，字号18px加粗深灰色#333。4.案例简介：标题下方，灰色摘要文字#666，字号14px，内容"全屋采用北欧原木+白色基调，通过合理的收纳设计和灯光布局，让小空间也能拥有大宅的通透感。"。5.设计师信息条：白色卡片，顶部1px浅灰分割线；左侧圆形设计师头像44px，右侧上方"张设计师"加粗，下方灰色小字"从业8年 · 擅长北欧/现代简约"，最右侧绿色描边圆角按钮"咨询TA"绿色文字。6.业主评论评价区：标题"业主评价"，左侧五星评分全亮黄色星星，右侧评分数字"5.0"；下方评论卡片，评论者小头像+昵称+日期，评论内容2-3行灰色正文"设计师很用心，每个细节都反复确认，最终效果超出预期！工期也很准时，推荐！"；底部一行小字"查看全部12条评价 >"灰色。7.项目详情卡片：白色圆角12px卡片，标题"项目信息"，两列网格布局6项数据：预算"12万"、工期"75天"、户型"两室一厅"、面积"89㎡"、风格"北欧简约"、小区"金山万达府"；数字加粗深绿色#07C160，下方小字标签浅灰色。8.更多案例推荐：标题"更多案例"，横向滑动卡片，每张卡片宽约160px，上方案例封面缩略图圆角8px，下方案例标题和面积如"现代简约·120㎡三居"，卡片间距12px。9.底部固定操作栏：高度56px白色背景，顶部1px浅灰分割线；左侧收藏图标空心爱心和电话图标，右侧占满剩余宽度的绿色实心圆角按钮"免费获取报价"白色文字。整体视觉层次清晰，大图优先，文字克制精炼，留白舒适，高清商用UI设计稿，iPhone手机屏幕比例微信小程序装修案例详情页，竖屏手机端UI界面，375px宽度比例，简约现代风格，白色为主背景色，整体干净通透，图片突出。主色调微信绿色#07C160，正文色#333，辅助文字色#999，分割线色#F0F0F0，卡片圆角12px，模块间距12px。页面从上到下包含以下模块：1.顶部导航栏：左侧白色返回箭头，中间白色文字"案例详情"标题，右侧白色分享图标，导航栏半透明黑色渐变悬浮在图片上方。2.案例封面大图：顶部第一屏大幅轮播图，占满屏幕宽度，高度约300px，展示现代简约北欧风格客厅实景图（原木+白色基调，明亮通透），底部居中白色圆点序号指示器●○○○○，右下角有一个小视频播放角标（白色三角形播放按钮）。3.案例标题：白色背景内边距16px，标题文字"【北欧简约】89㎡两居室温馨小家"，字号18px加粗深灰色#333。4.案例简介：标题下方，灰色摘要文字#666，字号14px，内容"全屋采用北欧原木+白色基调，通过合理的收纳设计和灯光布局，让小空间也能拥有大宅的通透感。"。5.设计师信息条：白色卡片，顶部1px浅灰分割线；左侧圆形设计师头像44px，右侧上方"张设计师"加粗，下方灰色小字"从业8年 · 擅长北欧/现代简约"，最右侧绿色描边圆角按钮"咨询TA"绿色文字。6.业主评论评价区：标题"业主评价"，左侧五星评分全亮黄色星星，右侧评分数字"5.0"；下方评论卡片，评论者小头像+昵称+日期，评论内容2-3行灰色正文"设计师很用心，每个细节都反复确认，最终效果超出预期！工期也很准时，推荐！"；底部一行小字"查看全部12条评价 >"灰色。7.项目详情卡片：白色圆角12px卡片，标题"项目信息"，两列网格布局6项数据：预算"12万"、工期"75天"、户型"两室一厅"、面积"89㎡"、风格"北欧简约"、小区"金山万达府"；数字加粗深绿色#07C160，下方小字标签浅灰色。8.更多案例推荐：标题"更多案例"，横向滑动卡片，每张卡片宽约160px，上方案例封面缩略图圆角8px，下方案例标题和面积如"现代简约·120㎡三居"，卡片间距12px。9.底部固定操作栏：高度56px白色背景，顶部1px浅灰分割线；左侧收藏图标空心爱心和电话图标，右侧占满剩余宽度的绿色实心圆角按钮"免费获取报价"白色文字。整体视觉层次清晰，大图优先，文字克制精炼，留白舒适，高清商用UI设计稿，iPhone手机屏幕比例
高端教学高端教学
高端教学高端教学
明浩-明白装修明浩-明白装修
阿昊🐳阿昊🐳