创意预览图

基于参考图的产品原型,重新设计一组4个跨境金融App首页UI界面,横向并排展示,主色调蓝色系,灰白底色,白色组件底板,极简高级感,国际化风格,干净清爽,现代简约,专业金融质感,界面包含:顶部用户头像和

用户头像

GD406626525

2026.07.29
移动端跨境支付钱包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个界面水平排列整齐展示
生成横向三栏并列女性高端网球风服饰电商UI展示图,浅米色哑光纯色极简背景,水平等距排布三张统一圆角手机竖版界面卡片,分别展示电商首页商品列表页、商品详情页、购物车结算页,对称结构留白充足,视觉简洁平衡。左侧高级网球风运动服饰首页:左上角极简汉堡折叠菜单,居中黑色无衬线品牌名"ARCADIA",右上角简洁铃铛消息图标,浅米色圆角搜索框占位文字「Search Tennis Elegance Wear」,分类导航无图标仅文字圆角按钮,依次为网球裙装、外套&套装、运动鞋、配饰、上衣,选中项为砖红色(#C9A798)填充,新品推荐两栏网格布局,商品卡片含高清实拍、米色圆角心形收藏、商品名称、原价划线+砖红色现价,商品为真丝网球裙、丝光棉运动套装、定制剪裁速干衬衣,底部五个圆形导航按钮,选中项砖红填充,其他浅灰线框,左下角悬浮砖红色哑光功能按钮,全局按钮均为哑光质感。中间商品详情页:左上角返回箭头,右上浅灰哑光心形收藏和分享图标,主图是气质高级女模特穿真丝丝光棉网球服饰,下方横排小图缩略栏,居中商品名称细体无衬线,砖红标注售价,两行选项栏颜色尺码选中项砖红填充,右侧砖红色填充「Add」加入购物车按钮。右侧购物车结算页:左上角返回,标题"My Cart",展示真丝运动衬衫、修身网球裙、经典外套三件商品,每件含缩略图、尺码、价格、圆角加减控件,浅灰圆角优惠码输入框,砖红色填充「Apply」按钮,费用明细含Subtotal、Shipping、Bag Total,底部砖红色填充圆角「Proceed to Checkout」结算按钮。整体背景哑光浅米色无纹理,手机卡片纯白哑光带极轻微悬浮投影,全部按钮控件哑光无金属光泽,主色米白+浅灰+砖红#C9A798,商品配色低饱和冷竹绿、石灰白、暖灰、轻卡其棕,风格为性冷淡极简主义,对称平衡秩序感,优衣库简约风,45度俯视,柔和漫射光消除硬阴影,4K超高清,文字锐利材质真实,氛围舒适现代极简,传递冷静美学的优雅高级感生成横向三栏并列女性高端网球风服饰电商UI展示图,浅米色哑光纯色极简背景,水平等距排布三张统一圆角手机竖版界面卡片,分别展示电商首页商品列表页、商品详情页、购物车结算页,对称结构留白充足,视觉简洁平衡。左侧高级网球风运动服饰首页:左上角极简汉堡折叠菜单,居中黑色无衬线品牌名"ARCADIA",右上角简洁铃铛消息图标,浅米色圆角搜索框占位文字「Search Tennis Elegance Wear」,分类导航无图标仅文字圆角按钮,依次为网球裙装、外套&套装、运动鞋、配饰、上衣,选中项为砖红色(#C9A798)填充,新品推荐两栏网格布局,商品卡片含高清实拍、米色圆角心形收藏、商品名称、原价划线+砖红色现价,商品为真丝网球裙、丝光棉运动套装、定制剪裁速干衬衣,底部五个圆形导航按钮,选中项砖红填充,其他浅灰线框,左下角悬浮砖红色哑光功能按钮,全局按钮均为哑光质感。中间商品详情页:左上角返回箭头,右上浅灰哑光心形收藏和分享图标,主图是气质高级女模特穿真丝丝光棉网球服饰,下方横排小图缩略栏,居中商品名称细体无衬线,砖红标注售价,两行选项栏颜色尺码选中项砖红填充,右侧砖红色填充「Add」加入购物车按钮。右侧购物车结算页:左上角返回,标题"My Cart",展示真丝运动衬衫、修身网球裙、经典外套三件商品,每件含缩略图、尺码、价格、圆角加减控件,浅灰圆角优惠码输入框,砖红色填充「Apply」按钮,费用明细含Subtotal、Shipping、Bag Total,底部砖红色填充圆角「Proceed to Checkout」结算按钮。整体背景哑光浅米色无纹理,手机卡片纯白哑光带极轻微悬浮投影,全部按钮控件哑光无金属光泽,主色米白+浅灰+砖红#C9A798,商品配色低饱和冷竹绿、石灰白、暖灰、轻卡其棕,风格为性冷淡极简主义,对称平衡秩序感,优衣库简约风,45度俯视,柔和漫射光消除硬阴影,4K超高清,文字锐利材质真实,氛围舒适现代极简,传递冷静美学的优雅高级感