五、编排(Choreography)
Material的动效能够吸引用户注意力,引导用户关注。
形状变化
合理的编排设计整个动效中形状变化过程。
径向变化的反馈方式
当用户触发某个material对象之时,反馈以径向变化的方式表现(就像水波一样)。
连续性
仔细挑选变化中所涉及到的元素来进行变化,目的是变化期间用户仍然能保持聚焦,不会因散乱而分散用户的注意力。
内容中的所有元素在变化后可见
在变化过程中,那些需要用户关注的元素需要一直保持可见。
复杂的变化过程中需要保持仅有一个元素是可见的。(见下文)
内容中很少或者没有元素在变化后可见
如果一个内容在扩大变化之后,原本含有的元素中只有一个元素可见,那么该元素将作为整个变化过程的焦点,并控制其他所有的元素进行变化。
如果一个内容在扩大变化之后,原本含有的元素中没有一个元素可见,那么那些所有淡入淡出的元素(变化后出现的元素)将跟随着整个内容(面)作垂直运动。
整个内容在变化后不可见
如果在开始变化后整个内容(面)就已经不可见了,那么就需要从屏幕的另一端出现一个新的内容(面)并创建新的焦点。
内容中多个元素在变化后可见
如果内容在变化的过程中有很多个元素保持可见,那么其中只需要保持一个重要的元素可见即可。一些元素在变化的过程中需要消失,但一旦变化完成就会立马出现,这样做的原因是:如果有太多的元素在变化过程中都保持可见的话,那么就会分散用户的注意力。
布局意识
如果在变化完成后有一些元素没有加载完成,那么你需要预留足够的空间让这些元素加载完成后出现。这可以有效防止因元素突然出现导致布局中不和谐的声音,以及避免用户触发后因某些元素的突然消失令用户感到失望。
创建
新的material对象以及其内容都可以凭空出现(凭空被创建出来)。
创建一个新的material对象
用户触发某个页面中的元素可能会创建出新的material对象。这个新的material对象一般以触发点为基点,径向或矩形缩放的方式出现。
编排material对象
当我们同时创建多个material对象的时候,这些material对象应该陆续快速的出现。并且这些material对象的出现过程应该保持一条清晰、平滑的运动路径以便于用户聚焦。
自动创建新的material对象
新的material对象可以不通过用户触发或者凭空就能出现,其出现的方式:使用简练的淡入/出、位置以及尺寸的变化。
径向变化的反馈方式
使用径向变化的反馈方式来提醒用户是否触发(输入)。
用户输入
无论是鼠标点击还是手指触发,都是通过波纹(径向变化)动效和触发点的指示来告诉用户输入(触发)事件被系统接收。
以触发点为中点向外做波纹(径向变化)动效。