疗休养方案选择UI入口界面,整体美观,符合UI设计规范,双方案卡 - 图片创意预览

疗休养方案选择UI入口界面,整体美观,符合UI设计规范,双方案卡

疗休养方案选择UI入口界面,整体美观,符合UI设计规范,双方案卡

用户头像

GD966511236

2026.07.10
微信小程序「我的收藏-案例」页面,竖屏手机端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手机屏幕比例
基于参考图的养老服务平台小程序首页,保持整体橙色系风格、布局结构、底部双tab、关爱版悬浮按钮不变,进行以下修改:1. 页面中完全不出现任何老年人形象或老年相关元素,整体视觉年轻化;2. 腰通大banner的「养老补贴券 限时领取」改为「新人专享福利」主题,主标题改为「新人专享 注册即领」,副标题改为「新用户注册立享300元新人礼包」,按钮改为「立即领取」,右侧红包/券元素保留但改为新人礼包风格,突出新用户注册领取的刺激感;3. 下方四个服务商品卡片全部替换为具体的服务和商品:左上卡片改为「家庭保洁服务」,配图为干净明亮的家居清洁场景,价格¥99/次起,标签改为「热门服务」,副标题为「专业保洁 上门服务」;右上卡片改为「助浴服务」,配图为浴室适老化设备场景(无人物),价格¥158/次起,标签改为「贴心服务」,副标题为「专业助浴 安全舒适」;左下卡片改为「适老化扶手」,配图为卫生间安装扶手的适老化产品场景图,价格¥299,标签改为「适老优选」,副标题为「安全防滑 安装简便」;右下卡片改为「智能按摩椅」保留但配图更年轻化,或改为「老年智能手表」配图为智能手表产品图,价格¥599,标签改为「包邮到家」,副标题为「健康监测 一键呼救」;4. 顶部窄版banner的「乐享银龄 活力每一天」文案调整为更年轻化的表达,如「品质生活 用心守护」,整体氛围更贴近年轻用户为家人选购的视角。基于参考图的养老服务平台小程序首页,保持整体橙色系风格、布局结构、底部双tab、关爱版悬浮按钮不变,进行以下修改:1. 页面中完全不出现任何老年人形象或老年相关元素,整体视觉年轻化;2. 腰通大banner的「养老补贴券 限时领取」改为「新人专享福利」主题,主标题改为「新人专享 注册即领」,副标题改为「新用户注册立享300元新人礼包」,按钮改为「立即领取」,右侧红包/券元素保留但改为新人礼包风格,突出新用户注册领取的刺激感;3. 下方四个服务商品卡片全部替换为具体的服务和商品:左上卡片改为「家庭保洁服务」,配图为干净明亮的家居清洁场景,价格¥99/次起,标签改为「热门服务」,副标题为「专业保洁 上门服务」;右上卡片改为「助浴服务」,配图为浴室适老化设备场景(无人物),价格¥158/次起,标签改为「贴心服务」,副标题为「专业助浴 安全舒适」;左下卡片改为「适老化扶手」,配图为卫生间安装扶手的适老化产品场景图,价格¥299,标签改为「适老优选」,副标题为「安全防滑 安装简便」;右下卡片改为「智能按摩椅」保留但配图更年轻化,或改为「老年智能手表」配图为智能手表产品图,价格¥599,标签改为「包邮到家」,副标题为「健康监测 一键呼救」;4. 顶部窄版banner的「乐享银龄 活力每一天」文案调整为更年轻化的表达,如「品质生活 用心守护」,整体氛围更贴近年轻用户为家人选购的视角。