设计前端App首页/我的助手页未开通状态UI界面，主色为科技蓝… - 图片创意预览

设计前端App首页/我的助手页未开通状态UI界面，主色为科技蓝…

设计前端App首页/我的助手页未开通状态UI界面，主色为科技蓝#1677ff，包含用户信息栏，显示用户名张三、资源配额1核2G×1，状态卡片显示助手状态未开通，附带状态说明“点击下方按钮，一键拥有你的

GD159997899

2026.03.03

设计前端App首页/我的助手页未开通状态UI界面，主色为科技蓝#1677ff，包含用户信息栏，显示用户名张三、资源配额1核2G×1，状态卡片显示助手状态未开通，附带状态说明“点击下方按钮，一键拥有你的专属助手”，有一键开通Open Cloud助手按钮，还有查看开通历史、使用说明快捷入口，整体风格简洁现代，符合科技产品UI设计

设计前端App首页/我的助手页未开通状态UI界面，主色为科技蓝#1677ff，包含用户信息栏，显示用户名张三、资源配额1核2G×1，状态卡片显示助手状态未开通，附带状态说明“点击下方按钮，一键拥有你的专属助手”，有一键开通Open Cloud助手按钮，还有查看开通历史、使用说明快捷入口，整体风格简洁现代，符合科技产品UI设计

设计前端App开通进度页进行中状态UI界面，主色为科技蓝#1677ff，显示正在开通Open Cloud助手标题，有进度条显示进度60%，步骤指示器按创建资源→部署镜像→配置环境→连接服务四步展示，当前步骤为部署助手镜像，预计剩余时间约2分钟，有取消开通按钮，整体风格简洁现代，符合科技产品UI设计

设计前端App开通进度页进行中状态UI界面，主色为科技蓝#1677ff，显示正在开通Open Cloud助手标题，有进度条显示进度60%，步骤指示器按创建资源→部署镜像→配置环境→连接服务四步展示，当前步骤为部署助手镜像，预计剩余时间约2分钟，有取消开通按钮，整体风格简洁现代，符合科技产品UI设计

设计前端App开通历史页UI界面，主色为科技蓝#1677ff，有开通历史记录标题，搜索/筛选栏，包含全部、今天、本周选项，任务列表展示历史开通任务，每条记录包含时间、状态、耗时、操作按钮，如2024-05-20 14:30状态成功耗时3分45秒，有查看详情和再次开通按钮；2024-05-18 09:15状态失败原因资源不足，有查看详情和重试按钮，整体风格简洁现代，符合科技产品UI设计

设计前端App开通历史页UI界面，主色为科技蓝#1677ff，有开通历史记录标题，搜索/筛选栏，包含全部、今天、本周选项，任务列表展示历史开通任务，每条记录包含时间、状态、耗时、操作按钮，如2024-05-20 14:30状态成功耗时3分45秒，有查看详情和再次开通按钮；2024-05-18 09:15状态失败原因资源不足，有查看详情和重试按钮，整体风格简洁现代，符合科技产品UI设计

根据图一的UI设计风格，将图二的"我的"页面原型重新设计为高保真UI界面。 **图一风格参考（必须严格遵循）：** - 整体风格：清新、年轻、现代的移动端小程序风格 - 配色：以蓝色为主色调，浅蓝/天蓝色背景，白色卡片，深蓝色文字 - 顶部有蓝色天空/渐变背景，带毛笔书法标题"'移'路反诈 '合'力护航" - 卡片：圆角白色卡片，轻微阴影，毛玻璃/半透明质感 - 按钮：深蓝色圆角按钮，白色文字 - 图标：蓝色系线性图标，清新简约 - 文字：标题深蓝色，正文深灰色，辅助文字浅灰色 - 底部导航栏：白色背景，选中态蓝色图标+文字 **图二页面内容（必须包含）：** - 顶部用户信息区：头像、姓名"张同学"、学校"中国科学技术大学"、段位标识 - 数据统计卡片：最高分85、平均正确率78.5%、全市排名156、答题天数3 - 奖金卡片：线上初赛奖金500元，金币排名第15名/共3,200人，领奖按钮 - 功能列表：电子协议签署记录、历史答题记录、错题本汇总、个人全市排名、答题数据统计、退出登录 - 底部导航栏：首页、答题、榜单、我的（我的选中态） **设计要求：** - 竖版移动端界面，iPhone尺寸 - 整体风格和图一完全统一，蓝白清新风格 - 去掉原型中的红色主题，换成蓝色系 - 界面精致，有层次感，卡片错落有致 - 可以适当加入反诈元素（盾牌、锁等图标）点缀 - 高保真，可直接上线的视觉效果

