material design(5)移动编排

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,460评论 25 708
  • Core Animation其实是一个令人误解的命名。你可能认为它只是用来做动画的,但实际上它是从一个叫做Laye...
    小猫仔阅读 3,803评论 1 4
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • 今日收获 1.温柔待人,才能被温柔以待。 2.要努力争取一份可能长久的工作。 3.一旦开始认真,就能坚持下去。 小...
    Yivan_1996阅读 150评论 0 0
  • 所有的命运都已写好 就像你历了千年,苦等在墙角 没有绝世的影姿,也没有倾城的貌 却较真的盛在初夏的焦躁里 微黯的,...
    冷潇湘阅读 379评论 1 0