拖动浏览,滚动或双指缩放。打开帮助查看键盘操作。

Yan
开放
合作
聊聊吧
Yan Fontão Boring view
All work

Case 020移动应用设计

NeverSoft

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

我的职责
界面设计
项目状态
界面设计 · Figma 存档
原始设计文件中的 NeverSoft 演示封面。
演示封面,来自原始文件。

01

我的贡献

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

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

投资组合汇总页面,总额周围是一圈构成环,另有日、月、年收益率。
滚动浏览设计稿:资产列表和每项持仓的表现。 滚动浏览设计稿:投资组合汇总,从配置环到报告。 投资组合汇总,使用示例数字。
资产页面,显示表现最佳的资产、它的涨跌幅和一张增长图表。
资产详情,使用示例公司名称和数字。

02

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

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

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

黑色背景上倾斜摆放的四个应用页面:投资组合环形图、带目标的类别卡片、带增长曲线的重点资产,以及其他资产的列表。
Resumo 和 Ativos 两个 Tab,从整个投资组合一直到每一项资产。

03

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

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

一部手机平放在白色台面上,夹在橙色、绿色和红色的亚克力板之间,屏幕上是环形图及其图例和收益数字。
五个资产类别,在环和图例里各有自己的颜色。
000

使用说明

Yan Fontão
轻点
打开一个屏幕
点击
打开一个屏幕
拖动
浏览项目墙
滚轮
鼠标缩放,触控板移动,双指缩放
− +
拉远查看整面项目墙,或拉近
方向键
在案例中:↑↓ 切换案例,←→ 切换媒体。在项目墙上:移动
空格
打开或返回
Enter
打开
Esc Backspace
返回
Home
回到中心,再回到开场
PgUp PgDn
上一个或下一个频道
Tab
依次浏览项目和链接
R
随机项目
0–9
输入频道号,1–61
?
本页
快捷键

项目墙背景音乐

文件已为网页压缩并统一音量。

开放
合作
聊聊吧

给 Yan 发消息

告诉我你是谁,我会尽快回复。

000

关于 Yan

你好,我是 Yan

产品设计师/ 设计工程师

大多数产品都会在设计和代码之间丢掉一些东西。我的不会:我研究问题、设计产品,并亲手把界面上线,所以你批准的,正是用户最终拿到的。

  • 2018开始软件开发
  • UI + code设计与实现

合作过 Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

巴西 · 可远程、混合或驻场

Yan Fontão 的坐姿肖像:穿绿色毛衣、戴眼镜,手持麦克风。
开放
合作
聊聊吧
开放
合作
聊聊吧
000

加密频道

受保密协议约束

请输入访问码

向 Yan 索取访问码 ↗
开放
合作
聊聊吧
YAN FONTÃO 完整案例

频道 20 移动应用设计

NeverSoft

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

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

在 Dribbble 上查看

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

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

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

我的贡献

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

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

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

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

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

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

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

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

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

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