跳到正文
TV view聊聊吧
中文
全部作品

移动应用设计

NeverSoft. 投资组合,从整体读到每一项资产

一款葡萄牙语投资应用,先看投资组合如何划分,再一路深入到每一项资产。屏幕上的所有名称和数字均为示例数据。

我的职责
界面设计
项目状态
界面设计 · Figma 存档

在 Dribbble 上查看

原始设计文件中的 NeverSoft 演示封面。
演示封面,来自原始文件。

来自 Figma 和 Dribbble 上原始设计的页面,使用示例数据。

我的贡献

NeverSoft 是一款葡萄牙语的投资管理应用。它的两个 Tab 回答不同的问题:Resumo 显示整个投资组合怎么划分、表现如何,Ativos 则一次只看一项持仓。

同一个 Figma 文件里还有一个面向企业、投资者、顾问和会计师的落地页。它还在使用临时品牌,所以这里我只讲应用。

滚动浏览设计稿:资产列表和每项持仓的表现。
滚动浏览设计稿:投资组合汇总,从配置环到报告。

环形图和卡片是同一幅画面

Resumo 的开头是一张环形图,把投资组合分成 Ações、ETFs、Criptoativos、Renda Fixa 和 Fundos,总额在环的中央,下方是日、月、年收益率三个朴素的数字。往下滚动,每个资产类别变成一张与其扇区同色的卡片,于是环和卡片读起来像同一套系统。

页面其余部分关注的是随时间变化的走势:带进度条的目标卡片、记录投入和分红的历史图表,以及一份可下载的 PDF 报告列表。

投资组合汇总页面,总额周围是一圈构成环,另有日、月、年收益率。
投资组合汇总,使用示例数字。
资产页面,显示表现最佳的资产、它的涨跌幅和一张增长图表。
资产详情,使用示例公司名称和数字。

每项资产上都是同样三个数字

在 Ativos 里,每张卡片都重复同一条日、月、年涨跌幅,所以比较持仓,就是在同一个位置读同一行数字。被标为表现最佳的资产有一张更完整的卡片,带增长曲线;其余资产以列表跟在后面,每项带一个绿色或红色的小箭头表示方向。

黑色背景上倾斜摆放的四个应用页面:投资组合环形图、带目标的类别卡片、带增长曲线的重点资产,以及其他资产的列表。
Resumo 和 Ativos 两个 Tab,从整个投资组合一直到每一项资产。
一部手机平放在白色台面上,夹在橙色、绿色和红色的亚克力板之间,屏幕上是环形图及其图例和收益数字。
五个资产类别,在环和图例里各有自己的颜色。