创意预览图

参考风格设计工匠资源库列表页，移动端小程序UI设计，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠库"，右侧搜

用户头像

1q2c8q3vwt2...

2026.07.10
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
Zht19950824Zht19950824
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
「图片1」「图片1」一、顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。帮我生成APP「图片1」「图片1」一、顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。帮我生成APP
spirittrapspirittrap
1qyu9evlwsKlBgUQ-HB1qyu9evlwsKlBgUQ-HB
「图片1」参考图片风格，重新生成画面内容，顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。生成APP「图片1」参考图片风格，重新生成画面内容，顶部用户信息与操作栏 左侧展示账号身份：蓝紫渐变头像、用户名「超级管理员」、所属部门「技术部・设备运维组」 右侧排布三个全局操作图标：搜索、新增、设置，支持全局内容检索、快速新建事项、系统配置调整。 二、功能引导 Banner 青绿色渐变卡片，作为页面价值引导区： 主标题：设备业务应用，从工作台开始 补充说明：快速进入设备、空间态势、维保、巡检、能耗与流程中心 作用：总览工作台核心业务范围，直观传递页面定位。 三、常用功能快捷入口 采用 2 行 4 列的宫格布局，放置高频核心功能，支持自定义配置： 第一行：设备管理、空间态势、流程中心、AI 智能体 第二行：消息中心、设备维保、设备巡检、添加常用 「添加常用」入口支持用户按需自定义快捷功能，适配不同岗位的使用习惯。 四、全部应用模块 对全量业务应用做分类管理，支持按业务维度切换筛选： 分类标签栏：包含「最近使用（当前选中）、设备业务、运营管理、流程协同」四类，附带更多分类按钮 当前「最近使用」分类下，展示 4 个近期高频使用的应用：设备档案、空间视图、能耗管理、流程中心 五、底部全局导航栏 页面底部固定的主导航，共 5 个入口，当前高亮选中「工作台」页面，从左到右依次为：首页、设备、AI 智能体核心按钮（紫蓝渐变悬浮样式）、工作台、我的，支持快速切换核心业务板块。生成APP
spirittrapspirittrap
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
1q2c8q3vwt2k7u4q2-HB1q2c8q3vwt2k7u4q2-HB
678typ3ch-HB678typ3ch-HB
МойкомандирМойкомандир
静仔仔爱吃肉静仔仔爱吃肉
生成一张微信小程序竖屏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
HeyСcHeyСc
[第5屏] 家庭维保专业团队展示页面。 [氛围/风格] 专业可信、资质展示、团队形象展示风格，稳重可靠。 [元素布局] 画面左侧是一位资深技师的半身职业形象照，穿着整齐的蓝色工装制服，胸前有工牌，面带专业微笑，背景是虚化的工作场景；右侧上方是标题区，下方是三个资质认证卡片和团队数据展示；资质卡片分别展示：「持证上岗」（证书图标）、「专业培训」（毕业帽图标）、「经验丰富」（奖杯图标）；底部有数据展示区：「10年+行业经验」「500+专业技师」「98%客户满意度」三个数据并列，每个数据配图标。 [光影质感] 人物肖像采用柔和的影棚光，面部清晰有立体感；卡片有轻微悬浮阴影；整体光线明亮专业，有商务质感。 [配色色系] 全局底色 #FFFFFF 白色为主，左侧人物区域有淡蓝色渐变背景；主色 #1E40AF 深蓝色；辅助色 #F59E0B 金色；点缀色浅灰和白色。 [视角构图] 左右分栏布局，左侧人物约占40%，右侧信息约占60%，阅读动线从右上标题→右侧资质卡片→底部数据。 [文字版式] 右侧上方主标题「专业团队 值得信赖」粗体深蓝色字，副标题「每一位技师都经过严格筛选与培训」灰色小字；三个资质卡片竖向排列，每张卡片左侧图标右侧文字：标题+小字说明；底部数据区三个数据横向排列，大号数字+小号单位说明；右下角有「查看更多技师介绍」小字配箭头。所有文字清晰可读，层级分明。 [比例分辨率] 3:4 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 变形，水印，文字错乱，文字过小，人物面部扭曲，背景杂乱，颜色偏差，低俗内容。[第5屏] 家庭维保专业团队展示页面。 [氛围/风格] 专业可信、资质展示、团队形象展示风格，稳重可靠。 [元素布局] 画面左侧是一位资深技师的半身职业形象照，穿着整齐的蓝色工装制服，胸前有工牌，面带专业微笑，背景是虚化的工作场景；右侧上方是标题区，下方是三个资质认证卡片和团队数据展示；资质卡片分别展示：「持证上岗」（证书图标）、「专业培训」（毕业帽图标）、「经验丰富」（奖杯图标）；底部有数据展示区：「10年+行业经验」「500+专业技师」「98%客户满意度」三个数据并列，每个数据配图标。 [光影质感] 人物肖像采用柔和的影棚光，面部清晰有立体感；卡片有轻微悬浮阴影；整体光线明亮专业，有商务质感。 [配色色系] 全局底色 #FFFFFF 白色为主，左侧人物区域有淡蓝色渐变背景；主色 #1E40AF 深蓝色；辅助色 #F59E0B 金色；点缀色浅灰和白色。 [视角构图] 左右分栏布局，左侧人物约占40%，右侧信息约占60%，阅读动线从右上标题→右侧资质卡片→底部数据。 [文字版式] 右侧上方主标题「专业团队 值得信赖」粗体深蓝色字，副标题「每一位技师都经过严格筛选与培训」灰色小字；三个资质卡片竖向排列，每张卡片左侧图标右侧文字：标题+小字说明；底部数据区三个数据横向排列，大号数字+小号单位说明；右下角有「查看更多技师介绍」小字配箭头。所有文字清晰可读，层级分明。 [比例分辨率] 3:4 竖版比例，4K 分辨率，文字清晰可辨，高清画质。 [负向提示词] 变形，水印，文字错乱，文字过小，人物面部扭曲，背景杂乱，颜色偏差，低俗内容。
GD837395318GD837395318
大陆机电-UI设计大陆机电-UI设计
大陆机电-UI设计大陆机电-UI设计
[主图-5] 适用人群与行业 多场景覆盖展示 [氛围风格] 科技简约风，人群标签+场景拼图式布局 [画质] 超高清商业设计质感，场景图精致，排版丰富 [元素] 画面采用上中下三段式布局：顶部为标题区，中部为2x2的场景拼图（画中画形式），底部为适用行业标签云。四个场景小图分别展示：1.自媒体创作者工作台（电脑+多平台界面）2.企业营销团队会议室（大屏数据展示）3.电商商家运营后台（商品+视频列表）4.品牌推广搜索结果页（排名上升示意）。每个小图带白色边框和轻微阴影。底部为横向排列的行业标签，圆角矩形样式。背景为浅蓝白渐变科技底纹。 [光影] 均匀明亮的科技光，场景小图有自然光影，整体通透干净 [配色] 主色科技蓝+纯白，标签用蓝橙交替配色，丰富不杂乱 [视角构图] 正面平视，三段式构图，中部画中画拼图为视觉重心，满版无边框 [文字版式] 顶部居中黑色粗体大字"多行业适用 全场景覆盖"，下方小字副标题"无论个人还是企业 都能找到增长答案"。中部四个场景小图下方各配一行黑色粗体标签："自媒体创作者""企业营销团队""电商商家""品牌方/服务商"。底部横向排列6-8个行业标签，蓝底白字或橙底白字交替："短视频行业""电商运营""教育培训""本地生活""知识付费""企业服务"。文字清晰，层次分明。 [输出要求] 3:4比例，文字清晰锐利，超高清商业设计质感 [负向提示词] 变形，文字错乱，模糊，背景杂乱，水印，电商平台Logo，人物，人脸[主图-5] 适用人群与行业 多场景覆盖展示 [氛围风格] 科技简约风，人群标签+场景拼图式布局 [画质] 超高清商业设计质感，场景图精致，排版丰富 [元素] 画面采用上中下三段式布局：顶部为标题区，中部为2x2的场景拼图（画中画形式），底部为适用行业标签云。四个场景小图分别展示：1.自媒体创作者工作台（电脑+多平台界面）2.企业营销团队会议室（大屏数据展示）3.电商商家运营后台（商品+视频列表）4.品牌推广搜索结果页（排名上升示意）。每个小图带白色边框和轻微阴影。底部为横向排列的行业标签，圆角矩形样式。背景为浅蓝白渐变科技底纹。 [光影] 均匀明亮的科技光，场景小图有自然光影，整体通透干净 [配色] 主色科技蓝+纯白，标签用蓝橙交替配色，丰富不杂乱 [视角构图] 正面平视，三段式构图，中部画中画拼图为视觉重心，满版无边框 [文字版式] 顶部居中黑色粗体大字"多行业适用 全场景覆盖"，下方小字副标题"无论个人还是企业 都能找到增长答案"。中部四个场景小图下方各配一行黑色粗体标签："自媒体创作者""企业营销团队""电商商家""品牌方/服务商"。底部横向排列6-8个行业标签，蓝底白字或橙底白字交替："短视频行业""电商运营""教育培训""本地生活""知识付费""企业服务"。文字清晰，层次分明。 [输出要求] 3:4比例，文字清晰锐利，超高清商业设计质感 [负向提示词] 变形，文字错乱，模糊，背景杂乱，水印，电商平台Logo，人物，人脸
1r9b9nm4kejFJdMg-HB1r9b9nm4kejFJdMg-HB
1pzvwrgpu71logeoo-HB1pzvwrgpu71logeoo-HB