创意预览图

线框原型设计,背包页奖励管理,简洁风格仅展示核心元素,顶部标题"我的背包"加徽章优惠券道具筛选标签,中部列表式卡片每行显示奖励图标+名称+状态如"猫咪徽章 × 3""奶茶券(未使用)",底部操作按钮标

用户头像

1r4don6tcdc...

2026.06.06
生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,为客户在已有项目下追加购买新服务的简化下单页面,页面内容可滚动。 从上到下布局: 1. 顶部导航:左上角“← 返回项目看板”,页面标题“关联订单”。 2. 区域一:项目信息(自动复用只读),区域标题“关联至项目”,灰色底色只读卡片展示从主项目复用的信息:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」,卡片底部小字提示“以上信息来自主项目,不可修改。如需修改,请返回主项目编辑”,清晰展示不可修改状态。 3. 区域二:简化下单流程,简化步骤条「①选择服务模式 → ②添加服务与计价 → ③确认支付」,服务模式选择为两个互斥卡片,和前序设计风格一致:当前选中卡片A“远程服务”,未选中卡片B“现场服务”;“+ 添加服务”按钮,下方展示一个已添加服务卡片:服务名称“智能锁安装”,计价方式一口价,单价¥350/次,小计¥350。下单流程比主项目简化,保留核心步骤。 4. 区域三:补充信息,选填多行文本需求描述输入框(占位“补充说明...”),选填虚线框资料上传区域。 5. 底部固定悬浮操作区:左侧“应付总额:¥350”,右侧主色高亮按钮“提交并支付”。 页面下方用虚线框标注支付成功状态:标注“支付成功后 ↓”,框内说明新订单自动关联至主项目,展示订单编号,提示文字“该订单已关联至‘张先生家智能改造’项目”,通过标注和文字清晰表达关联逻辑。 所有文字清晰可见,使用无衬线字体,整体风格与前序智宅焕深色专业设计保持一致。生成一张微信小程序竖屏UI设计图,宽高比9:16,深色专业风,与智宅焕前序UI风格保持一致,为客户在已有项目下追加购买新服务的简化下单页面,页面内容可滚动。
从上到下布局:
1. 顶部导航:左上角“← 返回项目看板”,页面标题“关联订单”。
2. 区域一:项目信息(自动复用只读),区域标题“关联至项目”,灰色底色只读卡片展示从主项目复用的信息:项目名称「张先生家智能改造」、项目地址「上海市闵行区XX路XX号」、户型面积「120㎡」、项目类型「平层」,卡片底部小字提示“以上信息来自主项目,不可修改。如需修改,请返回主项目编辑”,清晰展示不可修改状态。
3. 区域二:简化下单流程,简化步骤条「①选择服务模式 → ②添加服务与计价 → ③确认支付」,服务模式选择为两个互斥卡片,和前序设计风格一致:当前选中卡片A“远程服务”,未选中卡片B“现场服务”;“+ 添加服务”按钮,下方展示一个已添加服务卡片:服务名称“智能锁安装”,计价方式一口价,单价¥350/次,小计¥350。下单流程比主项目简化,保留核心步骤。
4. 区域三:补充信息,选填多行文本需求描述输入框(占位“补充说明...”),选填虚线框资料上传区域。
5. 底部固定悬浮操作区:左侧“应付总额:¥350”,右侧主色高亮按钮“提交并支付”。
页面下方用虚线框标注支付成功状态:标注“支付成功后 ↓”,框内说明新订单自动关联至主项目,展示订单编号,提示文字“该订单已关联至‘张先生家智能改造’项目”,通过标注和文字清晰表达关联逻辑。
所有文字清晰可见,使用无衬线字体,整体风格与前序智宅焕深色专业设计保持一致。
生成中国非遗文化主题App我的页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前我的图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原,风格和参考图[image2]首页统一。从上到下布局:- 顶部栏:左侧标题"我的"(18pt加粗),右侧24x24pt设置图标。- 用户信息卡片:高度120pt,左右边距16pt,轻微渐变背景。左侧70x70pt圆形头像+右下角认证徽章;右侧昵称"非遗小传人"(18pt加粗),会员等级"守艺人"带小图标;下方三个统计数据:发布 32、点赞 189、收藏 56。- 功能入口2x2网格:每个宽165pt,高80pt,圆角12pt,依次为:"我的订单"、"非遗收藏夹"、"我的关注"、"非遗足迹",带图标+文字。- 积分/徽章系统:高度80pt,白色卡片,左右边距16pt。左侧显示"积分 1280"和"可兑换课程/材料包",右侧朱砂红"兑换"按钮;下方横向展示徽章图标。- 传统养生模块:标题"传统养生",右侧"更多"。横向滚动卡片(宽150pt,高80pt):健康问答、书法与情绪、香道静心、节气养生。- 非遗与心理健康:单条卡片,高度70pt,显示"刺绣如何缓解焦虑?" + 右侧箭头。- 推荐课程:横向滚动小卡片(宽160pt,高100pt):"篆刻入门"、"中医香囊DIY"。生成高清效果图,保持与首页参考图完全一致的设计风格,无文字乱码,所有元素位置比例精准。生成中国非遗文化主题App我的页UI设计,移动端9:16竖版,背景色#FDF8F0(宣纸纹理米白),主色#DC4C3A(朱砂红),辅色#2B2B2B(墨黑)、#7E9A6B(石绿)、#3F5E6B(靛蓝)。圆角卡片12px,轻微阴影。底部固定导航栏5个图标,当前我的图标高亮为朱砂红,其余图标为灰色,只保留图标去除文字。状态栏深色文字,高度44pt。界面宽度遵循375pt,所有间距、高度严格按描述精确还原,风格和参考图[image2]首页统一。从上到下布局:- 顶部栏:左侧标题"我的"(18pt加粗),右侧24x24pt设置图标。- 用户信息卡片:高度120pt,左右边距16pt,轻微渐变背景。左侧70x70pt圆形头像+右下角认证徽章;右侧昵称"非遗小传人"(18pt加粗),会员等级"守艺人"带小图标;下方三个统计数据:发布 32、点赞 189、收藏 56。- 功能入口2x2网格:每个宽165pt,高80pt,圆角12pt,依次为:"我的订单"、"非遗收藏夹"、"我的关注"、"非遗足迹",带图标+文字。- 积分/徽章系统:高度80pt,白色卡片,左右边距16pt。左侧显示"积分 1280"和"可兑换课程/材料包",右侧朱砂红"兑换"按钮;下方横向展示徽章图标。- 传统养生模块:标题"传统养生",右侧"更多"。横向滚动卡片(宽150pt,高80pt):健康问答、书法与情绪、香道静心、节气养生。- 非遗与心理健康:单条卡片,高度70pt,显示"刺绣如何缓解焦虑?" + 右侧箭头。- 推荐课程:横向滚动小卡片(宽160pt,高100pt):"篆刻入门"、"中医香囊DIY"。生成高清效果图,保持与首页参考图完全一致的设计风格,无文字乱码,所有元素位置比例精准。
创意 × 2