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

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

Case 049网页应用与仪表盘设计

Certify

数字徽章和证书的详情页,附带桌面端和移动端可复用的组件。

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

01

我的贡献

Certify 是个小项目:我设计了一个网页版的凭证详情页、一个移动端菜单,以及一组可复用的徽章和证书组件。

笔记本电脑上显示数字徽章页面,背景是一个蓝色圆形。
演示封面。
蓝底上一台打开的笔记本电脑,配有 Certify 字标。
样机中的徽章页面。

02

凭证在前,证明在旁

页面先放徽章,尺寸很大,背景素净,再配上小缩略图,用来在徽章和证书之间切换。徽章下方紧接着是日期、持有人,以及 Embed、Contact Issuer 和 Download 操作。

右栏放的是支撑这份凭证的内容:分享按钮、二维码和 Verify Credential,以及颁发方的更多信息。

橙色的数字奖章,上面有 Certify 字样。
数字奖章组件。
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 完整案例