根据图一的UI设计风格，将图二的"我的"页面原型重新设计为高保真UI界面。

**图一风格参考（必须严格遵循）：**
- 整体风格：清新、年轻、现代的移动端小程序风格
- 配色：以蓝色为主色调，浅蓝/天蓝色背景，白色卡片，深蓝色文字
- 顶部有蓝色天空/渐变背景，带毛笔书法标题"'移'路反诈 '合'力护航"
- 卡片：圆角白色卡片，轻微阴影，毛玻璃/半透明质感
- 按钮：深蓝色圆角按钮，白色文字
- 图标：蓝色系线性图标，清新简约
- 文字：标题深蓝色，正文深灰色，辅助文字浅灰色
- 底部导航栏：白色背景，选中态蓝色图标+文字

**图二页面内容（必须包含）：**
- 顶部用户信息区：头像、姓名"张同学"、学校"中国科学技术大学"、段位标识
- 数据统计卡片：最高分85、平均正确率78.5%、全市排名156、答题天数3
- 奖金卡片：线上初赛奖金500元，金币排名第15名/共3,200人，领奖按钮
- 功能列表：电子协议签署记录、历史答题记录、错题本汇总、个人全市排名、答题数据统计、退出登录
- 底部导航栏：首页、答题、榜单、我的（我的选中态）

**设计要求：**
- 竖版移动端界面，iPhone尺寸
- 整体风格和图一完全统一，蓝白清新风格
- 去掉原型中的红色主题，换成蓝色系
- 界面精致，有层次感，卡片错落有致
- 可以适当加入反诈元素（盾牌、锁等图标）点缀
- 高保真，可直接上线的视觉效果

细化生成第二行第一张打卡完成页医疗器械APP界面，参考整体浅绿色清新医疗风格，生成清晰高保真手机界面，包含打卡完成标识和按钮，细节完整

细化生成第二行第一张打卡完成页医疗器械APP界面，参考整体浅绿色清新医疗风格，生成清晰高保真手机界面，包含打卡完成标识和按钮，细节完整

Мойкомандир

现代简约风格音乐类app我的收藏页，黑紫分色渐变主题，包含收藏歌单、收藏歌手、收藏专辑分类展示，收藏内容列表，UI设计清晰规整

现代简约风格音乐类app我的收藏页，黑紫分色渐变主题，包含收藏歌单、收藏歌手、收藏专辑分类展示，收藏内容列表，UI设计清晰规整

1r1hr109s9dV1V7g-HB

移动端智能家居APP通知中心界面，页面名为“云间来信”，暖白色背景，列表式布局，每条通知左侧为云朵图标，右侧是内容摘要与时间，未读通知的云朵带有微弱光晕，顶部标题右侧设有“全部已读”文字按钮，底部有“安静模式”滑动开关，整体风格极简温柔，采用非打扰式设计，界面柔和干净

移动端智能家居APP通知中心界面，页面名为“云间来信”，暖白色背景，列表式布局，每条通知左侧为云朵图标，右侧是内容摘要与时间，未读通知的云朵带有微弱光晕，顶部标题右侧设有“全部已读”文字按钮，底部有“安静模式”滑动开关，整体风格极简温柔，采用非打扰式设计，界面柔和干净

1qamayt7lzf9psco-HB

单独提取生成CapWords词趣贴纸APP的个人数据主页界面，保持原设计风格：清新简约、马卡龙浅奶蓝配色、圆角柔和轻治愈风，保留完整内容：用户信息卡片、学习累计数据统计、学习数据折线图、我的成就展示、底部导航栏，生成单张手机竖屏个人数据主页

单独提取生成CapWords词趣贴纸APP的个人数据主页界面，保持原设计风格：清新简约、马卡龙浅奶蓝配色、圆角柔和轻治愈风，保留完整内容：用户信息卡片、学习累计数据统计、学习数据折线图、我的成就展示、底部导航栏，生成单张手机竖屏个人数据主页

重新设计拾光智伴大学生服务者端微信小程序首页，简洁年轻化设计风格，顶部展示个人接单状态，核心板块订单大厅、我的接单、服务记录、收益结算、培训中心排列整齐，侧边增加服务指南和应急处理入口，清晰现代，适配小程序竖屏尺寸。

重新设计拾光智伴大学生服务者端微信小程序首页，简洁年轻化设计风格，顶部展示个人接单状态，核心板块订单大厅、我的接单、服务记录、收益结算、培训中心排列整齐，侧边增加服务指南和应急处理入口，清晰现代，适配小程序竖屏尺寸。

