文件名称:angularjs-gsTimelines:创建动画 DSL 以使用动画时间线构建复杂的 UX 转换
文件大小:16.26MB
文件格式:ZIP
更新时间:2024-07-01 23:51:59
JavaScript
设计一个 AngularJS 动画 DSL 概括 目标是为 AngularJS 开发下一代动画层,具有轻松开发复杂、丰富的用户体验的功能和能力。 基于对现实世界动画设计样本的实验和探索,将衍生出新的动画时间线API 和易于使用的DSL ; 带有 UX 的示例,如和应用程序中所示。 将考虑以下三 (3) 个动画库: , 对于这些实验,从 Material Design 中选择了几个真实世界的 UX 应用程序: 每个应用程序都将使用上面显示的三 (3) 个动画库来实现。 这些实现将用于识别核心动画 API 和功能。 反过来,该 API 将用于派生基于 XML 的动画 DSL。 背景 在两个视觉状态之间的过渡中和过渡期间建立了视觉连续性。 精心编排的动效设计,可有效引导用户的注意力和焦点通过一个流程或程序的多个步骤,避免布局改变或元素重新排列时的混乱,提升体验的整体美感 Material