美文网首页
material design(5)移动编排

material design(5)移动编排

作者: 晨曦xhw | 来源:发表于2016-09-28 11:14 被阅读0次
  1. 连续性
    保持一个清晰的焦点。
    (1)所有的当前元素都经过变换后都存在
    在变换过程中,要保持所有的元素都可见。
    (2)变换前后只有一个共同元素,这个共同元素作为视觉焦点
    (3)变换前后没有共同元素,所有参与运动的元素都垂直运动
    (4)变换前后有很多共同元素 最重要的一个可见,并作为视觉焦点,其它的可以暂时消失,等变换完成后立刻出现。
    (5)图层唤醒 在变换过程中,当某个元素不能完全load,在这个元素即将出现的位置留出足够的空间,避免移动其它元素,突然出现。

  2. 产生新图层
    (1)产生新的图层
    从用户点击的点开始以辐射或者矩形形式扩展出来一个新的图层
    (2)当同时产生多个元素的时候,按照清晰,流畅,单一方向的焦点路径产生。
    以list item形式产生,由上至下,依次出现;grid item,按照从左到右,从上到下的顺序
    (3)当用户没有任何输入,没有点击时产生的新图层,优雅的结合浅入浅出,定位,尺寸变换等。动画简介快速。

  3. 辐射响应
    用户点击处,最先发生变化,由此向外扩散。

相关文章

网友评论

      本文标题:material design(5)移动编排

      本文链接:https://www.haomeiwen.com/subject/nbwcyttx.html