按照小程序规范设计招聘小程序首页：顶部状态栏显示时间"9:41"及系统信号图标；品牌信任区 slogan："关爱民生，服务大众，让天下没有难找的工作"；搜索区内提示文字为"Q输入关键词搜索岗位"；搜索框下方有强引导按钮"添加求职意向"；核心分类导航栏依次为：全职、校招-spirittrap-稿定 AI

创意预览图

按照小程序规范设计招聘小程序首页：顶部状态栏显示时间"9:41"及系统信号图标；品牌信任区 slogan："关爱民生，服务大众，让天下没有难找的工作"；搜索区内提示文字为"Q输入关键词搜索岗位"；搜索

用户头像

spirittrap

2026.05.14

参考风格设计工匠资源库列表页，移动端小程序UI设计，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠库"，右侧搜索图标。2.搜索框，圆角灰色搜索栏，占位文字"搜索工匠姓名、擅长领域"。3.筛选标签栏，横向滚动多个领域标签，如"全部"、"机械制造"、"电气技术"、"建筑工程"、"工艺美术"，选中项蓝色背景白字。4.筛选条件行，两个下拉选择器"职称"、"地区"，灰色小字。5.工匠卡片列表，竖向排列多张圆角卡片，每张卡片左侧圆形头像，右侧信息区：姓名加粗标题，职称荣誉小字副标题，两个擅长领域彩色小标签，底部一行辅助文字：已服务XX家企业 · 4.9分。6.卡片带轻微阴影，卡片间距适中。整体风格：延续参考图政务类小程序风格，人才库列表风格，信息层次清晰，蓝色专业配色，高分辨率UI设计稿

参考风格设计工匠资源库列表页，移动端小程序UI设计，蓝色主色调主色#165DFF，简洁政务风格，现代扁平化UI，白色背景。页面从上到下布局：1.顶部导航栏，左侧返回箭头，中间标题文字"工匠库"，右侧搜索图标。2.搜索框，圆角灰色搜索栏，占位文字"搜索工匠姓名、擅长领域"。3.筛选标签栏，横向滚动多个领域标签，如"全部"、"机械制造"、"电气技术"、"建筑工程"、"工艺美术"，选中项蓝色背景白字。4.筛选条件行，两个下拉选择器"职称"、"地区"，灰色小字。5.工匠卡片列表，竖向排列多张圆角卡片，每张卡片左侧圆形头像，右侧信息区：姓名加粗标题，职称荣誉小字副标题，两个擅长领域彩色小标签，底部一行辅助文字：已服务XX家企业 · 4.9分。6.卡片带轻微阴影，卡片间距适中。整体风格：延续参考图政务类小程序风格，人才库列表风格，信息层次清晰，蓝色专业配色，高分辨率UI设计稿

创意 × 9

1q2c8q3vwt2k7u4q2-HB

[主图-3] 适合人群标签主图。[氛围风格] 清晰分类浅色系商务风格。[画质] 高清设计，标签清晰，画面干净。[元素] 浅灰色背景，画面不规则排版多个圆角矩形标签，每个标签标注一个适合人群或服务场景，标签错落有致不重叠。整体活泼但不失专业。[光影] 均匀明亮，标签圆角带轻微投影，层次分明。[配色] 浅灰背景，标签交替使用深蓝色和浅灰色，文字使用对比色，整体浅色系清爽。[视角构图] 不规则错落标签构图，生动不呆板。[文字版式] 顶部主标题深蓝色居中："我们服务哪些求职者"，标签内容包含：应届生找第一份工作转行跳槽改简历升职简历更新中高端岗位求职实习简历定制，每个标签内文字居中，大小适中清晰可读，底部小字深灰：无论你是哪种情况，都能帮你优化到位。[输出要求] 1:1比例，文字清晰可辨，超高清商业设计质感。[负向提示词] 变形，文字错乱，背景杂乱，水印，电商平台Logo，标签重叠，文字重叠

