← 视觉参考室FORM / MEANING参考图集 ↗

让信息,长成它该有的样子。

同一份航班资料。不同的信息判断,产生不同的设计。

AERNX 208 · 2026.10.20
SHA上海虹桥
HND东京羽田
登机时间09:10
起飞时间09:40
座位12A
登机组02
林亦舟 / LIN YIZHOU经济舱

航班信息

出发机场上海虹桥 SHA
到达机场东京羽田 HND
日期2026 年 10 月 20 日
航班NX 208
登机时间09:10
起飞时间09:40
登机口D72
航站楼T2
座位12A
登机组02
旅客林亦舟
舱位 / 状态经济舱 / 正在登机
前往登机口航班详情分享行程下载登机牌
虚构行程 · 本地交互示范,不可用于乘机
T2 安检口 D 区 D72

路线为交互示意。目的地与主行动在同一区域,展开后的信息承接当前任务。

旅客 林亦舟 / LIN YIZHOU航班 NX 208 · 经济舱时间均为出发地当地时间

关系,先于容器

两座机场构成一条航线。箭头表达方向,城市名解释代码,不再为每个字段各建一张卡。

角色,决定样式

登机口是目的地,圆点是状态,深色面是操作。三种功能,三种视觉表达。

动作,保留连续

详情在原位置展开,点击立即反馈;重复点击可反向收起,无需等待动画结束。