创意预览图

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

用户头像

1r4don6tcdc...

2026.06.06
将这张PPT页面优化为浅蓝色简约科技风,与之前的PPT风格统一。保留左右布局:左侧为手机界面截图展示区,右侧为文字说明区。整体风格现代简约、科技感、干净清爽。 左侧展示区(约占画面60%宽度): - 白色或极浅灰背景 - 展示三张手机APP界面截图,从左到右依次排列,带有轻微的手机边框效果和阴影 - 三张截图之间有黄色箭头指示操作流程方向 - 截图内容保持原样:第一张是APP首页(有头像、今日设备总数、今日收入、管理应用等),第二张是"我的账号"页面(有申请二级商户选项被黄色箭头指向),第三张是"商户进件"页面(请选择入驻身份:个人商户、个体工商户、企业) - 截图区域整体有圆角卡片容器,带轻微阴影 右侧文字说明区(约占画面40%宽度): - 白色背景 - 顶部步骤标识:蓝色圆角方形内有白色数字"01",旁边是"STEP ONE 第一步"(灰色小字) - 主标题:"申请收款支付分权限"(黑色粗体大字,分两行) - 标题下方有一条短蓝色横线装饰 - 两个信息卡片,圆角矩形设计: 1. 第一个卡片(操作位置):左侧蓝色竖条,标题"操作位置"(黑色粗体),下方文字"微信小程序【24H无人零售】"(蓝色文字) 2. 第二个卡片(操作路径):左侧蓝色竖条,标题"操作路径"(黑色粗体),下方文字"24H无人零售 小程序 → 我的账户 → 申请二级商户 → 选择身份 → 填写资料"(蓝色文字,箭头分隔) 整体设计要求: - 浅蓝色简约科技风,配色以浅蓝、白色为主,与之前的PPT风格完全统一 - 版式精美,信息层级分明,对齐工整 - 圆角设计,现代感强,适合PPT演示 - 所有文字清晰可读,字体简洁现代 - 手机截图保持清晰,操作流程箭头明确 - 画面中所有信息区域、卡片必须填充完整合理的内容,不得出现空白框 - 画面中所有数字必须精确渲染,不得错位、遗漏或编造 画面中必须完整呈现以下文字信息: - 01 - STEP ONE 第一步 - 申请收款支付分权限 - 操作位置 - 微信小程序【24H无人零售】 - 操作路径 - 24H无人零售 小程序 → 我的账户 → 申请二级商户 → 选择身份 → 填写资料将这张PPT页面优化为浅蓝色简约科技风,与之前的PPT风格统一。保留左右布局:左侧为手机界面截图展示区,右侧为文字说明区。整体风格现代简约、科技感、干净清爽。

左侧展示区(约占画面60%宽度):
- 白色或极浅灰背景
- 展示三张手机APP界面截图,从左到右依次排列,带有轻微的手机边框效果和阴影
- 三张截图之间有黄色箭头指示操作流程方向
- 截图内容保持原样:第一张是APP首页(有头像、今日设备总数、今日收入、管理应用等),第二张是"我的账号"页面(有申请二级商户选项被黄色箭头指向),第三张是"商户进件"页面(请选择入驻身份:个人商户、个体工商户、企业)
- 截图区域整体有圆角卡片容器,带轻微阴影

右侧文字说明区(约占画面40%宽度):
- 白色背景
- 顶部步骤标识:蓝色圆角方形内有白色数字"01",旁边是"STEP ONE 第一步"(灰色小字)
- 主标题:"申请收款支付分权限"(黑色粗体大字,分两行)
- 标题下方有一条短蓝色横线装饰
- 两个信息卡片,圆角矩形设计:
  1. 第一个卡片(操作位置):左侧蓝色竖条,标题"操作位置"(黑色粗体),下方文字"微信小程序【24H无人零售】"(蓝色文字)
  2. 第二个卡片(操作路径):左侧蓝色竖条,标题"操作路径"(黑色粗体),下方文字"24H无人零售 小程序 → 我的账户 → 申请二级商户 → 选择身份 → 填写资料"(蓝色文字,箭头分隔)

整体设计要求:
- 浅蓝色简约科技风,配色以浅蓝、白色为主,与之前的PPT风格完全统一
- 版式精美,信息层级分明,对齐工整
- 圆角设计,现代感强,适合PPT演示
- 所有文字清晰可读,字体简洁现代
- 手机截图保持清晰,操作流程箭头明确
- 画面中所有信息区域、卡片必须填充完整合理的内容,不得出现空白框
- 画面中所有数字必须精确渲染,不得错位、遗漏或编造