6adhucitqSFIi0g-HB

设计前端App助手详情页UI界面，主色为科技蓝#1677ff，包含运行信息区域，显示IP地址、运行时长、资源占用，有重启、重置、查看日志、停用操作按钮，还有使用统计区域，展示近期使用频率、资源消耗趋势，整体风格简洁现代，符合科技产品UI设计

设计前端App助手详情页UI界面，主色为科技蓝#1677ff，包含运行信息区域，显示IP地址、运行时长、资源占用，有重启、重置、查看日志、停用操作按钮，还有使用统计区域，展示近期使用频率、资源消耗趋势，整体风格简洁现代，符合科技产品UI设计

个人数据主页，展示学习天数、累计词汇量统计数据，功能入口包含切换主题、通用设置、意见反馈，设计风格：浅奶蓝主色调，马卡龙配色，清新简约全圆角，轻治愈风

个人数据主页，展示学习天数、累计词汇量统计数据，功能入口包含切换主题、通用设置、意见反馈，设计风格：浅奶蓝主色调，马卡龙配色，清新简约全圆角，轻治愈风

[第3屏] 本屏功能定义：四大闯关类型多维能力培养介绍模块。 [氛围/风格] 清晰专业教育风，表格卡片化展示，延续整体明亮清新风格。 [元素布局] 顶部大标题区域，下方用卡片列表方式展示四个闯关类型和对应培养方向。每个闯关类型占一行，左侧为闯关名称，右侧为培养方向，用分隔线区分行间距，整体分区清晰。背景可加入简约科技感点状底纹，不干扰阅读。 [光影质感] 整体均匀光照，卡片之间层次感清晰，文字与背景对比度足够，保证移动端阅读清晰。 [配色色系] 全局底色：#F5F9FF；标题：#2A4B8D；卡片背景白色；闯关名称文字深蓝色加粗；培养方向文字深灰色，保持和前两屏一致的统一配色。 [视角构图] 9:16竖版，从上到下线性排版，信息层级清晰，符合手机浏览顺序。 [文字版式] 顶部主标题加粗居中："4大闯关类型，多维培养"。列表依次排版： 1. 口算闯关 → 逻辑思维与运算速度 2. 听写闯关 → 专注力与信息捕捉能力 3. 跟读闯关 → 语言感知与模仿能力 4. 练习闯关 → 综合应用与知识迁移能力每行名称左对齐加粗，培养方向右对齐常规字，表格边框浅色，行间距宽松，所有文字在移动端清晰可辨，不拥挤。 [比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨。 [负向提示词] 表格变形，文字错位，文字模糊，颜色刺眼，水印，违规内容，背景杂乱。

[第3屏] 本屏功能定义：四大闯关类型多维能力培养介绍模块。
[氛围/风格] 清晰专业教育风，表格卡片化展示，延续整体明亮清新风格。
[元素布局] 顶部大标题区域，下方用卡片列表方式展示四个闯关类型和对应培养方向。每个闯关类型占一行，左侧为闯关名称，右侧为培养方向，用分隔线区分行间距，整体分区清晰。背景可加入简约科技感点状底纹，不干扰阅读。
[光影质感] 整体均匀光照，卡片之间层次感清晰，文字与背景对比度足够，保证移动端阅读清晰。
[配色色系] 全局底色：#F5F9FF；标题：#2A4B8D；卡片背景白色；闯关名称文字深蓝色加粗；培养方向文字深灰色，保持和前两屏一致的统一配色。
[视角构图] 9:16竖版，从上到下线性排版，信息层级清晰，符合手机浏览顺序。
[文字版式] 顶部主标题加粗居中："4大闯关类型，多维培养"。列表依次排版：
1. 口算闯关 → 逻辑思维与运算速度
2. 听写闯关 → 专注力与信息捕捉能力
3. 跟读闯关 → 语言感知与模仿能力
4. 练习闯关 → 综合应用与知识迁移能力
每行名称左对齐加粗，培养方向右对齐常规字，表格边框浅色，行间距宽松，所有文字在移动端清晰可辨，不拥挤。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨。
[负向提示词] 表格变形，文字错位，文字模糊，颜色刺眼，水印，违规内容，背景杂乱。