[主图-3] 适合人群标签主图。[氛围风格] 清晰分类浅色系商务风格。[画质] 高清设计，标签清晰，画面干净。[元素] 浅灰色背景，画面不规则排版多个圆角矩形标签，每个标签标注一个适合人群或服务场景，标签错落有致不重叠。整体活泼但不失专业。[光影] 均匀明亮，标签圆角带轻微投影，层次分明。[配色] 浅灰背景，标签交替使用深蓝色和浅灰色，文字使用对比色，整体浅色系清爽。[视角构图] 不规则错落标签构图，生动不呆板。[文字版式] 顶部主标题深蓝色居中："我们服务哪些求职者"，标签内容包含：应届生找第一份工作转行跳槽改简历升职简历更新中高端岗位求职实习简历定制，每个标签内文字居中，大小适中清晰可读，底部小字深灰：无论你是哪种情况，都能帮你优化到位。[输出要求] 1:1比例，文字清晰可辨，超高清商业设计质感。[负向提示词] 变形，文字错乱，背景杂乱，水印，电商平台Logo，标签重叠，文字重叠

生活APP分类页面设计，简约清新风格，导航栏清晰，分类图标整齐排列，布局合理易临摹

生活APP分类页面设计，简约清新风格，导航栏清晰，分类图标整齐排列，布局合理易临摹

生活APP分类页面设计，简约清新风格，导航栏清晰，分类图标整齐排列，布局合理易临摹

生活APP分类页面设计，简约清新风格，导航栏清晰，分类图标整齐排列，布局合理易临摹

聘无忧APP启动页设计，尺寸375px × 812px，20px圆角，页面背景#F5F7FA。顶部居中显示APP名称"聘无忧"，使用品牌主渐变#165DFF到#2F7BFF，粗体大字。下方标注slogan"毕业生求职文件专业审核，避坑防骗"，文字颜色#666666，16px字号。整体设计简洁专业，符合法律求职合规APP的定位，配色风格和之前设计的小程序保持一致

聘无忧APP启动页设计，尺寸375px × 812px，20px圆角，页面背景#F5F7FA。顶部居中显示APP名称"聘无忧"，使用品牌主渐变#165DFF到#2F7BFF，粗体大字。下方标注slogan"毕业生求职文件专业审核，避坑防骗"，文字颜色#666666，16px字号。整体设计简洁专业，符合法律求职合规APP的定位，配色风格和之前设计的小程序保持一致

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为管理员在派单工作台点击“指派师傅”后弹出的底部选择弹窗，弹窗从底部弹出，覆盖页面约85%高度，背景为半透明黑色遮罩，弹窗顶部带圆角浅灰色标题栏。弹窗布局： 1. 弹窗顶部：左侧标题“选择师傅”，右侧“×”关闭按钮。 2. 区域一：筛选条件区，紧凑排列三个筛选框：角色类型下拉选择框（占位“角色类型”，展开选项：智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他），擅长品类下拉多选框（占位“擅长品类”，展开选项：全屋调试 / 智能开关 / 窗帘电机 / 空调暖通 / 传感器 / 网络设备 / 灯具安装 / 其他），服务城市下拉选择框（默认选中“上海”，对应任务城市），筛选条件下方小尺寸主色“筛选”按钮，筛选条件紧凑不占过多空间。 3. 区域二：师傅列表，上下排列可滚动，展示至少3位师傅卡片，每张卡片：师傅卡片1：左侧信息区：师傅姓名“张建国”，蓝色小标签“智能安装及调试师傅”，小号横排擅长品类标签“智能开关 / 窗帘电机 / 全屋调试”，服务区域“上海市”，累计接单量“328单”；右侧信息区：灰色小字“默认佣金比例：70%”（标注仅管理员可见），橙色突出展示“预计佣金：¥560”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。师傅卡片2：左侧信息区：师傅姓名“李国强”，蓝色小标签“智能安装及调试师傅”，小号横排标签“智能开关 / 灯具安装 / 网络设备”，服务区域“上海市、苏州市”，累计接单量“156单”；右侧信息区：灰色小字“默认佣金比例：65%”，突出展示“预计佣金：¥520”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。师傅卡片3：占位展示第三位师傅信息，保持同卡片格式。 4. 选中确认：点击选择后，对应师傅卡片增加高亮边框，弹窗底部出现确认条“已选择：张建国 | 佣金：¥560”，附带主色高亮“确认指派”按钮；点击确认后弹窗关闭，任务指派状态更新。佣金金额醒目展示，仅管理员可见字段用灰色小字区分，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。

