创意预览图

基于参考图的设计风格，设计微信小程序角色切换下拉面板。从页面右上角'切换角色'按钮向下展开的浮层面板，深蓝色半透明遮罩背景。面板内标题'切换角色'，下方列出6个角色选项：供应商（当前选中，深蓝色背景白

用户头像

1q2rqdj61m-...

2026.08.10
1q2rqdj61m-HB1q2rqdj61m-HB
1q2rqdj61m-HB1q2rqdj61m-HB
1q2rqdj61m-HB1q2rqdj61m-HB
喜鹊帮帮姣姣喜鹊帮帮姣姣
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2rqdj61m-HB1q2rqdj61m-HB
GD402244360GD402244360
GD402244360GD402244360
GD772623220GD772623220
GD402244360GD402244360
GD506722472GD506722472
[第4张] 商家后台首页展示——营收数据与全功能模块总览。本张使用【图3】作为商家后台首页主体展示。 [氛围/风格] 专业商务数据风，突出数据可视化与管理功能强大，商业SaaS产品展示质感。 [元素布局] 上方展示今日营收数据卡片（今日营收52.00元、订单数4、顾客数1），青蓝色渐变卡片，占比约30%；中部展示商品管理四大功能图标（拍照录菜单、菜品管理、加料配菜、分类管理）；下方展示营销管理、会员管理、门店管理模块入口；整体为手机后台界面展示，带手机外框，占画面约65%；右侧或底部配功能总览说明。 [光影质感] 顶部柔光，数据卡片带高光与悬浮感，界面清晰锐利。 [配色色系] 全局底色 #F0F7FA 浅青灰；主色 #00B4D8 青蓝色（数据卡片渐变）；辅助色 #FF8C42 橙、#48BB78 绿（功能图标）；文字深灰 #2D3748。 [视角构图] 正面微俯视，手机界面居中，周围环绕功能标签，阅读动线上方数据 → 中部功能 → 底部说明。 [文字版式] 顶部主标题「一屏掌控 经营有数」，副标题「实时数据 全功能管理后台」；界面下方四个核心功能标签：「商品管理」「营销管理」「会员管理」「门店管理」，横向排列，配图标；右下角标注页码「04」；文字清晰，层级分明。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 数据错误，界面变形，图标错乱，水印，颜色偏差，界面模糊。[第4张] 商家后台首页展示——营收数据与全功能模块总览。本张使用【图3】作为商家后台首页主体展示。 [氛围/风格] 专业商务数据风，突出数据可视化与管理功能强大，商业SaaS产品展示质感。 [元素布局] 上方展示今日营收数据卡片（今日营收52.00元、订单数4、顾客数1），青蓝色渐变卡片，占比约30%；中部展示商品管理四大功能图标（拍照录菜单、菜品管理、加料配菜、分类管理）；下方展示营销管理、会员管理、门店管理模块入口；整体为手机后台界面展示，带手机外框，占画面约65%；右侧或底部配功能总览说明。 [光影质感] 顶部柔光，数据卡片带高光与悬浮感，界面清晰锐利。 [配色色系] 全局底色 #F0F7FA 浅青灰；主色 #00B4D8 青蓝色（数据卡片渐变）；辅助色 #FF8C42 橙、#48BB78 绿（功能图标）；文字深灰 #2D3748。 [视角构图] 正面微俯视，手机界面居中，周围环绕功能标签，阅读动线上方数据 → 中部功能 → 底部说明。 [文字版式] 顶部主标题「一屏掌控 经营有数」，副标题「实时数据 全功能管理后台」；界面下方四个核心功能标签：「商品管理」「营销管理」「会员管理」「门店管理」，横向排列，配图标；右下角标注页码「04」；文字清晰，层级分明。 [比例分辨率] 9:16 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 数据错误，界面变形，图标错乱，水印，颜色偏差，界面模糊。
用户TWwAaCfV用户TWwAaCfV
全场景智慧培训预约系统 - 功能介绍 系统概述 全场景智慧培训预约系统是一套面向线下服务型门店的 SaaS 管理插件，集课程培训管理、场馆场地预约、教练管理、学员管理、优惠券营销和数据统计分析于一体，支持多门店/多站点独立运营。 无论是健身房私教课、培训机构团课、瑜伽馆小班课，还是球场/舞蹈室按小时出租，都能通过本系统实现从线上展示→下单支付→预约核销→售后评价的完整业务闭环。 核心功能模块 一、课程管理 课程信息管理：课程名称、封面图、简介、课程形式（私教/团课）、时长、最大人数等完整信息管理 课程分类：支持多级分类，便于用户按分类浏览和筛选课程 课程类型：自定义课程类型（如私教课、团课、体验课等），满足不同业务场景 多规格定价：支持单规格/多规格模式，每个规格独立设置价格与原价，灵活适配不同课时套餐 排课管理：按日期+时间段排课，关联教练和场地，支持批量排课与周期性排课 库存管理：排课自动关联库存，下单锁定库存，取消释放库存，防止超卖 课程评价：用户完成课程后可进行1-5星评分+文字+图片评价，管理员可回复管理 课程收藏：用户可收藏心仪课程，支持收藏列表管理 二、教练管理 教练档案：教练姓名、头像、证书图片、课时费标准、个人简介等完整信息 教练等级：自定义教练等级体系（如初级教练、高级教练、认证讲师等） 教练类型：按专业领域分类教练（如力量训练、瑜伽、舞蹈等） 教练标签：多标签体系，灵活标注教练特长（如"增肌""减脂""产后恢复"等） 教练结算：按排课自动生成结算记录，支持批量结算与打款，结算流程：待结算→已结算→已打款 教练人气排行：基于授课数据自动生成教练人气排行榜 三、学员管理 学员档案：关联平台会员，记录学员姓名、紧急联系人及电话、入学日期等信息 课时统计：自动统计总购买课时、已消耗课时、剩余课时，数据一目了然 消费统计：累计报课数、累计消费金额，支持消费行为分析 状态管理：停课/在读/结业三种状态，支持生命周期管理 统计看板：管理员端学员概览卡片、30天趋势图、状态分布饼图 四、场馆场地管理 场馆管理：场馆名称、封面图、详细地址（省市区+经纬度）、联系电话、营业时间、场馆介绍 场地管理：每个场馆可管理多个场地（如1号场、2号场、VIP室等），含场地图片、容纳人数、设施配置、每小时单价 时段预约：按日期+时间段进行预约，支持独占模式和共享模式 营业时间：每个场馆独立设置营业时间，系统自动校验预约时段是否在营业时间范围内 时段可用性：实时查询场地各时段占用情况，冲突检测防止重复预约 五、课程预约 在线下单：选课程→选规格→选排课→使用优惠券→下单支付，流程顺畅 自动预约：支付成功后自动创建预约记录，无需人工干预 核销管理：自动生成预约核销码和二维码，管理员扫码签到/签退 库存流转：锁定库存→签到确认→签退完成，全流程库存精确管控 预约提醒：课程开始前2小时自动推送预约提醒通知 六、场馆预约 在线选场：选场馆→选场地→选日期时段→下单支付，操作直观 超时保护：下单后15分钟未支付自动取消订单并释放时段，避免资源浪费 自动预约：支付成功自动生成预约记录和核销码 签到签退：支持管理员扫码完成签到和签退操作 七、优惠券营销 券类型：支持满减券（满X减Y）和折扣券（X折），满足不同营销策略 发放控制：总量限制、每人限领张数、领取时间窗口，精细化管控 有效期：支持固定时间段有效 or 领取后N天内有效两种模式 适用场景：按指定课程ID列表限制使用范围 自动发放：注册赠送、购买成功后赠送，通过事件机制自动触发 手动发放：管理员指定用户手动发放优惠券 统计看板：发放量/领取量/使用量数据一目了然 过期提醒：每日自动扫描24小时内即将过期优惠券并推送提醒 八、订单管理 课程订单：完整订单生命周期（待支付→已支付→已完成→已取消） 场馆订单：完整订单生命周期 + 超时自动取消机制 退款取消：支持订单退款和取消操作 优惠券抵扣：下单时自动计算优惠券抵扣金额 九、数据统计 运营概览：总营收、今日营收、营收增长率、今日订单数、今日预约数、新增学员数 营收趋势：按日期范围查询课程+场馆合并营收趋势 课程销量排行：热销课程排行榜 教练人气排行：教练受欢迎程度排行 预约趋势：预约量随时间的趋势变化 十、消息通知 课程支付成功通知：订单号、课程名、金额、支付时间 场馆支付成功通知：订单号、场馆名、日期、时段、金额 预约即将开始提醒：课程名、日期时间、教练、地点 优惠券过期提醒：券名称、过期时间 DIY 页面装修 系统提供3个自定义装修组件，支持拖拽式页面搭建： 课程列表组件：展示课程卡片，支持分类筛选、排序（综合/最新/人气/价格）、显示教练/价格/简介 教练列表组件：展示教练卡片，支持类型/等级筛选 场馆列表组件：展示场馆卡片，支持显示地址、场地、标签信息 适用场景 行业 典型应用 健身房/私教工作室 私教课预约、团课管理、教练排课、会员课时管理 培训机构 课程发布报名、班级管理、学员档案、课时消耗 瑜伽馆/舞蹈室 小班课排期、场馆时段出租、会员签到 球类运动场馆 球场按小时预约、场地管理、会员体系 游泳馆 课程培训 + 泳道预约双模式 综合运动中心 课程+场馆全场景覆盖 基于此内容生成一个详情长图全场景智慧培训预约系统 - 功能介绍 系统概述 全场景智慧培训预约系统是一套面向线下服务型门店的 SaaS 管理插件，集课程培训管理、场馆场地预约、教练管理、学员管理、优惠券营销和数据统计分析于一体，支持多门店/多站点独立运营。 无论是健身房私教课、培训机构团课、瑜伽馆小班课，还是球场/舞蹈室按小时出租，都能通过本系统实现从线上展示→下单支付→预约核销→售后评价的完整业务闭环。 核心功能模块 一、课程管理 课程信息管理：课程名称、封面图、简介、课程形式（私教/团课）、时长、最大人数等完整信息管理 课程分类：支持多级分类，便于用户按分类浏览和筛选课程 课程类型：自定义课程类型（如私教课、团课、体验课等），满足不同业务场景 多规格定价：支持单规格/多规格模式，每个规格独立设置价格与原价，灵活适配不同课时套餐 排课管理：按日期+时间段排课，关联教练和场地，支持批量排课与周期性排课 库存管理：排课自动关联库存，下单锁定库存，取消释放库存，防止超卖 课程评价：用户完成课程后可进行1-5星评分+文字+图片评价，管理员可回复管理 课程收藏：用户可收藏心仪课程，支持收藏列表管理 二、教练管理 教练档案：教练姓名、头像、证书图片、课时费标准、个人简介等完整信息 教练等级：自定义教练等级体系（如初级教练、高级教练、认证讲师等） 教练类型：按专业领域分类教练（如力量训练、瑜伽、舞蹈等） 教练标签：多标签体系，灵活标注教练特长（如"增肌""减脂""产后恢复"等） 教练结算：按排课自动生成结算记录，支持批量结算与打款，结算流程：待结算→已结算→已打款 教练人气排行：基于授课数据自动生成教练人气排行榜 三、学员管理 学员档案：关联平台会员，记录学员姓名、紧急联系人及电话、入学日期等信息 课时统计：自动统计总购买课时、已消耗课时、剩余课时，数据一目了然 消费统计：累计报课数、累计消费金额，支持消费行为分析 状态管理：停课/在读/结业三种状态，支持生命周期管理 统计看板：管理员端学员概览卡片、30天趋势图、状态分布饼图 四、场馆场地管理 场馆管理：场馆名称、封面图、详细地址（省市区+经纬度）、联系电话、营业时间、场馆介绍 场地管理：每个场馆可管理多个场地（如1号场、2号场、VIP室等），含场地图片、容纳人数、设施配置、每小时单价 时段预约：按日期+时间段进行预约，支持独占模式和共享模式 营业时间：每个场馆独立设置营业时间，系统自动校验预约时段是否在营业时间范围内 时段可用性：实时查询场地各时段占用情况，冲突检测防止重复预约 五、课程预约 在线下单：选课程→选规格→选排课→使用优惠券→下单支付，流程顺畅 自动预约：支付成功后自动创建预约记录，无需人工干预 核销管理：自动生成预约核销码和二维码，管理员扫码签到/签退 库存流转：锁定库存→签到确认→签退完成，全流程库存精确管控 预约提醒：课程开始前2小时自动推送预约提醒通知 六、场馆预约 在线选场：选场馆→选场地→选日期时段→下单支付，操作直观 超时保护：下单后15分钟未支付自动取消订单并释放时段，避免资源浪费 自动预约：支付成功自动生成预约记录和核销码 签到签退：支持管理员扫码完成签到和签退操作 七、优惠券营销 券类型：支持满减券（满X减Y）和折扣券（X折），满足不同营销策略 发放控制：总量限制、每人限领张数、领取时间窗口，精细化管控 有效期：支持固定时间段有效 or 领取后N天内有效两种模式 适用场景：按指定课程ID列表限制使用范围 自动发放：注册赠送、购买成功后赠送，通过事件机制自动触发 手动发放：管理员指定用户手动发放优惠券 统计看板：发放量/领取量/使用量数据一目了然 过期提醒：每日自动扫描24小时内即将过期优惠券并推送提醒 八、订单管理 课程订单：完整订单生命周期（待支付→已支付→已完成→已取消） 场馆订单：完整订单生命周期 + 超时自动取消机制 退款取消：支持订单退款和取消操作 优惠券抵扣：下单时自动计算优惠券抵扣金额 九、数据统计 运营概览：总营收、今日营收、营收增长率、今日订单数、今日预约数、新增学员数 营收趋势：按日期范围查询课程+场馆合并营收趋势 课程销量排行：热销课程排行榜 教练人气排行：教练受欢迎程度排行 预约趋势：预约量随时间的趋势变化 十、消息通知 课程支付成功通知：订单号、课程名、金额、支付时间 场馆支付成功通知：订单号、场馆名、日期、时段、金额 预约即将开始提醒：课程名、日期时间、教练、地点 优惠券过期提醒：券名称、过期时间 DIY 页面装修 系统提供3个自定义装修组件，支持拖拽式页面搭建： 课程列表组件：展示课程卡片，支持分类筛选、排序（综合/最新/人气/价格）、显示教练/价格/简介 教练列表组件：展示教练卡片，支持类型/等级筛选 场馆列表组件：展示场馆卡片，支持显示地址、场地、标签信息 适用场景 行业 典型应用 健身房/私教工作室 私教课预约、团课管理、教练排课、会员课时管理 培训机构 课程发布报名、班级管理、学员档案、课时消耗 瑜伽馆/舞蹈室 小班课排期、场馆时段出租、会员签到 球类运动场馆 球场按小时预约、场地管理、会员体系 游泳馆 课程培训 + 泳道预约双模式 综合运动中心 课程+场馆全场景覆盖 基于此内容生成一个详情长图
1pzztowupl-HB1pzztowupl-HB
1pzter5x7k-HB1pzter5x7k-HB
Zht19950824Zht19950824
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅点击进入工作台后的订单核心操作面板，内容较多可上下滚动。 从上到下布局： 1. 顶部导航：左上角“← 返回”，页面标题“订单工作台”，橙色标签“服务中”订单状态。 2. 区域一：项目信息区，区域标题“项目信息”，灰色底只读信息卡片：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装，窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单：查看产品清单」。 3. 区域二：服务清单与佣金信息区，区域标题“服务与佣金”，服务明细卡片：服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」，下方绿色文字展示“含远程补贴：¥80”，底部大字橙色突出展示“本单总佣金：¥640”，小字标注“此为完成本单后可获得的全部佣金”，佣金信息醒目展示。 4. 区域三：资料互动区，区域标题“资料与沟通”，子Tab切换：客户资料 | 我的上传 | 沟通记录，当前展示客户资料：文件列表占位示意：📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png，每个文件右侧有“下载”按钮；虚线框示意切换至我的上传：“+ 上传文件”按钮，上传可选标签：户型图/现场照片/方案图纸/验收单/其他，占位已上传文件列表；虚线框示意切换至沟通记录：“+ 发起资料请求”，输入框+发送按钮，占位对话记录列表。 5. 区域四：关键操作区，区域标题“操作”，当前为安装调试师傅，全宽按钮依次展示：主色“预约客户”按钮，下方标注“已预约：2026-07-15 9:00”；主色“到达签到”按钮，下方标注“签到时间：9:03”；次要全宽按钮“签退及日志”，下方标注“填写今日工作概要（选填）”；高亮警示色全宽按钮“提交验收”，下方标注“上传完工照片或视频”；虚线框标注：“如角色为项目经理，额外展示 ↓”，额外展示按钮“项目经理审核”。 操作按钮清晰，状态明确，资料互动子Tab切换用虚线框示意即可，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅点击进入工作台后的订单核心操作面板，内容较多可上下滚动。 从上到下布局： 1. 顶部导航：左上角“← 返回”，页面标题“订单工作台”，橙色标签“服务中”订单状态。 2. 区域一：项目信息区，区域标题“项目信息”，灰色底只读信息卡片：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、项目概述「全屋智能开关安装，窗帘电机安装」、户型面积「120㎡」、项目类型「平层」、预期上门时间「2026-07-15」、标签「时间可协商」、可展开链接「关联产品订单：查看产品清单」。 3. 区域二：服务清单与佣金信息区，区域标题“服务与佣金”，服务明细卡片：服务名称「现场安装调试」、数量「1次」、佣金单价「¥560」、小计「¥560」，下方绿色文字展示“含远程补贴：¥80”，底部大字橙色突出展示“本单总佣金：¥640”，小字标注“此为完成本单后可获得的全部佣金”，佣金信息醒目展示。 4. 区域三：资料互动区，区域标题“资料与沟通”，子Tab切换：客户资料 | 我的上传 | 沟通记录，当前展示客户资料：文件列表占位示意：📄 户型图.pdf、🖼️ 客厅照片.jpg、🖼️ 开关位置图.png，每个文件右侧有“下载”按钮；虚线框示意切换至我的上传：“+ 上传文件”按钮，上传可选标签：户型图/现场照片/方案图纸/验收单/其他，占位已上传文件列表；虚线框示意切换至沟通记录：“+ 发起资料请求”，输入框+发送按钮，占位对话记录列表。 5. 区域四：关键操作区，区域标题“操作”，当前为安装调试师傅，全宽按钮依次展示：主色“预约客户”按钮，下方标注“已预约：2026-07-15 9:00”；主色“到达签到”按钮，下方标注“签到时间：9:03”；次要全宽按钮“签退及日志”，下方标注“填写今日工作概要（选填）”；高亮警示色全宽按钮“提交验收”，下方标注“上传完工照片或视频”；虚线框标注：“如角色为项目经理，额外展示 ↓”，额外展示按钮“项目经理审核”。 操作按钮清晰，状态明确，资料互动子Tab切换用虚线框示意即可，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。
创意 × 4
678typ3ch-HB678typ3ch-HB
GD193819676GD193819676
大陆机电-UI设计大陆机电-UI设计
大陆机电-UI设计大陆机电-UI设计
用户TWwAaCfV用户TWwAaCfV
喜鹊帮帮姣姣喜鹊帮帮姣姣
6adhucitqSFIi0g-HB6adhucitqSFIi0g-HB
HeyСcHeyСc
1q5brjneengrk3p6-HB1q5brjneengrk3p6-HB