TV view聊聊吧

移动应用设计

Face Skin Analysis. 分两层展开的结果面板

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

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

录自 Figma 原型。结果面板从面部映射上拖开，再拖回。

扫描结束时，脸上留着一层网格。

脸上覆盖着扫描网格，旁边有一个分析完成的标识。 — 扫描结束时，脸上留着一层网格。

点开每个标记点，可以看到评分的一部分。

人像上标有皮肤点位，并显示一个评分。 — 点开每个标记点，可以看到评分的一部分。

来自原始 Figma 设计文件的页面，使用示例数据。

完成状态下，人脸仍留在屏幕上。

带有第二张人像的结果页。 — 完成状态下，人脸仍留在屏幕上。

结果：一份摘要，一个下一步。示例数据。

紫色渐变背景上的结果面板，包含完成提示、三个主要数字、一张列出平滑度、水分、日晒斑和洞察的卡片，以及品红色的 See full report 按钮。 — 结果：一份摘要，一个下一步。示例数据。