创意预览图

在原图基础上增加文字,文字内容为:每一副蔡司镜片在蔡司官网均可从工厂到吾视界眼镜再到消费者手上全过程闭环追溯,杜绝一切假货。保持原图质保订单界面所有元素位置、文字、结构、颜色完全一致,新增文字放在截图

用户头像

GD999790333

2026.07.08
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格(参考上传图片设计)保持一致,为客户点击发起争议后进入的申诉页面。 从上到下布局: 1. 顶部导航:左上角“← 返回”,页面标题“发起争议”。 2. 区域一:关联订单信息,小卡片展示关联订单:订单编号ZXH20260703001,服务内容现场安装调试,订单金额¥2,600,状态标签服务中。 3. 区域二:争议表单,依次排列表单字段: 争议类型下拉选择框(必填,占位文字“请选择争议类型”,标签示意选项:师傅爽约、申请退款、交付结果争议、其他纠纷); 争议描述多行文本输入框(必填,占位文字“请详细描述您遇到的问题...”); 证据上传区:虚线框上传区域带“+ 上传图片/文件”图标,提示文字“请上传相关证据,如图片、聊天记录截图等(选填)”,下方占位展示2张已上传示例缩略图。 4. 底部固定悬浮操作区:提示文字“提交后订单将标记为‘争议处理中’,双方不可修改订单信息,管理员将介入处理”,全宽警示色大按钮“提交争议”。 在页面下方用虚线框标注提交成功状态:虚线框上方标注“提交成功后 ↓”,框内包含✓成功图标、文字“争议已提交”、提示“管理员将在24小时内介入处理,请保持手机畅通”、按钮“返回订单详情”。 争议类型选择醒目,证据上传区域清晰,提示文字明确,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图的深色专业风格保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格(参考上传图片设计)保持一致,为客户点击发起争议后进入的申诉页面。
从上到下布局:
1. 顶部导航:左上角“← 返回”,页面标题“发起争议”。
2. 区域一:关联订单信息,小卡片展示关联订单:订单编号ZXH20260703001,服务内容现场安装调试,订单金额¥2,600,状态标签服务中。
3. 区域二:争议表单,依次排列表单字段:
争议类型下拉选择框(必填,占位文字“请选择争议类型”,标签示意选项:师傅爽约、申请退款、交付结果争议、其他纠纷);
争议描述多行文本输入框(必填,占位文字“请详细描述您遇到的问题...”);
证据上传区:虚线框上传区域带“+ 上传图片/文件”图标,提示文字“请上传相关证据,如图片、聊天记录截图等(选填)”,下方占位展示2张已上传示例缩略图。
4. 底部固定悬浮操作区:提示文字“提交后订单将标记为‘争议处理中’,双方不可修改订单信息,管理员将介入处理”,全宽警示色大按钮“提交争议”。
在页面下方用虚线框标注提交成功状态:虚线框上方标注“提交成功后 ↓”,框内包含✓成功图标、文字“争议已提交”、提示“管理员将在24小时内介入处理,请保持手机畅通”、按钮“返回订单详情”。
争议类型选择醒目,证据上传区域清晰,提示文字明确,所有文字清晰可见,使用无衬线字体,整体风格与上传参考图的深色专业风格保持一致。
创意 × 1
生成一张微信小程序竖屏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风格保持一致,仅修改区域一为项目筛选,其他区域(简化下单流程、补充信息、底部操作区、关联成功状态示意)保持原有内容不变。 修正后的区域一:关联项目筛选,区域标题“关联至项目”,核心交互为微信小程序标准下拉筛选框,占位文字“请选择要关联的项目”,右侧带向下箭头示意可展开;展开下拉列表后,展示客户名下3个示例项目,每条项目记录格式:项目名称 + 项目地址 + 项目类型 + 面积,示例项目: 1. 张先生家智能改造 - 上海市闵行区 - 平层 120㎡ 2. 李女士家灯光升级 - 上海市浦东新区 - 复式 180㎡ 3. 王总办公室智能化 - 上海市静安区 - 工装 300㎡ 选中项目后,下拉框展示选中项目名称,下方自动填充只读项目基本信息卡片:项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」,卡片底部小字提示“以上信息来自主项目,不可修改”;在页面底部增加黄色警示条提示:“主项目信息不完整,请先返回主项目完善信息后再关联订单”(主项目信息不完整场景示意)。 下拉筛选框要清晰展示展开/收起状态,选中项目信息自动填充且视觉上体现不可修改,所有文字清晰可见,使用无衬线字体,整体风格与原页面保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序关联订单页UI风格保持一致,仅修改区域一为项目筛选,其他区域(简化下单流程、补充信息、底部操作区、关联成功状态示意)保持原有内容不变。
修正后的区域一:关联项目筛选,区域标题“关联至项目”,核心交互为微信小程序标准下拉筛选框,占位文字“请选择要关联的项目”,右侧带向下箭头示意可展开;展开下拉列表后,展示客户名下3个示例项目,每条项目记录格式:项目名称 + 项目地址 + 项目类型 + 面积,示例项目:
1. 张先生家智能改造 - 上海市闵行区 - 平层 120㎡
2. 李女士家灯光升级 - 上海市浦东新区 - 复式 180㎡
3. 王总办公室智能化 - 上海市静安区 - 工装 300㎡
选中项目后,下拉框展示选中项目名称,下方自动填充只读项目基本信息卡片:项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」,卡片底部小字提示“以上信息来自主项目,不可修改”;在页面底部增加黄色警示条提示:“主项目信息不完整,请先返回主项目完善信息后再关联订单”(主项目信息不完整场景示意)。
下拉筛选框要清晰展示展开/收起状态,选中项目信息自动填充且视觉上体现不可修改,所有文字清晰可见,使用无衬线字体,整体风格与原页面保持一致。