创意预览图

线框原型设计,打卡页AR扫描与成就,简洁风格仅展示核心元素,全屏虚线边框相机取景框,中心动态扫描矩形框标注"对准目标",底部大按钮标注"立即打卡",成功解锁弹出对话框显示文字+图标如"解锁成就:城市探

用户头像

1r4don6tcdc...

2026.06.06
生成一张微信小程序竖屏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作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP风险反馈页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP风险反馈页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。

整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。

本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP风险反馈页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP风险反馈页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。

整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。

本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP骗局揭秘页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前两页展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"骗局揭秘"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前两页展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前两页完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。" 正文行间距舒适,段落宽度、字体大小与前两页完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前两页展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"骗局揭秘"、"设计说明"、"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP骗局揭秘页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前两页展示图完全一致。

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"骗局揭秘"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前两页展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前两页完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。" 正文行间距舒适,段落宽度、字体大小与前两页完全一致,左对齐。

整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。

本页必须与前两页展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"骗局揭秘"、"设计说明"、"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP骗局揭秘页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前两页展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"骗局揭秘"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前两页展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前两页完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。" 正文行间距舒适,段落宽度、字体大小与前两页完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前两页展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"骗局揭秘"、"设计说明"、"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP骗局揭秘页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前两页展示图完全一致。

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"骗局揭秘"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前两页展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前两页完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。" 正文行间距舒适,段落宽度、字体大小与前两页完全一致,左对齐。

整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。

本页必须与前两页展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"骗局揭秘"、"设计说明"、"'骗局揭秘'页面以不同诈骗类型为主要分类方式,通过图标、标签与卡片化列表呈现典型诈骗案例。页面设置搜索、分类筛选及风险等级等信息,帮助用户快速查找和识别不同类型的诈骗手法,并通过案例入口进一步了解具体诈骗过程与风险特征。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
生成一张微信小程序竖屏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”,右侧主色高亮按钮“提交订单并支付”。
已添加服务卡片为核心信息区,总价视觉突出,所有文字清晰可见,使用无衬线字体,整体风格与前序设计保持统一。
毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP案例详情页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"案例详情"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"案例详情"、"设计说明"、"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP案例详情页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"案例详情"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。

整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。

本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"案例详情"、"设计说明"、"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。 左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP案例详情页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。 右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"案例详情"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。 3. 正文段落:常规字号深灰色文字,内容为"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。 整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。 本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。 画面中必须完整呈现以下文字信息:"案例详情"、"设计说明"、"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。" 画面中所有文字必须精确渲染,不得错位、遗漏或编造。毕业设计论文UI作品展示图,左右双栏排版,浅蓝色背景(极浅的淡蓝色,接近白色的浅蓝调),整体简洁专业,留白充足,学术论文风格。画布比例为4:3横版。

左侧区域(约占画面宽度45%):垂直居中放置一张完整的手机APP案例详情页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。截图的尺寸、位置与前面页面展示图完全一致。

右侧区域(约占画面宽度55%):为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"案例详情"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号、位置与前面页面展示图完全一致。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,间距与前面页面完全一致。
3. 正文段落:常规字号深灰色文字,内容为"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。" 正文行间距舒适,段落宽度、字体大小与前面页面完全一致,左对齐。

整体配色:背景为极浅的淡蓝色,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。

本页必须与前面页面展示图保持完全一致的视觉模板,包括左右栏比例、截图尺寸与位置、标题位置、字体字号、正文区域宽度、间距及装饰形式,仅替换左侧页面截图、页面标题和设计说明文字。

画面中必须完整呈现以下文字信息:"案例详情"、"设计说明"、"'案例详情'页面围绕典型诈骗案例展开,通过案例概述、诈骗流程、风险提示和防范建议形成清晰的信息层级。诈骗流程采用步骤化视觉呈现,帮助用户直观理解诈骗手法及关键风险节点;底部衔接情境模拟入口,使案例认知进一步延伸至互动体验。"

画面中所有文字必须精确渲染,不得错位、遗漏或编造。
生成一张微信小程序竖屏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”,右侧主色高亮按钮“提交并支付”。
页面下方用虚线框标注支付成功状态:标注“支付成功后 ↓”,框内说明新订单自动关联至主项目,展示订单编号,提示文字“该订单已关联至‘张先生家智能改造’项目”,通过标注和文字清晰表达关联逻辑。
所有文字清晰可见,使用无衬线字体,整体风格与前序智宅焕深色专业设计保持一致。
毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。 左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP风险反馈页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。 右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为: 1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。 2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。 3. 正文段落:较大字号深灰色文字,内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。 整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。所有文字使用统一的标准无衬线黑体字体。 画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 画面中所有文字必须精确渲染,字体统一为标准无衬线黑体,清晰可读,不得出现乱码、错位、遗漏或编造的文字。毕业设计论文UI作品展示图,左右双栏排版,画布比例4:3横版,整体简洁专业,留白充足,学术论文风格。

左侧区域(约占画面宽度45%):背景为极浅的淡蓝色(浅蓝色背景),垂直居中放置一张完整的手机APP风险反馈页面截图,截图保持原图内容、比例和视觉效果,不得修改、裁切或拉伸。截图四周留有均匀的边距,截图下方有极细的浅灰色手机外轮廓线作为装饰,非常淡雅。

右侧区域(约占画面宽度55%):背景为纯白色,为设计说明文字区,左对齐排版,内容从上到下依次为:
1. 页面标题:大号加粗黑色字体"风险反馈"四个字,顶部有一条细细的蓝色短横线装饰(与慧眼APP蓝色一致),标题字号醒目清晰,使用标准无衬线黑体。
2. 小标题:中号字体"设计说明"四个字,颜色为深灰色,位于主标题下方,有适当间距,使用标准无衬线黑体。
3. 正文段落:较大字号深灰色文字,内容为"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。" 正文行间距舒适,段落宽度适中,左对齐,使用标准无衬线黑体,字体清晰无乱码。

整体配色:左侧浅蓝背景,右侧白色背景,文字以黑色和深灰色为主,仅使用慧眼APP的蓝色作为极少量辅助色(标题装饰线),不添加任何复杂装饰元素。四周留有充足留白,整体风格极简、专业、学术,符合毕业设计论文展示规范。所有文字使用统一的标准无衬线黑体字体。

画面中必须完整呈现以下文字信息:"风险反馈"、"设计说明"、"'风险反馈'页面承接情境模拟中的用户选择,通过风险结果、问题分析、正确做法和防范建议等内容,对用户的判断进行针对性反馈。页面利用不同色彩和卡片层级区分信息类型,帮助用户快速理解选择中存在的风险,并进一步掌握正确的应对方式和防范要点。"

画面中所有文字必须精确渲染,字体统一为标准无衬线黑体,清晰可读,不得出现乱码、错位、遗漏或编造的文字。