学习类APP综合型首页UI设计，尺寸750*1334px，整体风格简约现代扁平风，蓝白色调性，风格统一，界面干净清爽。从上到下依次包含完整功能模块： 1. 顶部导航栏：左侧“学习助手”logo，右侧搜索图标和消息图标，状态栏留白。 2. 轮播Banner位：首屏展示“每日学习计划”，配图为书桌书本咖啡场景，主文案“今日专注1小时”，副标题“坚持打卡收获成长”，蓝色渐变背景，左文右图布局。 3. 金刚功能区：8个圆形图标排列成2行4列，图标分别对应：题库练习、精品课程、打卡签到、错题本、资料下载、学习社群、考研专区、资格考证，图标下方配对应文字。 4. 瓷片区：双卡片左右布局，左侧“免费公开课”配书桌背景，右侧“大佬干货分享”配笔记背景，卡片圆角设计，文字清晰突出。 5. 推荐内容商品图片流：千人千面推荐，采用左图右文卡片式布局，展示3张推荐卡片，分别为：“英语四级通关秘籍”、“Python从入门到精通”、“公务员行测技巧”，每张配对应课程预览图，标题+简介+“去学习”按钮，排列整齐，间距一致。界面元素规范，所有模块间距合理，字体层级分明，主标题>副标题>正文，色彩统一主色#1677ff，辅助浅灰，文字清晰易读，符合现代UI设计规范。

1r1lc818ktOEtlnA-HB

去除图片右下角的"豆包AI生成"水印，保持图片其他所有内容、布局、颜色、文字完全不变，画面干净无水印痕迹

去除图片右下角的"豆包AI生成"水印，保持图片其他所有内容、布局、颜色、文字完全不变，画面干净无水印痕迹

参考图片风格，生成服务进行中详情页移动端小程序UI设计。蓝色主色调，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"服务详情"；2.状态卡片，浅蓝色渐变背景，显示"服务进行中"大标题，下方横向进度条（待开始→进行中→已完成→已评价），剩余天数小字；3.服务记录时间轴，竖向时间轴设计，多个节点，每个节点有照片缩略图+服务记录文字描述+上传时间，已完成节点蓝色圆点；4.三个工具入口卡片横向排列：技术资料、案例库、专家咨询，每个配图标和文字；5.在线沟通入口卡片：消息图标+"在线沟通"文字按钮；6.右下角悬浮蓝色圆形"+"按钮，用于上传服务记录；7.底部固定按钮：蓝色主按钮"提交服务完成"。整体风格：政务类小程序，时间轴清晰，功能入口明确，蓝色系专业配色，高分辨率UI设计稿

参考图片风格，生成服务进行中详情页移动端小程序UI设计。蓝色主色调，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"服务详情"；2.状态卡片，浅蓝色渐变背景，显示"服务进行中"大标题，下方横向进度条（待开始→进行中→已完成→已评价），剩余天数小字；3.服务记录时间轴，竖向时间轴设计，多个节点，每个节点有照片缩略图+服务记录文字描述+上传时间，已完成节点蓝色圆点；4.三个工具入口卡片横向排列：技术资料、案例库、专家咨询，每个配图标和文字；5.在线沟通入口卡片：消息图标+"在线沟通"文字按钮；6.右下角悬浮蓝色圆形"+"按钮，用于上传服务记录；7.底部固定按钮：蓝色主按钮"提交服务完成"。整体风格：政务类小程序，时间轴清晰，功能入口明确，蓝色系专业配色，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

设计智辉云私域直播主播端发签到半屏弹窗页面，弹窗内包含签到时间选择器（可选择具体小时和分钟），底部有发送按钮，背景是直播中的模糊场景，移动端竖屏布局

设计智辉云私域直播主播端发签到半屏弹窗页面，弹窗内包含签到时间选择器（可选择具体小时和分钟），底部有发送按钮，背景是直播中的模糊场景，移动端竖屏布局

设计智辉云私域直播主播端发签到半屏弹窗页面，弹窗内包含签到时间选择器（可选择具体小时和分钟），底部有发送按钮，背景是直播中的模糊场景，移动端竖屏布局

设计智辉云私域直播主播端发签到半屏弹窗页面，弹窗内包含签到时间选择器（可选择具体小时和分钟），底部有发送按钮，背景是直播中的模糊场景，移动端竖屏布局

竖版引导海报，9:16比例，中央是发光圆角矩形按钮，有白色文字“滑动解锁”，向上引导解锁；生成10张

竖版引导海报，9:16比例，中央是发光圆角矩形按钮，有白色文字“滑动解锁”，向上引导解锁；生成10张

1q0g2ht88qbp93ls-HB

生成竖版引导海报，9:16比例，简洁扁平化风格；中心是大型箭头，箭头内垂直排列文字“上滑打开”；画面左右两侧对称分布线条风格锁图标，锁图标颜色与箭头色调呼应；整体视觉清晰、引导性强，适合APP或小程序的启动/解锁引导场景，生成10张

