【发布时间】:2015-11-16 20:48:49
【问题描述】:
这种移动导航模式叫什么?我需要复制它,但我什至不知道它的名称。
我需要在响应式网站的移动版本中复制它。我相信它在许多本机应用程序中都使用过,它是一种“轮播”风格的导航,您可以在其中横向滑动导航以访问其他选项。
【问题讨论】:
标签: user-interface mobile user-experience
这种移动导航模式叫什么?我需要复制它,但我什至不知道它的名称。
我需要在响应式网站的移动版本中复制它。我相信它在许多本机应用程序中都使用过,它是一种“轮播”风格的导航,您可以在其中横向滑动导航以访问其他选项。
【问题讨论】:
标签: user-interface mobile user-experience
我相信这种特殊模式称为水平溢出。您可以在 Brad Frost 的响应式导航模式(以及大量其他优秀模式)下找到它的示例: https://bradfrost.github.io/this-is-responsive/patterns.html#navigation
【讨论】:
在 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 也有选项卡,但它们正确地位于屏幕底部。
【讨论】: