微信小程序装修套餐列表页面,竖屏手机端UI界面,375px宽度… - 图片创意预览

微信小程序装修套餐列表页面,竖屏手机端UI界面,375px宽度…

微信小程序装修套餐列表页面,竖屏手机端UI界面,375px宽度比例,简约现代风格,白色背景浅灰色卡片。配色方案:主色调蓝色#2B6CB0,辅助色浅灰#F7F8FA,价格色红色#E53E3E,正文深灰#

用户头像

高端教学

2026.08.14
微信小程序「我的收藏-案例」页面,竖屏手机端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宽度比例,简约现代风格,白色为主背景色,突出套餐丰富可选性价比高。主色调微信绿色#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手机屏幕比例
微信小程序装修套餐详情页,竖屏手机端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设计,科技蓝白色调,智能卫浴全景场景。顶部导航栏"智家"标题,左侧"设备管理"文字,右侧"+ 添加设备"。页面顶部是大尺寸智能卫生间全景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设计稿,高保真,界面清晰
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,是下单流程核心页面,客户可在此选配服务、查看计价、填写项目信息,页面内容可滚动。 从上到下布局: 1. 顶部步骤指示器:步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价(当前高亮)→ ④确认支付(置灰)」。 2. 区域一:添加服务与计价,区域标题“选择服务”,全宽虚线边框“+ 添加服务”按钮,下方展示2个已添加服务卡片,核心信息清晰: 服务卡片1:名称“现场安装调试”,标签“按数量计价”,数量选择器[-] 1 [+],单价¥800/次,小计¥800,右侧×删除按钮。 服务卡片2:名称“智能方案设计”,标签“按面积分档”,面积输入框“120 ㎡”,单价¥15/㎡,小计¥1,800,右侧×删除按钮。 卡片下方实时突出展示“服务总计:¥2,600”。 3. 区域二:填写项目信息,区域标题“项目信息”,依次排列表单占位字段: 项目名称输入框(占位“如:张先生家智能改造”),项目地址(已选城市 + 详细地址输入框,占位“请填写详细地址”),户型面积数字输入框(占位“㎡”),项目类型下拉选择(选项:平层/复式/别墅/工装/其他),需求描述多行文本输入框(占位“请描述您的项目需求...”,标注选填),关联已购产品订单下拉选择框(占位“选择历史订单”,标注选填)。 资料上传区:虚线框上传按钮,带“+ 上传文件”图标,提示文字“请上传户型图、清单、现场照片等资料,有助于我们更快审核您的订单”。 4. 底部固定悬浮操作区:左侧突出展示“订单总价:¥2,600”,右侧主色高亮按钮“提交订单并支付”。 已添加服务卡片为核心信息区,总价视觉突出,所有文字清晰可见,使用无衬线字体,整体风格与前序设计保持统一。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,是下单流程核心页面,客户可在此选配服务、查看计价、填写项目信息,页面内容可滚动。
从上到下布局:
1. 顶部步骤指示器:步骤条为「①服务模式 ✓ → ②城市选择 ✓ → ③服务与计价(当前高亮)→ ④确认支付(置灰)」。
2. 区域一:添加服务与计价,区域标题“选择服务”,全宽虚线边框“+ 添加服务”按钮,下方展示2个已添加服务卡片,核心信息清晰:
服务卡片1:名称“现场安装调试”,标签“按数量计价”,数量选择器[-] 1 [+],单价¥800/次,小计¥800,右侧×删除按钮。
服务卡片2:名称“智能方案设计”,标签“按面积分档”,面积输入框“120 ㎡”,单价¥15/㎡,小计¥1,800,右侧×删除按钮。
卡片下方实时突出展示“服务总计:¥2,600”。
3. 区域二:填写项目信息,区域标题“项目信息”,依次排列表单占位字段:
项目名称输入框(占位“如:张先生家智能改造”),项目地址(已选城市 + 详细地址输入框,占位“请填写详细地址”),户型面积数字输入框(占位“㎡”),项目类型下拉选择(选项:平层/复式/别墅/工装/其他),需求描述多行文本输入框(占位“请描述您的项目需求...”,标注选填),关联已购产品订单下拉选择框(占位“选择历史订单”,标注选填)。
资料上传区:虚线框上传按钮,带“+ 上传文件”图标,提示文字“请上传户型图、清单、现场照片等资料,有助于我们更快审核您的订单”。
4. 底部固定悬浮操作区:左侧突出展示“订单总价:¥2,600”,右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区,总价视觉突出,所有文字清晰可见,使用无衬线字体,整体风格与前序设计保持统一。
基于参考图的养老服务平台小程序首页,保持整体橙色系风格、布局结构、底部双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设计稿,宽度375px比例的竖屏页面(“我的订单”列表页),高保真电商小程序截图风格,白色页面底色。顶部为从橙色渐变到琥珀色的弧形(圆角/波浪状底部)背景区,背景区左上为白色粗体大标题“我的订单”;标题下方一排横向排列的状态标签文字,依次为“全部”“待付款”“待发货”“待收货”“待评价”,其中“全部”为当前选中态:白色文字下方带一条橙色下划线,其余标签为白色半透明文字。 下面为圆角卡片式订单列表,共3张白色圆角卡片(带轻微阴影),卡片间距均匀,页面底部保留一段白色空白。每张卡片内容从上到下:卡片顶部一行左侧为店铺名文字“美居装修社”,右侧为橙色订单状态文字(第一张“待付款”、第二张“待发货”、第三张“待收货”);卡片中部左侧为一个正方形商品缩略图(圆角,图内为家居装饰商品实物,第一张为一幅简约装饰画,第二张为一套浴室置物架,第三张为一块木纹饰面板);右侧三行文本:第一行商品名称(分别是“北欧风装饰画 客厅挂画”“免打孔浴室置物架 双层”“木纹饰面板 免漆护墙板”),第二行规格(分别是“规格:60×80cm 原木框”“规格:枪灰色 60cm”“规格:桜木纹 1㎡”),第三行价格(分别是“¥129.00”“¥89.00”“¥159.00”);卡片底部一行左侧为合计文字“共1件商品 合计¥129.00”“共2件商品 合计¥178.00”“共1件商品 合计¥159.00”,右侧两个圆角按钮并排:左侧“取消订单”为白色底加深灰色描边、深灰文字,右侧“去付款”为橙色实心底、白色文字。 整体风格:干净、现代、信息层次清晰,淘宝小程序质感,所有文字为简体中文且全部横向排版(禁止竖排与旋转),字号清晰可读,图片与文字对齐整齐;不出现水印、二维码、平台logo、绝对化用语。手机端小程序UI设计稿,宽度375px比例的竖屏页面(“我的订单”列表页),高保真电商小程序截图风格,白色页面底色。顶部为从橙色渐变到琥珀色的弧形(圆角/波浪状底部)背景区,背景区左上为白色粗体大标题“我的订单”;标题下方一排横向排列的状态标签文字,依次为“全部”“待付款”“待发货”“待收货”“待评价”,其中“全部”为当前选中态:白色文字下方带一条橙色下划线,其余标签为白色半透明文字。
下面为圆角卡片式订单列表,共3张白色圆角卡片(带轻微阴影),卡片间距均匀,页面底部保留一段白色空白。每张卡片内容从上到下:卡片顶部一行左侧为店铺名文字“美居装修社”,右侧为橙色订单状态文字(第一张“待付款”、第二张“待发货”、第三张“待收货”);卡片中部左侧为一个正方形商品缩略图(圆角,图内为家居装饰商品实物,第一张为一幅简约装饰画,第二张为一套浴室置物架,第三张为一块木纹饰面板);右侧三行文本:第一行商品名称(分别是“北欧风装饰画 客厅挂画”“免打孔浴室置物架 双层”“木纹饰面板 免漆护墙板”),第二行规格(分别是“规格:60×80cm 原木框”“规格:枪灰色 60cm”“规格:桜木纹 1㎡”),第三行价格(分别是“¥129.00”“¥89.00”“¥159.00”);卡片底部一行左侧为合计文字“共1件商品 合计¥129.00”“共2件商品 合计¥178.00”“共1件商品 合计¥159.00”,右侧两个圆角按钮并排:左侧“取消订单”为白色底加深灰色描边、深灰文字,右侧“去付款”为橙色实心底、白色文字。
整体风格:干净、现代、信息层次清晰,淘宝小程序质感,所有文字为简体中文且全部横向排版(禁止竖排与旋转),字号清晰可读,图片与文字对齐整齐;不出现水印、二维码、平台logo、绝对化用语。