修改我的页面:将收益模拟器模块修改为参考图2样式,包含月利率8… - 图片创意预览

修改我的页面:将收益模拟器模块修改为参考图2样式,包含月利率8…

修改我的页面:将收益模拟器模块修改为参考图2样式,包含月利率8%标签、初始本金输入框默认100000、投资期限(月)输入框默认12和立即计算按钮;将邀请好友模块添加参考图3的全部内容:邀请好友赚返佣标

用户头像

1r8hdo2ld0x...

2026.07.17
移动端跨境支付钱包App【我的账户】页面UI设计,共4个不同状态的界面并排展示,iOS尺寸浅色模式,风格参考图2的金融App设计语言:深蓝色主色调、浅蓝灰页面底色、大圆角卡片、柔和渐变、3D质感图标点缀、无衬线字体、现代简约商务风,海外金融产品质感,不要和原型图一模一样。 4个界面分别对应不同KYC和账户状态: 【界面1 - 未认证状态】 - 顶部:左侧圆形用户头像+"Hi, user@email.com"问候语,右侧"去KYC认证"蓝色胶囊按钮和"上传个人档案"灰色按钮 - 深蓝色渐变资产卡片:USD账户,大号加粗显示"$0.00"余额,下方小字"可用 $0.00 | 冻结 $0.00",右侧"查看账户余额 >"入口 - 横向功能栏:充值、付款、兑换三个圆形图标按钮 - 银行账户模块:白色圆角卡片,灰色银行图标,"暂无银行账户"标题,说明文字"KYC认证和个人档案审核通过后,方可申请开通账户",底部灰色置灰"开通账户"按钮 - 底部导航:首页、订单、我的,"我的"选中高亮 【界面2 - 已认证+有账户状态】 - 顶部:绿色对勾"KYC认证已通过"和"个人档案 已通过"标签 - 深蓝色资产卡片(同界面1) - 横向功能栏:充值、付款、兑换 - 银行账户模块:标题"我的账户",展示两个SGB BANK账户卡片,第一个状态绿色"正常",第二个状态浅橙色"开通中",每个卡片标注支持币种USD, SGD, HKD, GBP, EUR,底部蓝色"开通账户"按钮 - 底部导航:首页、订单、我的,"我的"选中高亮 【界面3 - KYC审核中状态】 - 顶部:橙色圆点"KYC认证中"状态,下方红色提示文字"您的KYC认证需要补充信息",右侧灰色"上传个人档案"按钮 - 深蓝色资产卡片(同界面1) - 横向功能栏:充值、付款、兑换 - 银行账户模块:暂无银行账户空状态,灰色置灰"开通账户"按钮 - 底部导航:首页、订单、我的,"我的"选中高亮 【界面4 - 已认证+无账户状态】 - 顶部:绿色"KYC认证已通过"标签,右侧蓝色"上传个人档案 >"按钮 - 深蓝色资产卡片(同界面1) - 横向功能栏:充值、付款、兑换 - 银行账户模块:暂无银行账户空状态,灰色"开通账户"按钮 - 底部导航:首页、订单、我的,"我的"选中高亮 整体视觉:浅蓝灰背景,深蓝色主色,圆角16px卡片,轻微投影,线性+面性结合图标,现代金融App质感,干净商务,4个界面水平排列整齐展示移动端跨境支付钱包App【我的账户】页面UI设计,共4个不同状态的界面并排展示,iOS尺寸浅色模式,风格参考图2的金融App设计语言:深蓝色主色调、浅蓝灰页面底色、大圆角卡片、柔和渐变、3D质感图标点缀、无衬线字体、现代简约商务风,海外金融产品质感,不要和原型图一模一样。

4个界面分别对应不同KYC和账户状态:

【界面1 - 未认证状态】
- 顶部:左侧圆形用户头像+"Hi, user@email.com"问候语,右侧"去KYC认证"蓝色胶囊按钮和"上传个人档案"灰色按钮
- 深蓝色渐变资产卡片:USD账户,大号加粗显示"$0.00"余额,下方小字"可用 $0.00 | 冻结 $0.00",右侧"查看账户余额 >"入口
- 横向功能栏:充值、付款、兑换三个圆形图标按钮
- 银行账户模块:白色圆角卡片,灰色银行图标,"暂无银行账户"标题,说明文字"KYC认证和个人档案审核通过后,方可申请开通账户",底部灰色置灰"开通账户"按钮
- 底部导航:首页、订单、我的,"我的"选中高亮

