按照小程序规范设计招聘小程序首页:顶部状态栏显示时间"9:41… - 图片创意预览

按照小程序规范设计招聘小程序首页:顶部状态栏显示时间"9:41…

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

用户头像

spirittrap

2026.05.14
[商品] 教育服务类虚拟产品:央国企/银行招聘信息汇总表,品牌如信教育;无实物商品。 [画面] 表格硬指标展示页,目标是说明汇总表的四大核心价值。顶部有主标题和副标题,主体部分左侧是一个大型表格界面示意图(展示多列字段:企业、岗位、工作地、专业要求、截止日等,有筛选下拉菜单示意),右侧竖向排列四个硬指标卡片,每个卡片有图标+指标名称+说明文字。整体左右分栏布局,左侧表格占约60%宽度,右侧指标占40%。背景为浅灰蓝色。 [视觉] 套系策略:风格=专业可信的教育服务商业视觉,高级感信息卡片风;标题字=粗黑体,厚重有力;正文字=思源黑体/苹方,清晰易读;主色=深蓝藏青(#1A365D);背景延展=基于深蓝做深浅渐变、同色系层次,搭配浅灰蓝底色卡片;强调色=金橙色(#F5A623),仅用于小面积标签、图标高亮、按钮和重点数字;标题色=深蓝藏青;正文色=深灰/中灰;组件=圆角信息卡片、细线分割、图标点缀;光影=柔和均匀顶光,卡片有轻微投影。 [文字] 顶部主标题:「这张表,能帮你筛到什么」;副标题:「六大行 + 央国企,按你的条件秒定位目标岗」;四个硬指标:①「覆盖广」+说明「央国企+银行全国岗位统一收录,不用东拼西凑。」;②「字段全」+说明「企业/岗位/工作地/专业要求/招聘类型/网申截止日/投递链接,一应俱全。」;③「可筛选」+说明「按专业/地区/招聘类型(校招/社招/补录)多维筛选,30秒锁定能报的岗。」;④「节奏清」+说明「按秋招/春招/补录标注批次,知道现在该盯哪一波,不错过时间窗。」。所有文字横排。 [规格] 图片比例3:4竖版,分辨率4K,quality=medium。负向提示:避免文字模糊、错字、竖排文字、二维码、微信/QQ等导流信息、极限词、低俗内容、平台Logo水印。[商品] 教育服务类虚拟产品:央国企/银行招聘信息汇总表,品牌如信教育;无实物商品。
[画面] 表格硬指标展示页,目标是说明汇总表的四大核心价值。顶部有主标题和副标题,主体部分左侧是一个大型表格界面示意图(展示多列字段:企业、岗位、工作地、专业要求、截止日等,有筛选下拉菜单示意),右侧竖向排列四个硬指标卡片,每个卡片有图标+指标名称+说明文字。整体左右分栏布局,左侧表格占约60%宽度,右侧指标占40%。背景为浅灰蓝色。
[视觉] 套系策略:风格=专业可信的教育服务商业视觉,高级感信息卡片风;标题字=粗黑体,厚重有力;正文字=思源黑体/苹方,清晰易读;主色=深蓝藏青(#1A365D);背景延展=基于深蓝做深浅渐变、同色系层次,搭配浅灰蓝底色卡片;强调色=金橙色(#F5A623),仅用于小面积标签、图标高亮、按钮和重点数字;标题色=深蓝藏青;正文色=深灰/中灰;组件=圆角信息卡片、细线分割、图标点缀;光影=柔和均匀顶光,卡片有轻微投影。
[文字] 顶部主标题:「这张表,能帮你筛到什么」;副标题:「六大行 + 央国企,按你的条件秒定位目标岗」;四个硬指标:①「覆盖广」+说明「央国企+银行全国岗位统一收录,不用东拼西凑。」;②「字段全」+说明「企业/岗位/工作地/专业要求/招聘类型/网申截止日/投递链接,一应俱全。」;③「可筛选」+说明「按专业/地区/招聘类型(校招/社招/补录)多维筛选,30秒锁定能报的岗。」;④「节奏清」+说明「按秋招/春招/补录标注批次,知道现在该盯哪一波,不错过时间窗。」。所有文字横排。
[规格] 图片比例3:4竖版,分辨率4K,quality=medium。负向提示:避免文字模糊、错字、竖排文字、二维码、微信/QQ等导流信息、极限词、低俗内容、平台Logo水印。
生成一张微信小程序竖屏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