模式 导航转换

导航转换

导航转换是在应用的不同状态间移动,比如从高等级的视图进入详情视图。

绝大多数(并非全部)转换都是在自然的等级之间。这些时刻应当能够通过应用的不同状态来反应出用户的旅程。

等级和海拔

当元素升高并且展开,海拔的改变指示出了元素的焦点从父级转到子级

同级转换出现在同级的元素之间,通常不会有海拔的改变。

父级到子级 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

探索应用更深层的视图,是从父级开始不断深入的等级之旅。在那里,用户可能还会在多个同级页面之间浏览,也就是从从属于同个父级的子页面。

在 Material Design 中,海拔的改变暗示了焦点从父级转移到子级。

海拔和扩展

用户触控的界面应当从原来的地方升高并展开。这种扩展和运动使用了材料的运动曲线,自然的移动强调了视图已经远离父级,转移到了目标页面(子页面)。

父级到子级的转换动画

父级到子级的转换动画

同级到同级 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

同级转换出现在同级的元素之间,通常不会有海拔的改变。

固定海拔

例如用户通过选项卡来导航,是不会有海拔改变的。每个选项卡的内容和界面都处于同一海拔。当新内容从屏幕右侧出现时,同级的内容会从左侧移出屏幕。

同级转换

同级转换的动画