====== 无境动效理念 ====== 无境的动效理念继承于[[:effects:motion:introduction|AliOS动效理念]]。 无境产品本身的目的是使商务沟通更加**顺畅**,**充分**,**高效**。为达到这样的目的,从AliOS动效理念中抽离出以下特性: * **交互反馈:**暗示用户潜在的交互方式,引导其进行操作。响应来自用户/传感器的主动/被动输入,以指示其状态或程度。 * **场景缓冲:**在两个场景间形成柔和的过渡,防止过大的差异让用户无所适从。或引导和分散用户的注意力,降低等待/延迟的感知度。 * **逻辑表达:**通过直接或间接的视觉暗示,表达元素/场景间的位置、层次、因果、从属等逻辑关联性,为用户理解系统结构提供便利。 与个人手机OS侧重情感表达的动效风格相比,商用TV无境的动效风格应侧重于交互逻辑的表达,从[[effects:motion:presentation|常见效果]]中,我们从情感稳定性,交互直觉性的纬度,筛选出最适合项目的表现手法: * **位移:**位移是传达元素位置关系的呈现方式。为使动效更加清晰和迅速,位移的轨迹应当尽可能简单,除非必要,尽量使用单轴直线移动。若双轴同时发生变化,设计人员应当区分移动元素在画面中位于前景还是背景,背景元素应沿直线移动以满足用户移动屏幕的直觉,而前景则应当沿弧线运动并将轨迹的凹陷指向屏幕底部以满足屏幕坐标系内重力向下的直觉。 * **缩放:**增减长和宽可以改变元素的体量,让元素从较小的尺寸放大出现或将元素缩小后隐藏可以代替淡入/淡出效果,以避免后者潜在的前景与背景的融合混乱。缩放也常用于表达元素的空间关系,配合近大远小的直觉在淡入/淡出中应用轻微的缩放效果可以很好的传达元素的前后关系。缩放的中心点还可以向用户传达元素间的因果联系,将中心点置于靠近某个元素的一侧,可以告知用户缩放源自于该元素,让用户快速为两个元素建立起因果关系。与位移不同,长和宽的变化通常作为同一效果而不加以区分,元素可以同时发生长和宽的变化以清晰迅速地完成缩放,除非画面中有多个元素发生变化、或单个元素中存在多种呈现方式时,才应尝试将长和宽的变化以轻微间隔或不同缓动的方式异步发生以增加灵动性。 * **淡入/淡出:**透明度渐变是仅次于位移的元素进/退场效果,它可以自然在两个元素间进行过渡,但若前景与背景的两个元素含有过于复杂的内容,那么在渐变的过程中可能会出现融合混乱,让用户感到画面杂乱,这时应减小时长以降低混乱出现的时间,或尝试使用缩放等其它呈现方式代替。 为了保证这些表现手法的设计还原度,引入以下量化指标: * [[effects:motion:duration|时长 Duration]] * [[effects:motion:easing|缓动 Easing]]