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

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

Case 030移动应用设计

Face Skin Analysis

面部皮肤分析功能的结果页:底部面板先确认分析已经完成,再展开成摘要,并附有完整报告的链接。

我的职责
界面设计
项目状态
界面设计 · Figma 存档
脸上覆盖着扫描网格,旁边有一个分析完成的标识。
人像上标有皮肤点位,并显示一个评分。
录自 Figma 原型。结果面板从面部映射上拖开,再拖回。 扫描结束时,脸上留着一层网格。 点开每个标记点,可以看到评分的一部分。

01

我的贡献

这个小文件里是我为面部皮肤分析功能设计的结果页。所有数字都是示例数据。

带有第二张人像的结果页。
紫色渐变背景上的结果面板,包含完成提示、三个主要数字、一张列出平滑度、水分、日晒斑和洞察的卡片,以及品红色的 See full report 按钮。
完成状态下,人脸仍留在屏幕上。 结果:一份摘要,一个下一步。示例数据。

02

先给摘要,细节按需展开

收起时,面板只说明分析已完成。展开后,先是三个主要数字,再用同一张卡片列出平滑度、水分、日晒斑和洞察。页面以一个品红色按钮 See full report 收尾,下一步始终很明确。

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 完整案例