创意预览图

题目3:团队与项目宣传介绍手册设计(30分) (1)宣传手册内容架构设计(10 分) 1)确定手册核心板块:项目概述(背景、目标)、功能亮点(三类贷款业务支持、征信解析、移动办公等)、技术优势(数据安

用户头像

GD712008872

2025.12.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个界面水平排列整齐展示
一张清新可爱的UI图标风格,扁平化,多细节高质量,采用蓝色、金色低饱和度的色调,元素具有通透的渐变层次与立体质感。图标共24个图标,排列成矩阵,每个图标造型清新可爱,表意精准,下方配有中文功能标签。具体icon是: 保证金金额、人民币符号¥右下方时钟、人民币符号¥右下方叉号,人民币符号¥右下方打勾,人民币符号,文件,图纸,塔吊,人工施工,咨询,人员,访客,发票,人民币右下方加号,发票右下方加号,发票右下方叉号,发票右下方打勾,一张被划掉的账单,其上有一个向下的红色箭头,旁边有一个被划掉的对勾,主体是一个带有人民币符号的圆形或椭圆形硬币或钱袋,硬币上叠加一个小的警告标记如感叹号、斜线、沙漏或钟表图标,主体是一个金色的圆形硬币,硬币表面有人民币符号,旁边连接一个计算器或收据的轮廓,主体是一份带有折角的文档合同,文档中央有一个醒目的货币符号,中心是一个向下的趋势箭头,箭头末端有一个断开的、虚线的圆圈,里面包含一个人民币符号,中心是一个向上的趋势箭头,箭头末端有一个人民币符号,箭头下方是一个打勾的圆圈,包含圆形进度环或半弧进度指示,中间有一个金色的对勾标志或百分比符号,一个向上箭头穿过钱袋或钱包的图形,也可以设计为账本页面带有加号和新增加的货币符号,右侧波纹表示增长趋势。视觉特点: 多彩低饱和度色调协调统一,多彩层次强化专业感,适合用于金融科技感APP的功能分类或界面导航场景,满足高辨识度、现代化的视觉需求,背景为纯白色一张清新可爱的UI图标风格,扁平化,多细节高质量,采用蓝色、金色低饱和度的色调,元素具有通透的渐变层次与立体质感。图标共24个图标,排列成矩阵,每个图标造型清新可爱,表意精准,下方配有中文功能标签。具体icon是: 保证金金额、人民币符号¥右下方时钟、人民币符号¥右下方叉号,人民币符号¥右下方打勾,人民币符号,文件,图纸,塔吊,人工施工,咨询,人员,访客,发票,人民币右下方加号,发票右下方加号,发票右下方叉号,发票右下方打勾,一张被划掉的账单,其上有一个向下的红色箭头,旁边有一个被划掉的对勾,主体是一个带有人民币符号的圆形或椭圆形硬币或钱袋,硬币上叠加一个小的警告标记如感叹号、斜线、沙漏或钟表图标,主体是一个金色的圆形硬币,硬币表面有人民币符号,旁边连接一个计算器或收据的轮廓,主体是一份带有折角的文档合同,文档中央有一个醒目的货币符号,中心是一个向下的趋势箭头,箭头末端有一个断开的、虚线的圆圈,里面包含一个人民币符号,中心是一个向上的趋势箭头,箭头末端有一个人民币符号,箭头下方是一个打勾的圆圈,包含圆形进度环或半弧进度指示,中间有一个金色的对勾标志或百分比符号,一个向上箭头穿过钱袋或钱包的图形,也可以设计为账本页面带有加号和新增加的货币符号,右侧波纹表示增长趋势。视觉特点: 多彩低饱和度色调协调统一,多彩层次强化专业感,适合用于金融科技感APP的功能分类或界面导航场景,满足高辨识度、现代化的视觉需求,背景为纯白色