生成一张微信小程序竖屏UI设计图，宽高比9:16，深色专业风，与智宅焕整套UI体系保持一致，为管理员在派单工作台点击“指派师傅”后弹出的底部选择弹窗，弹窗从底部弹出，覆盖页面约85%高度，背景为半透明黑色遮罩，弹窗顶部带圆角浅灰色标题栏。
弹窗布局：
1. 弹窗顶部：左侧标题“选择师傅”，右侧“×”关闭按钮。
2. 区域一：筛选条件区，紧凑排列三个筛选框：角色类型下拉选择框（占位“角色类型”，展开选项：智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他），擅长品类下拉多选框（占位“擅长品类”，展开选项：全屋调试 / 智能开关 / 窗帘电机 / 空调暖通 / 传感器 / 网络设备 / 灯具安装 / 其他），服务城市下拉选择框（默认选中“上海”，对应任务城市），筛选条件下方小尺寸主色“筛选”按钮，筛选条件紧凑不占过多空间。
3. 区域二：师傅列表，上下排列可滚动，展示至少3位师傅卡片，每张卡片：
师傅卡片1：左侧信息区：师傅姓名“张建国”，蓝色小标签“智能安装及调试师傅”，小号横排擅长品类标签“智能开关 / 窗帘电机 / 全屋调试”，服务区域“上海市”，累计接单量“328单”；右侧信息区：灰色小字“默认佣金比例：70%”（标注仅管理员可见），橙色突出展示“预计佣金：¥560”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。
师傅卡片2：左侧信息区：师傅姓名“李国强”，蓝色小标签“智能安装及调试师傅”，小号横排标签“智能开关 / 灯具安装 / 网络设备”，服务区域“上海市、苏州市”，累计接单量“156单”；右侧信息区：灰色小字“默认佣金比例：65%”，突出展示“预计佣金：¥520”，旁边“修改”小按钮；卡片右侧主色高亮“选择”按钮。
师傅卡片3：占位展示第三位师傅信息，保持同卡片格式。
4. 选中确认：点击选择后，对应师傅卡片增加高亮边框，弹窗底部出现确认条“已选择：张建国 | 佣金：¥560”，附带主色高亮“确认指派”按钮；点击确认后弹窗关闭，任务指派状态更新。
佣金金额醒目展示，仅管理员可见字段用灰色小字区分，所有文字清晰可见，使用无衬线字体，整体风格与智宅焕深色专业UI体系保持一致。

创意 × 4

将图中三处图标（礼物盒图标、双心图标、星星圆形图标）的主颜色统一修改为#58af3e，点缀色调使用#c1db8a，保持原有布局和其他文字内容不变

将图中三处图标（礼物盒图标、双心图标、星星圆形图标）的主颜色统一修改为#58af3e，点缀色调使用#c1db8a，保持原有布局和其他文字内容不变

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

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

创意 × 9

1q2c8q3vwt2k7u4q2-HB

这种类型的微信登陆页面

这种类型的微信登陆页面

1qmbbg9a0pAiEm9Q-HB

抖音合集封面图片，主题是大学生央国企就业，主题文字为"简历优化"，要求简约商务风格，蓝色系背景，清晰醒目的文字排版，适合竖屏展示

抖音合集封面图片，主题是大学生央国企就业，主题文字为"简历优化"，要求简约商务风格，蓝色系背景，清晰醒目的文字排版，适合竖屏展示

再多做几个版本

再多做几个版本

