离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2017-11-20 10:00:55

导航过渡

导航过渡是一个应用中状态之间的切换,例如从一个高层级的页面切换到一个具体的页面。最主要,但不是全部,过渡在本质上是层级。

这些转变应该合适地展示用户浏览一个应用的每个状态。

父元素到子元素

兄弟元素到兄弟元素

父元素到子元素

查看一个应用的更深的层级或者页面,是从父页面开始的。在父页面上会有很多的子页面可供用户浏览,这些都是父页面的子页面。

在 material design 中,高度变化意味着从父元素到子元素的聚焦变化。

高度和宽度

用户触摸的表面应该提升并且扩展到它原生的地方。这种扩张和运动将父元素到子元素的移动高亮,使用 material 运动曲线进行的自然运动。

父元素到子元素的过渡动画

父元素到子元素的过渡动画效果

兄弟元素到兄弟元素

兄弟元素之间的过渡是发生于同层级元素之间的过渡。

静态高度

当一个用户通过标签进行导航,将不会有高度变化。每个标签的内容和表面保持同样的高度。兄弟元素向左移出屏幕时,新的内容从右边滑进来。

兄弟元素过渡

兄弟元素到兄弟元素的过渡动画

上一篇: 导航 下一篇: 滚动技巧