创意预览图

按用户提供的新按钮名称:基础信息、账号CA申请、对公申请支付、投标资料、支持与特批、标书、结果与分析、申请报销,将8个功能页面沿垂直方向上下拼接展示,保持背景风格一致。为每个功能页设计对应内容:1.基

用户头像

1r09yn02gq4...

2026.04.30
蓝白科技风格的B端SaaS产品官网落地页长图设计,主题为SRM供应商协同采购系统。整体采用深蓝色渐变背景搭配白色卡片和浅蓝色科技线条装饰,专业大气的企业级软件视觉风格,画面清晰锐利,文字区域使用占位符色块代替具体文字,确保画面干净无乱码。 页面结构从上到下: 1. 顶部导航栏:左侧logo区域,右侧导航菜单,白色半透明悬浮效果 2. Hero首屏区域:大标题和副标题区域(用蓝色渐变文字块表示),搭配科技感数据可视化装饰元素和抽象供应链网络线条,右侧有软件界面预览图,底部有一个醒目的蓝色CTA按钮 3. 产品概述区:标题栏+正文区域(用灰色线条占位符表示文字),左右分栏布局,左侧文字右侧图标插画(供应链协同抽象图标) 4. 核心能力区:标题栏,四个功能卡片横向2x2网格排列,每个卡片带彩色图标和标题文字块+说明文字占位符,分别代表采购订单下发、供应商协同、资质归档、数据台账四大功能 5. 定制适配能力区:标题栏,四个特性卡片网格布局,分别代表智能消息通知、多终端适配、多账号分权、流程精细化定制,每个卡片有对应图标 6. 核心应用价值区:标题栏,四个价值点以图标+数字+标题形式横向排列:流程预警、批次溯源、数据零误差、供应链可控 7. 底部CTA区域:深蓝色渐变背景,号召语文字块和醒目的咨询按钮 8. 页脚:版权信息和联系方式占位符 整体设计:蓝白主色调,科技感渐变光效,圆角卡片,微阴影,充足留白,专业B端产品官网风格,高保真网页设计,超高清画质,边缘锐利清晰蓝白科技风格的B端SaaS产品官网落地页长图设计,主题为SRM供应商协同采购系统。整体采用深蓝色渐变背景搭配白色卡片和浅蓝色科技线条装饰,专业大气的企业级软件视觉风格,画面清晰锐利,文字区域使用占位符色块代替具体文字,确保画面干净无乱码。

页面结构从上到下:
1. 顶部导航栏:左侧logo区域,右侧导航菜单,白色半透明悬浮效果
2. Hero首屏区域:大标题和副标题区域(用蓝色渐变文字块表示),搭配科技感数据可视化装饰元素和抽象供应链网络线条,右侧有软件界面预览图,底部有一个醒目的蓝色CTA按钮
3. 产品概述区:标题栏+正文区域(用灰色线条占位符表示文字),左右分栏布局,左侧文字右侧图标插画(供应链协同抽象图标)
4. 核心能力区:标题栏,四个功能卡片横向2x2网格排列,每个卡片带彩色图标和标题文字块+说明文字占位符,分别代表采购订单下发、供应商协同、资质归档、数据台账四大功能
5. 定制适配能力区:标题栏,四个特性卡片网格布局,分别代表智能消息通知、多终端适配、多账号分权、流程精细化定制,每个卡片有对应图标
6. 核心应用价值区:标题栏,四个价值点以图标+数字+标题形式横向排列:流程预警、批次溯源、数据零误差、供应链可控
7. 底部CTA区域:深蓝色渐变背景,号召语文字块和醒目的咨询按钮
8. 页脚:版权信息和联系方式占位符

