这个移动导航模式叫什么?

时间:2015-11-13 10:11:51

标签: user-interface mobile user-experience

这个移动导航模式叫什么?我需要复制它,但我甚至不知道它是如何调用的。

我需要在响应式网站的移动版本中复制它。我相信它用于许多原生应用程序,它是一个"旋转木马"样式导航,您可以在其中向侧面滑动导航以访问其他选项。

Mobile subnav

2 个答案:

答案 0 :(得分:1)

在Android / Material Design中是一个标签。 https://www.google.com/design/spec/components/tabs.html#

iOS上没有相同的原生控件,最接近的是放置在视图顶部的分段控件。 https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Controls.html#//apple_ref/doc/uid/TP40006556-CH15-SW27

它们的使用在两个平台上有所不同。在Android选项卡上导航在多个视图中,其中iOS顶部对齐的分段控件通常在单个视图上提供过滤功能。

iOS也有标签,但它们已正确定位在屏幕底部。

答案 1 :(得分:1)

我相信这种特殊模式称为水平溢出。你可以在Brad Frost的响应式导航模式下找到它的一个例子(以及大量其他很棒的模式): https://bradfrost.github.io/this-is-responsive/patterns.html#navigation