[第2屏] 求职痛点对比页，对比普通简历和创意简历效果差异。 [氛围/风格] 清晰对比风，简约专业，适配小红书排版。 [元素布局] 左右分栏，左栏传统简历，右栏创意简历，每栏顶标题，中场景，底总结，浅青绿色分割线，整体干净明快。 [光影质感] 两侧光线均匀，文字对比清晰，无明显阴影，明亮清爽。 [配色色系] 全局底色：#F5F9F8；主体配色：#51BB9A + #1E3A5F；辅助色：#F0ECEC + #E8F5F1。 [视角构图] 正面竖向，左右均衡，对比一目了然。 [文字版式] 通栏大标题"你的简历，为啥总是没回音？"。左栏黑标题"传统简历"，内容：排版死板、内容混乱、千篇一律，结果石沉大海。右栏绿标题"创意模板"，内容：设计感强、排版清晰、风格多样，结果拿到面试。文字层级分明，清晰可读不拥挤。 [比例分辨率] 3:4竖版，4K分辨率，文字清晰可辨。 [负向提示词] 文字错乱，排版歪斜，对比不清，水印，背景杂乱。

[第2屏] 求职痛点对比页，对比普通简历和创意简历效果差异。
[氛围/风格] 清晰对比风，简约专业，适配小红书排版。
[元素布局] 左右分栏，左栏传统简历，右栏创意简历，每栏顶标题，中场景，底总结，浅青绿色分割线，整体干净明快。
[光影质感] 两侧光线均匀，文字对比清晰，无明显阴影，明亮清爽。
[配色色系] 全局底色：#F5F9F8；主体配色：#51BB9A + #1E3A5F；辅助色：#F0ECEC + #E8F5F1。
[视角构图] 正面竖向，左右均衡，对比一目了然。
[文字版式] 通栏大标题"你的简历，为啥总是没回音？"。左栏黑标题"传统简历"，内容：排版死板、内容混乱、千篇一律，结果石沉大海。右栏绿标题"创意模板"，内容：设计感强、排版清晰、风格多样，结果拿到面试。文字层级分明，清晰可读不拥挤。
[比例分辨率] 3:4竖版，4K分辨率，文字清晰可辨。
[负向提示词] 文字错乱，排版歪斜，对比不清，水印，背景杂乱。

重新生成企业端首页，统一尺寸375px × 812px，去掉顶部状态栏不显示时间信号电量，顶部导航栏柔和渐变背景，导航栏完整显示企业账号与通知入口，功能区四个完整功能文字清晰不缺字：招聘文案合规自查、三方协议模板下载、用工合规检测、招聘信息提交审核，页面完整展示审核状态风险提示历史记录，所有文字完整清晰，整体简洁专业，保持品牌配色统一页面大小形状

重新生成企业端首页，统一尺寸375px × 812px，去掉顶部状态栏不显示时间信号电量，顶部导航栏柔和渐变背景，导航栏完整显示企业账号与通知入口，功能区四个完整功能文字清晰不缺字：招聘文案合规自查、三方协议模板下载、用工合规检测、招聘信息提交审核，页面完整展示审核状态风险提示历史记录，所有文字完整清晰，整体简洁专业，保持品牌配色统一页面大小形状

基于第二张参考图（可随意筛选）进行轻度重绘，保持表格筛选界面、筛选下拉菜单、红色箭头和标注的核心构图基本不变。调整为小红书清新风格：背景改为柔和的浅紫白渐变，整体色温偏暖调自然，添加细微纸张纹理质感。顶部大标题改为珊瑚红色圆润字体，文字改为"智能筛选超方便"，副标题改为"行业/城市/岗位/学历/免笔试等多维度筛选"。表格标签颜色更柔和清新，筛选下拉菜单设计更现代。文字清晰易读，字体现代简洁。色彩自然柔和，避免过度滤镜和明显AI感，整体风格亲切治愈适合小红书发布。不添加水印、二维码、平台UI或无关logo。

基于第二张参考图（可随意筛选）进行轻度重绘，保持表格筛选界面、筛选下拉菜单、红色箭头和标注的核心构图基本不变。调整为小红书清新风格：背景改为柔和的浅紫白渐变，整体色温偏暖调自然，添加细微纸张纹理质感。顶部大标题改为珊瑚红色圆润字体，文字改为"智能筛选超方便"，副标题改为"行业/城市/岗位/学历/免笔试等多维度筛选"。表格标签颜色更柔和清新，筛选下拉菜单设计更现代。文字清晰易读，字体现代简洁。色彩自然柔和，避免过度滤镜和明显AI感，整体风格亲切治愈适合小红书发布。不添加水印、二维码、平台UI或无关logo。

