创意预览图

线框原型设计，盲盒抽取大厅首页，简洁风格仅展示核心元素，顶部左侧Logo、右侧圆形用户头像图标，中部中心矩形框标注"盲盒抽取"，下方文字标注"今日剩余X次"和倒计时，底部Tab栏排列首页、任务、背包、

用户头像

1r4don6tcdc...

2026.06.06
1r4don6tcdcY2Ugg-HB1r4don6tcdcY2Ugg-HB
1r4don6tcdcY2Ugg-HB1r4don6tcdcY2Ugg-HB
1r4don6tcdcY2Ugg-HB1r4don6tcdcY2Ugg-HB
1r4don6tcdcY2Ugg-HB1r4don6tcdcY2Ugg-HB
1q9q1lib00g5nv9k-HB1q9q1lib00g5nv9k-HB
1q0gap0ker-HB1q0gap0ker-HB
1q0gap0ker-HB1q0gap0ker-HB
1qqpec5w6mmeWquQ-HB1qqpec5w6mmeWquQ-HB
梦骚大叔梦骚大叔
GD916654622GD916654622
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序关联订单页UI风格保持一致，仅修改区域一为项目筛选，其他区域（简化下单流程、补充信息、底部操作区、关联成功状态示意）保持原有内容不变。 修正后的区域一：关联项目筛选，区域标题“关联至项目”，核心交互为微信小程序标准下拉筛选框，占位文字“请选择要关联的项目”，右侧带向下箭头示意可展开；展开下拉列表后，展示客户名下3个示例项目，每条项目记录格式：项目名称 + 项目地址 + 项目类型 + 面积，示例项目： 1. 张先生家智能改造 - 上海市闵行区 - 平层 120㎡ 2. 李女士家灯光升级 - 上海市浦东新区 - 复式 180㎡ 3. 王总办公室智能化 - 上海市静安区 - 工装 300㎡ 选中项目后，下拉框展示选中项目名称，下方自动填充只读项目基本信息卡片：项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改”；在页面底部增加黄色警示条提示：“主项目信息不完整，请先返回主项目完善信息后再关联订单”（主项目信息不完整场景示意）。 下拉筛选框要清晰展示展开/收起状态，选中项目信息自动填充且视觉上体现不可修改，所有文字清晰可见，使用无衬线字体，整体风格与原页面保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序关联订单页UI风格保持一致，仅修改区域一为项目筛选，其他区域（简化下单流程、补充信息、底部操作区、关联成功状态示意）保持原有内容不变。 修正后的区域一：关联项目筛选，区域标题“关联至项目”，核心交互为微信小程序标准下拉筛选框，占位文字“请选择要关联的项目”，右侧带向下箭头示意可展开；展开下拉列表后，展示客户名下3个示例项目，每条项目记录格式：项目名称 + 项目地址 + 项目类型 + 面积，示例项目： 1. 张先生家智能改造 - 上海市闵行区 - 平层 120㎡ 2. 李女士家灯光升级 - 上海市浦东新区 - 复式 180㎡ 3. 王总办公室智能化 - 上海市静安区 - 工装 300㎡ 选中项目后，下拉框展示选中项目名称，下方自动填充只读项目基本信息卡片：项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改”；在页面底部增加黄色警示条提示：“主项目信息不完整，请先返回主项目完善信息后再关联订单”（主项目信息不完整场景示意）。 下拉筛选框要清晰展示展开/收起状态，选中项目信息自动填充且视觉上体现不可修改，所有文字清晰可见，使用无衬线字体，整体风格与原页面保持一致。
678typ3ch-HB678typ3ch-HB
1qmj3r29xqAGchbA-HB1qmj3r29xqAGchbA-HB
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户在已有项目下追加购买新服务的简化下单页面，页面内容可滚动。 从上到下布局： 1. 顶部导航：左上角“← 返回项目看板”，页面标题“关联订单”。 2. 区域一：项目信息（自动复用只读），区域标题“关联至项目”，灰色底色只读卡片展示从主项目复用的信息：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改。如需修改，请返回主项目编辑”，清晰展示不可修改状态。 3. 区域二：简化下单流程，简化步骤条「①选择服务模式 → ②添加服务与计价 → ③确认支付」，服务模式选择为两个互斥卡片，和前序设计风格一致：当前选中卡片A“远程服务”，未选中卡片B“现场服务”；“+ 添加服务”按钮，下方展示一个已添加服务卡片：服务名称“智能锁安装”，计价方式一口价，单价¥350/次，小计¥350。下单流程比主项目简化，保留核心步骤。 4. 区域三：补充信息，选填多行文本需求描述输入框（占位“补充说明...”），选填虚线框资料上传区域。 5. 底部固定悬浮操作区：左侧“应付总额：¥350”，右侧主色高亮按钮“提交并支付”。 页面下方用虚线框标注支付成功状态：标注“支付成功后 ↓”，框内说明新订单自动关联至主项目，展示订单编号，提示文字“该订单已关联至‘张先生家智能改造’项目”，通过标注和文字清晰表达关联逻辑。 所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕深色专业设计保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕前序UI风格保持一致，为客户在已有项目下追加购买新服务的简化下单页面，页面内容可滚动。 从上到下布局： 1. 顶部导航：左上角“← 返回项目看板”，页面标题“关联订单”。 2. 区域一：项目信息（自动复用只读），区域标题“关联至项目”，灰色底色只读卡片展示从主项目复用的信息：项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」，卡片底部小字提示“以上信息来自主项目，不可修改。如需修改，请返回主项目编辑”，清晰展示不可修改状态。 3. 区域二：简化下单流程，简化步骤条「①选择服务模式 → ②添加服务与计价 → ③确认支付」，服务模式选择为两个互斥卡片，和前序设计风格一致：当前选中卡片A“远程服务”，未选中卡片B“现场服务”；“+ 添加服务”按钮，下方展示一个已添加服务卡片：服务名称“智能锁安装”，计价方式一口价，单价¥350/次，小计¥350。下单流程比主项目简化，保留核心步骤。 4. 区域三：补充信息，选填多行文本需求描述输入框（占位“补充说明...”），选填虚线框资料上传区域。 5. 底部固定悬浮操作区：左侧“应付总额：¥350”，右侧主色高亮按钮“提交并支付”。 页面下方用虚线框标注支付成功状态：标注“支付成功后 ↓”，框内说明新订单自动关联至主项目，展示订单编号，提示文字“该订单已关联至‘张先生家智能改造’项目”，通过标注和文字清晰表达关联逻辑。 所有文字清晰可见，使用无衬线字体，整体风格与前序智宅焕深色专业设计保持一致。
678typ3ch-HB678typ3ch-HB
GD194029470GD194029470
生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅端个人中心页面，管理个人信息、查看收入和提现，内容可上下滚动。 从上到下布局： 1. 顶部师傅身份卡片：圆形头像占位，师傅姓名“张建国”，蓝色标签“智能安装及调试师傅”，入驻时间“2025年3月通过认证”。 2. 区域一：收入概览，两个数据卡片横向排列，卡片1大字突出“累计收入 ¥48,560”，卡片2“累计接单 328单”，卡片下方链接“查看收入明细 →”，收入数据醒目展示。 3. 区域二：收入明细列表，区域标题“近期收入”，列表展示2条记录：第一条，订单编号ZXH20260628001，服务类型智能锁安装，完成时间2026-06-28，本单佣金¥200，绿色标签“已结算”；第二条，订单编号ZXH20260625001，服务类型现场安装调试，完成时间2026-06-25，本单佣金¥800，橙色标签“待结算”。 4. 区域三：提现操作，区域标题“提现”，突出展示“可提现金额：¥12,350”，主色高亮“申请提现”按钮，入口链接“提现记录 →”，提现入口清晰。 5. 区域四：账户与设置，列表菜单形式，包含：“个人信息 → 可点击进入编辑”、“接单偏好设置 → 标签“敬请期待”（初期预留）”、“服务区域管理 →”、“资质证明管理 →”、“通知设置 →”、“联系管理员 →”。 6. 区域五：个人信息编辑区，虚线框标注：“点击‘个人信息’后展开 ↓”，框内展示：姓名张建国（灰色，说明管理员维护不可修改）、手机号138****5678（灰色，管理员维护不可修改）、角色类型智能安装及调试师傅（管理员维护）、擅长品类标签组（管理员维护）、从业时间2016年（管理员维护）、居住城市上海（管理员维护）、服务区域上海市（管理员维护），底部按钮“申请修改个人信息”（提交后需管理员审核），明确区分管理员维护字段和师傅可申请修改字段。 预留功能用“敬请期待”标签示意，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，参考上传图片风格与智宅焕前序UI体系保持一致，为师傅端个人中心页面，管理个人信息、查看收入和提现，内容可上下滚动。 从上到下布局： 1. 顶部师傅身份卡片：圆形头像占位，师傅姓名“张建国”，蓝色标签“智能安装及调试师傅”，入驻时间“2025年3月通过认证”。 2. 区域一：收入概览，两个数据卡片横向排列，卡片1大字突出“累计收入 ¥48,560”，卡片2“累计接单 328单”，卡片下方链接“查看收入明细 →”，收入数据醒目展示。 3. 区域二：收入明细列表，区域标题“近期收入”，列表展示2条记录：第一条，订单编号ZXH20260628001，服务类型智能锁安装，完成时间2026-06-28，本单佣金¥200，绿色标签“已结算”；第二条，订单编号ZXH20260625001，服务类型现场安装调试，完成时间2026-06-25，本单佣金¥800，橙色标签“待结算”。 4. 区域三：提现操作，区域标题“提现”，突出展示“可提现金额：¥12,350”，主色高亮“申请提现”按钮，入口链接“提现记录 →”，提现入口清晰。 5. 区域四：账户与设置，列表菜单形式，包含：“个人信息 → 可点击进入编辑”、“接单偏好设置 → 标签“敬请期待”（初期预留）”、“服务区域管理 →”、“资质证明管理 →”、“通知设置 →”、“联系管理员 →”。 6. 区域五：个人信息编辑区，虚线框标注：“点击‘个人信息’后展开 ↓”，框内展示：姓名张建国（灰色，说明管理员维护不可修改）、手机号138****5678（灰色，管理员维护不可修改）、角色类型智能安装及调试师傅（管理员维护）、擅长品类标签组（管理员维护）、从业时间2016年（管理员维护）、居住城市上海（管理员维护）、服务区域上海市（管理员维护），底部按钮“申请修改个人信息”（提交后需管理员审核），明确区分管理员维护字段和师傅可申请修改字段。 预留功能用“敬请期待”标签示意，所有文字清晰可见，使用无衬线字体，整体风格与上传参考图及前序设计保持一致。
创意 × 4
678typ3ch-HB678typ3ch-HB
GD802074451GD802074451
9:16竖屏轻奢科技风智能仓储自助柜触控首页UI界面，极简分层创新错落布局，莫兰迪浅冰蓝渐变柔光背景，半透磨砂玻璃拟态分层卡片，轻薄立体柔和分层光影，适配工业自助触屏终端，大圆角大尺寸触控交互区域，字体宽大醒目适配人体工学防止手指误触，细线条2.5D渐变简约图标，无厚重复杂建模，8K超清界面效果图，思源无衬线字体，文字层级清晰，智能柜2.0可视化极简操作设计理念，干净通透未来商用设备质感，无多余冗余装饰元素 【固定分层布局规范】页面自上而下分三大视觉层级，层级主次差距明显，摒弃均分死板排版： 第一层为顶部全屏通栏视觉Banner：顶部全屏通栏Banner区域，轻量化3D渲染浅蓝金属多格智能储物柜，柜体表面细腻哑光金属质感，柔和顶部灯带柔光；画面点缀悬浮轻量化仓储元素：空白纸质物料盒、透明药瓶、小型工具收纳箱，低透明度漂浮效果，无杂乱堆砌；画面右上角放置粗体无衬线白色大字「欢迎使用」，字体边缘柔和轻微发光，整体通透漫反射光影，低饱和浅冰蓝渐变底色，干净简约工业科技氛围，不遮挡下方功能区域，视觉柔和不抢主体； 第二层为横向铺满页面的一张加宽核心功能通栏卡片（最高视觉权重），第三层采用标准2行2列四宫格规整排布四类次级业务模块，整体留白克制均匀大气； 第二层通栏核心卡片为【输入凭证码】，卡片内附带浅色功能说明文字与简约引导箭头，占页面最大视觉面积，突出高频操作； 第三层2×2四宫格模块依次为：共享器具借用、工器具借用、药品领用、自助存储，每个模块搭配专属线性立体图标，用低饱和浅蓝、浅暖橙柔和色块做视觉区分； 页面最底部预留窄条区域，放置小字版本号、企业名称与客服联系电话；9:16竖屏轻奢科技风智能仓储自助柜触控首页UI界面，极简分层创新错落布局，莫兰迪浅冰蓝渐变柔光背景，半透磨砂玻璃拟态分层卡片，轻薄立体柔和分层光影，适配工业自助触屏终端，大圆角大尺寸触控交互区域，字体宽大醒目适配人体工学防止手指误触，细线条2.5D渐变简约图标，无厚重复杂建模，8K超清界面效果图，思源无衬线字体，文字层级清晰，智能柜2.0可视化极简操作设计理念，干净通透未来商用设备质感，无多余冗余装饰元素 【固定分层布局规范】页面自上而下分三大视觉层级，层级主次差距明显，摒弃均分死板排版： 第一层为顶部全屏通栏视觉Banner：顶部全屏通栏Banner区域，轻量化3D渲染浅蓝金属多格智能储物柜，柜体表面细腻哑光金属质感，柔和顶部灯带柔光；画面点缀悬浮轻量化仓储元素：空白纸质物料盒、透明药瓶、小型工具收纳箱，低透明度漂浮效果，无杂乱堆砌；画面右上角放置粗体无衬线白色大字「欢迎使用」，字体边缘柔和轻微发光，整体通透漫反射光影，低饱和浅冰蓝渐变底色，干净简约工业科技氛围，不遮挡下方功能区域，视觉柔和不抢主体； 第二层为横向铺满页面的一张加宽核心功能通栏卡片（最高视觉权重），第三层采用标准2行2列四宫格规整排布四类次级业务模块，整体留白克制均匀大气； 第二层通栏核心卡片为【输入凭证码】，卡片内附带浅色功能说明文字与简约引导箭头，占页面最大视觉面积，突出高频操作； 第三层2×2四宫格模块依次为：共享器具借用、工器具借用、药品领用、自助存储，每个模块搭配专属线性立体图标，用低饱和浅蓝、浅暖橙柔和色块做视觉区分； 页面最底部预留窄条区域，放置小字版本号、企业名称与客服联系电话；
4X6A4_琉璃小妖4X6A4_琉璃小妖
YinGJianG7YinGJianG7
GD682697926GD682697926
1r4don6tcdcY2Ugg-HB1r4don6tcdcY2Ugg-HB
695kvtzlq3Duqpw-HB695kvtzlq3Duqpw-HB
爱上鲨鱼的人鱼112爱上鲨鱼的人鱼112
Linda.Batz80Linda.Batz80
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB
1r8hdo2ld0xlT4kw-HB1r8hdo2ld0xlT4kw-HB