-
请注意这组元素统称 Navigational Bar,而非 Navigation Bar。不管是 Tab Bar 还是 Sidebar,目的都是导航。
-
作为 iOS 特征之一的底部 Tab Bar,Android 系统里被称作 (Bottom) Navigation Bar;而 iOS 里的 Navigation Bar 则位于 Status Bar 下方。用法其实并无定论,不是说 Android 就不能用底部 Tab Bar了;使用考量要从内容层次、布局以及使用频度等多个方面出发。
-
Windows 和 Office 使用的都是 Pivot 这个词,其实很形象,到了这里内容即将分叉。点了哪个 Pivot 就被导向对应的内容流。
-
Navigation Drawer 是出生自 Android 平台上的一种特殊导航形式。Material 里定义了四类,第一类 Permanent,顾名思义,该类导航抽屉永久性固定在页面左侧,无法关闭;第二类 Persistent,该类导航默认关闭,点击菜单图标打开,除非用户选择关闭,否则始终保持打开状态。需要注意的是,Persistent 和对应内容页面平级,也就是说打开抽屉的动效是将右侧内容页向外挤出;第三类 Mini Variant,该类导航是第二类 Persistent 的变体,区别在于Mini Variant 的默认状态会在菜单图标之外显示一个迷你版的导航抽屉;第四类 Temporary,该类是平时最常见的用法,默认关闭,打开后覆盖于所有内容之上。
-
对应译名:
Navigation Bar —— 导航栏
Tab Bar —— 标签栏
Pivot —— 枢轴
Sidebar —— 侧边栏
Navigation Drawer —— 导航抽屉
References:
- Navigation Bars & Tab Bars. (n.d.). Retrieved Jan 24, 2017, from https://developer.apple.com/ios/human-interface-guidelines/ui-bars/navigation-bars/
- Source Lists (Sidebars). (n.d.). Retrieved Jan 24, 2017, from https://developer.apple.com/library/prerelease/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/WindowSourceListDrawer.html
- Tabs. (n.d.). Retrieved Jan 24, 2017, from https://material.io/guidelines/components/tabs.html
- Tabs and Pivot. (n.d.). Retrieved Jan 24, 2017, from https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tabs-pivot
- Pivot. (n.d.). Retrieved Jan 24, 2017, from https://dev.office.com/fabric#/components/pivot
- Navigation Drawer. (n.d.). Retrieved Jan 24, 2017, from https://material.io/guidelines/patterns/navigation-drawer.html
网友评论