物业小程序登录切换账号页面UI设计，主色调简约蓝色，包含手机号输入框、验证码输入框，楼栋单元房号绑定区域，获取验证码按钮和登录按钮，顶部显示小程序logo和欢迎语，现代简约UI设计风格，微信小程序移动端界面

物业小程序登录切换账号页面UI设计，主色调简约蓝色，包含手机号输入框、验证码输入框，楼栋单元房号绑定区域，获取验证码按钮和登录按钮，顶部显示小程序logo和欢迎语，现代简约UI设计风格，微信小程序移动端界面

物业小程序首页设计，包含轮播图模块、功能菜单列表模块、物业公告模块、服务列表模块五个模块，默认落地页，移动端微信小程序界面，蓝色简约现代风格

物业小程序首页设计，包含轮播图模块、功能菜单列表模块、物业公告模块、服务列表模块五个模块，默认落地页，移动端微信小程序界面，蓝色简约现代风格

聘无忧四方身份选择登录页，手机375×812，顶部状态栏含时间信号电量，顶部居中平台名称"聘无忧"，下方定位文字"高校毕业生求职权益数智化保障平台"，中间垂直排列四个大卡片按钮，分别为我是毕业生、我是企业、我是高校老师、我是人社部门，每个卡片左侧简约图标右侧文字，底部用户协议与隐私政策提示，整体简洁正式清晰无多余装饰，保持品牌配色渐变风格一致

聘无忧四方身份选择登录页，手机375×812，顶部状态栏含时间信号电量，顶部居中平台名称"聘无忧"，下方定位文字"高校毕业生求职权益数智化保障平台"，中间垂直排列四个大卡片按钮，分别为我是毕业生、我是企业、我是高校老师、我是人社部门，每个卡片左侧简约图标右侧文字，底部用户协议与隐私政策提示，整体简洁正式清晰无多余装饰，保持品牌配色渐变风格一致

聘无忧四方身份选择登录页，手机375×812，顶部状态栏含时间信号电量，顶部居中平台名称"聘无忧"，下方定位文字"高校毕业生求职权益数智化保障平台"，中间垂直排列四个大卡片按钮，分别为我是毕业生、我是企业、我是高校老师、我是人社部门，每个卡片左侧简约图标右侧文字，底部用户协议与隐私政策提示，整体简洁正式清晰无多余装饰，保持品牌配色渐变风格一致

聘无忧四方身份选择登录页，手机375×812，顶部状态栏含时间信号电量，顶部居中平台名称"聘无忧"，下方定位文字"高校毕业生求职权益数智化保障平台"，中间垂直排列四个大卡片按钮，分别为我是毕业生、我是企业、我是高校老师、我是人社部门，每个卡片左侧简约图标右侧文字，底部用户协议与隐私政策提示，整体简洁正式清晰无多余装饰，保持品牌配色渐变风格一致

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP服务中心页面，风格简洁和谐，功能卡片设计规整，操作入口明确，界面美观易临摹

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

生活APP移动端UI设计首页，整体风格简约和谐，配色清新舒适，界面布局干净清晰，功能模块分明，易于临摹

参考原图UI设计风格，重新生成光伏储能App界面，保持多页面排版布局的移动端设计，简约清新绿色调，保留数据展示、功能入口、工单信息、告警统计等光伏储能管理功能模块

参考原图UI设计风格，重新生成光伏储能App界面，保持多页面排版布局的移动端设计，简约清新绿色调，保留数据展示、功能入口、工单信息、告警统计等光伏储能管理功能模块

细化生成第一行第七张医生列表页医疗器械APP界面，参考整体浅绿色清新医疗风格，生成清晰高保真手机界面，列表细节完整

细化生成第一行第七张医生列表页医疗器械APP界面，参考整体浅绿色清新医疗风格，生成清晰高保真手机界面，列表细节完整

Мойкомандир