English

先试一段动效

从按钮按压、下拉菜单、卡片展开和文字局部扰动开始,在线体验 UI 动效,理解参数与交互规则,再进入 TuneShape 调节并导出。

按钮按压动效

按住时轻轻缩小,松开后回到原位。用一个按钮,观察位移、缩放和弹簧回弹怎样共同形成按压反馈。

查看示例

下拉菜单展开动效

一个菜单展开时,面板先出现,选项依次跟上。观察短暂的错峰,怎样让一组内容进入得更有层次。

查看示例

卡片展开动效

从一张摘要卡片,展开到同一块表面上的详情。先让形状变化,再让内容接续,观察空间和信息如何一起展开。

查看示例

文字局部扰动动效

指针移到哪里,附近的字符就短暂变化,再各自恢复。文字保持原位,未碰到的字符继续清楚可读。

查看示例