创意预览图

移动端小程序首页UI设计，温馨生活风，暖橙色调。顶部状态栏显示时间、信号、电量。页面顶部是搜索栏，左侧有定位图标显示"当前位置"，中间搜索框有放大镜图标和"搜索商品/服务"占位文字。下方是轮播Bann

用户头像

GD176642723

2026.08.14
GD176642723GD176642723
高端教学高端教学
GD176642723GD176642723
高端教学高端教学
高端教学高端教学
GD176642723GD176642723
地尔卫浴小程序智家页面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
GD176642723GD176642723
GD176642723GD176642723
微信小程序「我的收藏-案例」页面，竖屏手机端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手机屏幕比例
高端教学高端教学
微信小程序装修套餐列表页面，竖屏手机端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手机屏幕比例
高端教学高端教学
高端教学高端教学
高端教学高端教学
GD176642723GD176642723
乐清_乐清_
高端教学高端教学
高端教学高端教学
GD176642723GD176642723
高德崇高德崇
高德崇高德崇
高德崇高德崇
高德崇高德崇
GD176642723GD176642723
乐清_乐清_
微信小程序「美居装修社」的「我的」个人中心页面，手机竖版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手机屏幕比例
高端教学高端教学