微信小程序「美居装修社」的「我的」个人中心页面，手机竖版UI界… - 图片创意预览

微信小程序「美居装修社」的「我的」个人中心页面，手机竖版UI界…

微信小程序「美居装修社」的「我的」个人中心页面，手机竖版UI界面设计，现代简约温暖质感家装风格。配色方案：背景色米白色#F7F5F0，主色调暖橙色#E8873B，辅助色深棕色#5C4A3A，文字主色深

用户头像

高端教学

2026.08.02
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
向阳蝎向阳蝎
高端教学高端教学
高端教学高端教学
高端教学高端教学
GD176642723GD176642723
手机端小程序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、绝对化用语。
初晴47090初晴47090
高德崇高德崇
高德崇高德崇
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手机屏幕比例
高端教学高端教学
GD409406053GD409406053
法商法商
高端教学高端教学