【界面2 - 已认证+有账户状态】
- 顶部:绿色对勾"KYC认证已通过"和"个人档案 已通过"标签
- 深蓝色资产卡片(同界面1)
- 横向功能栏:充值、付款、兑换
- 银行账户模块:标题"我的账户",展示两个SGB BANK账户卡片,第一个状态绿色"正常",第二个状态浅橙色"开通中",每个卡片标注支持币种USD, SGD, HKD, GBP, EUR,底部蓝色"开通账户"按钮
- 底部导航:首页、订单、我的,"我的"选中高亮

【界面3 - KYC审核中状态】
- 顶部:橙色圆点"KYC认证中"状态,下方红色提示文字"您的KYC认证需要补充信息",右侧灰色"上传个人档案"按钮
- 深蓝色资产卡片(同界面1)
- 横向功能栏:充值、付款、兑换
- 银行账户模块:暂无银行账户空状态,灰色置灰"开通账户"按钮
- 底部导航:首页、订单、我的,"我的"选中高亮

【界面4 - 已认证+无账户状态】
- 顶部:绿色"KYC认证已通过"标签,右侧蓝色"上传个人档案 >"按钮
- 深蓝色资产卡片(同界面1)
- 横向功能栏:充值、付款、兑换
- 银行账户模块:暂无银行账户空状态,灰色"开通账户"按钮
- 底部导航:首页、订单、我的,"我的"选中高亮

整体视觉:浅蓝灰背景,深蓝色主色,圆角16px卡片,轻微投影,线性+面性结合图标,现代金融App质感,干净商务,4个界面水平排列整齐展示
金融工具APP界面设计,三张手机界面并排展示在一张深色渐变背景底图上。整体设计风格统一为现代简约金融风,主色调为深蓝+金色点缀。 左图-首页:顶部状态栏,标题为汇票计算器,下方两张圆角卡片并排:左侧卡片标题收益估算器,有前置业务后置业务两个切换标签,下方有金额、利率、期限输入框示意;右侧卡片标题贴现计算器,有票面金额、贴现利率、到期日输入框示意。底部有首页、计算、记录、我的四个导航图标。 中图-计算页:顶部有前置业务后置业务两个切换标签,下方为表单输入区域,包含:保证金金额、保证金比例、承兑费率、贴现利率、出票日期、到期日期、手续费、工本费等输入项,每项左侧标签右侧输入框,底部有两个按钮:重置和开始计算。整体表单布局清晰,输入框为浅灰圆角。 右图-结果页:顶部显示计算结果大卡片,总收益金额用大号金色数字突出显示,下方分左右两栏:左侧收入明细(保证金利息、理财收益等),右侧支出明细(手续费、工本费、承兑费等),每项有名称和金额。底部有历史记录列表,显示最近几条计算记录。 三张手机界面均为圆角边框,有轻微阴影悬浮效果,等距排列在深蓝色渐变背景上,背景有细微几何纹理装饰。整体高端专业,金融科技感。2K清晰度。金融工具APP界面设计,三张手机界面并排展示在一张深色渐变背景底图上。整体设计风格统一为现代简约金融风,主色调为深蓝+金色点缀。

左图-首页:顶部状态栏,标题为汇票计算器,下方两张圆角卡片并排:左侧卡片标题收益估算器,有前置业务后置业务两个切换标签,下方有金额、利率、期限输入框示意;右侧卡片标题贴现计算器,有票面金额、贴现利率、到期日输入框示意。底部有首页、计算、记录、我的四个导航图标。

中图-计算页:顶部有前置业务后置业务两个切换标签,下方为表单输入区域,包含:保证金金额、保证金比例、承兑费率、贴现利率、出票日期、到期日期、手续费、工本费等输入项,每项左侧标签右侧输入框,底部有两个按钮:重置和开始计算。整体表单布局清晰,输入框为浅灰圆角。

右图-结果页:顶部显示计算结果大卡片,总收益金额用大号金色数字突出显示,下方分左右两栏:左侧收入明细(保证金利息、理财收益等),右侧支出明细(手续费、工本费、承兑费等),每项有名称和金额。底部有历史记录列表,显示最近几条计算记录。

三张手机界面均为圆角边框,有轻微阴影悬浮效果,等距排列在深蓝色渐变背景上,背景有细微几何纹理装饰。整体高端专业,金融科技感。2K清晰度。
生成一张微信小程序竖屏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