整体设计:蓝白主色调,科技感渐变光效,圆角卡片,微阴影,充足留白,专业B端产品官网风格,高保真网页设计,超高清画质,边缘锐利清晰
生成一张微信小程序竖屏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设计图,宽高比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设计图,宽高比9:16,深色专业风,与智宅焕整套深色专业UI体系保持一致,为师傅入驻申请页面,表单较长可上下滚动。 从上到下布局: 1. 顶部导航:左上角“← 返回”,页面标题“师傅入驻申请”。 2. 区域一:基础信息,区域标题“基础信息”,表单字段依次排列: 姓名输入框(占位“请输入真实姓名”),手机号输入框+右侧“获取验证码”按钮,身份证号输入框(占位“请输入身份证号”),从业时间日期选择器(占位“请选择入行时间”),居住地址(省市区选择器+详细地址输入框),服务区域多选城市选择器(占位“请选择可服务的城市(可多选)”,下方小字提示“仅支持完整的独立城区(如上海市、昆山市),不支持选择区”),关联公司下拉选择框(选填,占位“请选择您所属的公司(可选)”,右侧向下箭头示意展开;下拉选项:个人(不关联公司,默认选中)、XX智能科技有限公司、YY物联网服务有限公司,下方小字提示“如以个人身份入驻,可不选”,再下方小字说明“如找不到所属公司,请联系公司管理员先在平台注册公司账号”)。 3. 区域二:技能信息,区域标题“技能信息”,角色类型必填下拉选择框(占位“请选择角色类型”,可滚动选项:智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他(可自定义填写)),擅长品类多选标签网格,标签可点击选中,选中态高亮边框,选项:全屋调试 / 智能开关 / 空调VRF集控器 / 智能三合一温控器 / 开合帘窗帘电机及轨道 / 卷帘电机 / 梦幻帘电机 / 传感器 / 网络设备 / 灯具安装 / 智能锁 / 室内监控 / 其他,下方小字提示“可多选”,选填多行文本技能描述输入框(占位“补充描述您的经验和擅长领域...”)。 4. 区域三:资质证明,区域标题“资质证明(选填,有助于提高审核通过率和优先派单)”,虚线框上传区域“+ 上传资质证书或过往项目照片”,提示文字“可上传相关资质证书、过往项目照片等,审核通过后可优先派单”,小字备注“也支持入驻后补充上传”。 5. 底部操作区:全宽主色高亮“提交申请”按钮,按钮下方小字提示“提交后请截图发给管理员审核(微信:18501765743)”,再下方小字“管理员将在2个工作日内审核,请耐心等待”。 页面下方虚线框标注提交成功状态:标注“提交成功后 ↓”,框内中央✓成功图标,文字“申请已提交”,提示“管理员将在2个工作日内审核,请耐心等待”,文字“如有问题请联系管理员(微信:18501765743)”。 最底部虚线框标注关联公司流程说明:标注“关联公司后的流程(当前版本预留)↓”,框内文字说明:①师傅选择关联公司后,需该公司管理员在后台确认;②确认后,公司管理员可查看旗下师傅的接单和收入数据;③公司管理员可为旗下师傅统一设置服务偏好;④具体规则将在后续版本中完善。 所有文字清晰可见,使用无衬线字体,整体风格与智宅焕整套UI体系保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕整套深色专业UI体系保持一致,为师傅入驻申请页面,表单较长可上下滚动。
从上到下布局:
1. 顶部导航:左上角“← 返回”,页面标题“师傅入驻申请”。
2. 区域一:基础信息,区域标题“基础信息”,表单字段依次排列:
姓名输入框(占位“请输入真实姓名”),手机号输入框+右侧“获取验证码”按钮,身份证号输入框(占位“请输入身份证号”),从业时间日期选择器(占位“请选择入行时间”),居住地址(省市区选择器+详细地址输入框),服务区域多选城市选择器(占位“请选择可服务的城市(可多选)”,下方小字提示“仅支持完整的独立城区(如上海市、昆山市),不支持选择区”),关联公司下拉选择框(选填,占位“请选择您所属的公司(可选)”,右侧向下箭头示意展开;下拉选项:个人(不关联公司,默认选中)、XX智能科技有限公司、YY物联网服务有限公司,下方小字提示“如以个人身份入驻,可不选”,再下方小字说明“如找不到所属公司,请联系公司管理员先在平台注册公司账号”)。
3. 区域二:技能信息,区域标题“技能信息”,角色类型必填下拉选择框(占位“请选择角色类型”,可滚动选项:智能安装及调试师傅 / 项目经理 / 方案设计师 / 照明设计师 / 售后师傅 / 专项电动窗帘师傅 / 专项智能锁师傅 / 专项电工师傅 / 专项空调暖通安调师傅 / 其他(可自定义填写)),擅长品类多选标签网格,标签可点击选中,选中态高亮边框,选项:全屋调试 / 智能开关 / 空调VRF集控器 / 智能三合一温控器 / 开合帘窗帘电机及轨道 / 卷帘电机 / 梦幻帘电机 / 传感器 / 网络设备 / 灯具安装 / 智能锁 / 室内监控 / 其他,下方小字提示“可多选”,选填多行文本技能描述输入框(占位“补充描述您的经验和擅长领域...”)。
4. 区域三:资质证明,区域标题“资质证明(选填,有助于提高审核通过率和优先派单)”,虚线框上传区域“+ 上传资质证书或过往项目照片”,提示文字“可上传相关资质证书、过往项目照片等,审核通过后可优先派单”,小字备注“也支持入驻后补充上传”。
5. 底部操作区:全宽主色高亮“提交申请”按钮,按钮下方小字提示“提交后请截图发给管理员审核(微信:18501765743)”,再下方小字“管理员将在2个工作日内审核,请耐心等待”。
页面下方虚线框标注提交成功状态:标注“提交成功后 ↓”,框内中央✓成功图标,文字“申请已提交”,提示“管理员将在2个工作日内审核,请耐心等待”,文字“如有问题请联系管理员(微信:18501765743)”。
最底部虚线框标注关联公司流程说明:标注“关联公司后的流程(当前版本预留)↓”,框内文字说明:①师傅选择关联公司后,需该公司管理员在后台确认;②确认后,公司管理员可查看旗下师傅的接单和收入数据;③公司管理员可为旗下师傅统一设置服务偏好;④具体规则将在后续版本中完善。
所有文字清晰可见,使用无衬线字体,整体风格与智宅焕整套UI体系保持一致。