生成竖版引导海报，9:16比例，简洁扁平化风格；中心是大型箭头，箭头内垂直排列文字“上滑打开”；
画面左右两侧对称分布线条风格锁图标，锁图标颜色与箭头色调呼应；
整体视觉清晰、引导性强，适合APP或小程序的启动/解锁引导场景，生成10张

1q0g2ht88qbp93ls-HB

生成竖版引导海报，9:16比例，简洁扁平化风格；中心是大型箭头，箭头内垂直排列文字“上滑打开”；画面左右两侧对称分布线条风格锁图标，锁图标颜色与箭头色调呼应；整体视觉清晰、引导性强，适合APP或小程序的启动/解锁引导场景，生成10张

生成竖版引导海报，9:16比例，简洁扁平化风格；中心是大型箭头，箭头内垂直排列文字“上滑打开”；
画面左右两侧对称分布线条风格锁图标，锁图标颜色与箭头色调呼应；
整体视觉清晰、引导性强，适合APP或小程序的启动/解锁引导场景，生成10张

1q0g2ht88qbp93ls-HB

重新生成拾光智伴大学生服务者端小程序首页，现代化简约清爽设计，顶部显示个人头像和今日收益，顶部导航栏放置「接单大厅」，下方依次排列：我的接单卡片、服务记录入口、收益结算模块，底部悬浮快速接单按钮，侧边划出培训中心和应急指南入口，年轻风格清晰高效，适配手机竖屏。

重新生成拾光智伴大学生服务者端小程序首页，现代化简约清爽设计，顶部显示个人头像和今日收益，顶部导航栏放置「接单大厅」，下方依次排列：我的接单卡片、服务记录入口、收益结算模块，底部悬浮快速接单按钮，侧边划出培训中心和应急指南入口，年轻风格清晰高效，适配手机竖屏。

6adhucitqSFIi0g-HB

智能家居APP名为传递的情感传递界面，移动端UI设计，暖白色背景，顶部有大尺寸云朵图形，云朵会随输入内容散发柔和光效，中部是三个可左右滑动的卡片，分别显示“云信”“声音便签”“生活状态同步”，底部是“轻推云朵”发送按钮，整体风格极简温柔，无打扰感

智能家居APP名为传递的情感传递界面，移动端UI设计，暖白色背景，顶部有大尺寸云朵图形，云朵会随输入内容散发柔和光效，中部是三个可左右滑动的卡片，分别显示“云信”“声音便签”“生活状态同步”，底部是“轻推云朵”发送按钮，整体风格极简温柔，无打扰感

1qamayt7lzf9psco-HB

现代简约风格音乐类app搜索首页，黑紫分色渐变主题，包含搜索框、热门搜索词推荐、历史搜索记录区域，UI设计简洁易用

现代简约风格音乐类app搜索首页，黑紫分色渐变主题，包含搜索框、热门搜索词推荐、历史搜索记录区域，UI设计简洁易用

1r1hr109s9dV1V7g-HB

移动端闹钟APP首页闹钟列表页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。顶部导航标题“闹钟”，右上角有“+”新增按钮；中间是多个闹钟条目卡片，每个卡片包含时间、重复周期、开关按钮、备注标签，支持左滑删除；底部有四个Tab导航：闹钟、计时器、秒表、就寝，当前选中“闹钟”tab。分层规范，组件化拆分，界面干净清晰

移动端闹钟APP首页闹钟列表页设计，尺寸375×812px，简约轻量化扁平风，主色调晴空蓝#3478F6，中性灰#F5F5F5/#333333，遵循iOS原生设计规范。顶部导航标题“闹钟”，右上角有“+”新增按钮；中间是多个闹钟条目卡片，每个卡片包含时间、重复周期、开关按钮、备注标签，支持左滑删除；底部有四个Tab导航：闹钟、计时器、秒表、就寝，当前选中“闹钟”tab。分层规范，组件化拆分，界面干净清晰

基于参考图信息架构生成精致金融APP理财页面UI界面，图标设计精细，清晰文字，规范排版，现代简约设计，高保真，无乱码，无水印，干净图层，科技感金融风格，蓝色为主色调，橙色作为辅助色，蓝+白+浅灰配色，页面留白均匀，清爽合规金融质感，高清分辨率

基于参考图信息架构生成精致金融APP理财页面UI界面，图标设计精细，清晰文字，规范排版，现代简约设计，高保真，无乱码，无水印，干净图层，科技感金融风格，蓝色为主色调，橙色作为辅助色，蓝+白+浅灰配色，页面留白均匀，清爽合规金融质感，高清分辨率

淋雨i一直走