AIbao
我们的工作 品牌协同项目 关于我们 联系 AIbao EN
← 项目介绍
UI / UX · FIGMA DESIGN STUDY

把每一次记录,
清楚地呈现。

好头型懂宝宝

围绕形态记录与回顾,把时间、轮廓和数值组织成容易浏览的界面。这里展出的是我们在 Figma 中探索的设计。

设计展示 · 示例数据 · 非在线功能演示

记录,沿时间展开。
Figma 记录时间轴设计稿,使用示例数据
01 / 记录时间轴
设计思路

让分散的记录,
成为连贯的视图。

围绕家庭回顾记录的场景,探索如何浏览历史条目、选择不同日期,并保留每一次记录的上下文。

产品形态
微信小程序
设计重点
信息组织与界面设计
展示素材
Figma 中文原始设计稿
精选设计
01 — 02
01

沿着时间,
看清每一次记录。

将每个日期的轮廓与数值放在一起,以连续的浏览顺序呈现历史条目,方便查找与回顾。

  • 日期建立清晰的阅读顺序。
  • 轮廓与对应数值并排呈现。
  • 以视觉高亮区分当前选中的记录。

Figma 原始布局探索稿;图中数值与轮廓均为示例,不是真实测量记录。

记录时间轴 · Figma 原稿
02

不同日期,
放在同一个视图里。

探索多日期选择,以及「同面积」和「同高度」两种中心对齐的显示方式。左右两幅画面分别展示两种界面状态。

多期对照 · 两种设计状态

关于这些作品:本页展示使用示例数据的 Figma 静态设计稿,不代表已验证上线的功能。数值、参考区间与轮廓未经医学标定,不作为诊断依据或产品效果证明。

WECHAT

在微信中查找小程序

  1. 01

    打开微信

    进入微信首页,点击顶部的搜索入口。

  2. 02

    选择「小程序」

    在搜索页选择小程序分类。

  3. 03

    搜索完整名称

    输入「好头型懂宝宝」,找到对应小程序后进入。

AIbao × 艾茵美 × 懂宝宝

让设计连接真实的使用场景。

AIbao 提供产品规划、技术与协同交付支持。

联系 AIbao返回项目介绍 →