画面中必须完整呈现以下文字信息:
- 01
- STEP ONE 第一步
- 申请收款支付分权限
- 操作位置
- 微信小程序【24H无人零售】
- 操作路径
- 24H无人零售 小程序 → 我的账户 → 申请二级商户 → 选择身份 → 填写资料
生成一张微信小程序竖屏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㎡」、项目类型「平层」,卡片底部小字提示“以上信息来自主项目,不可修改”;在页面底部增加黄色警示条提示:“主项目信息不完整,请先返回主项目完善信息后再关联订单”(主项目信息不完整场景示意)。
下拉筛选框要清晰展示展开/收起状态,选中项目信息自动填充且视觉上体现不可修改,所有文字清晰可见,使用无衬线字体,整体风格与原页面保持一致。
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四宫格模块依次为:共享器具借用、工器具借用、药品领用、自助存储,每个模块搭配专属线性立体图标,用低饱和浅蓝、浅暖橙柔和色块做视觉区分;

页面最底部预留窄条区域,放置小字版本号、企业名称与客服联系电话;
生成一张微信小程序竖屏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
生成一张微信小程序竖屏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”,右侧主色高亮按钮“提交并支付”。
页面下方用虚线框标注支付成功状态:标注“支付成功后 ↓”,框内说明新订单自动关联至主项目,展示订单编号,提示文字“该订单已关联至‘张先生家智能改造’项目”,通过标注和文字清晰表达关联逻辑。
所有文字清晰可见,使用无衬线字体,整体风格与前序智宅焕深色专业设计保持一致。
充值礼品卡使用流程竖版宣传海报,9:16竖版构图,简洁清新商务风格。画面顶部居中放置主标题"充值礼品卡使用流程",字体清晰正式。背景为浅灰色到白色的简约渐变背景,干净清爽。画面中间纵向排列七部手机界面截图,从上到下依次为第一步到第七步,【极其重要:手机界面内部的所有内容、文字、按钮、颜色、布局必须100%完整保留,绝对不能有任何改变,确保与原图完全一致】。每两部手机之间用向下的蓝色简约箭头连接,表示流程顺序。每部手机左侧放置简约的圆形数字编号(01、02、03、04、05、06、07),蓝色配色。每部手机下方对应放置步骤说明文字,文字清晰易读,字号适中:第一步下方"第一步:在个人中心,点击储值卡选项",第二步下方"第二步:点击激活自用",第三步下方"第三步:点击立即激活",第四步下方"第四步:进入到商场选到自己想要购买的商品,点击提交订单",第五步下方"第五步:选择礼品卡支付选项,完成付款",第六步下方"第六步:当我们充值卡的金额不足以支付购买商品价格的时候",第七步下方"第七步:可以选择礼品卡支付,其余微信支付"。手机添加轻微阴影效果,保持页面内容清晰可见。底部添加宣传语"便捷充值,轻松使用"。整体风格简洁专业、清晰易读,所有文字必须清晰可读。画面中所有信息区域必须填充完整合理的内容。充值礼品卡使用流程竖版宣传海报,9:16竖版构图,简洁清新商务风格。画面顶部居中放置主标题"充值礼品卡使用流程",字体清晰正式。背景为浅灰色到白色的简约渐变背景,干净清爽。画面中间纵向排列七部手机界面截图,从上到下依次为第一步到第七步,【极其重要:手机界面内部的所有内容、文字、按钮、颜色、布局必须100%完整保留,绝对不能有任何改变,确保与原图完全一致】。每两部手机之间用向下的蓝色简约箭头连接,表示流程顺序。每部手机左侧放置简约的圆形数字编号(01、02、03、04、05、06、07),蓝色配色。每部手机下方对应放置步骤说明文字,文字清晰易读,字号适中:第一步下方"第一步:在个人中心,点击储值卡选项",第二步下方"第二步:点击激活自用",第三步下方"第三步:点击立即激活",第四步下方"第四步:进入到商场选到自己想要购买的商品,点击提交订单",第五步下方"第五步:选择礼品卡支付选项,完成付款",第六步下方"第六步:当我们充值卡的金额不足以支付购买商品价格的时候",第七步下方"第七步:可以选择礼品卡支付,其余微信支付"。手机添加轻微阴影效果,保持页面内容清晰可见。底部添加宣传语"便捷充值,轻松使用"。整体风格简洁专业、清晰易读,所有文字必须清晰可读。画面中所有信息区域必须填充完整合理的内容。