GUI 常用元素中英对照表 / 2. Navigational Bar

  • 请注意这组元素统称 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 —— 导航抽屉

Navigational Bar
GUI 常用元素中英对照表 / 2. Navigational Bar_第1张图片
Navigation Drawer

References:

  1. Navigation Bars & Tab Bars. (n.d.). Retrieved Jan 24, 2017, from https://developer.apple.com/ios/human-interface-guidelines/ui-bars/navigation-bars/
  2. Source Lists (Sidebars). (n.d.). Retrieved Jan 24, 2017, from https://developer.apple.com/library/prerelease/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/WindowSourceListDrawer.html
  3. Tabs. (n.d.). Retrieved Jan 24, 2017, from https://material.io/guidelines/components/tabs.html
  4. Tabs and Pivot. (n.d.). Retrieved Jan 24, 2017, from https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tabs-pivot
  5. Pivot. (n.d.). Retrieved Jan 24, 2017, from https://dev.office.com/fabric#/components/pivot
  6. Navigation Drawer. (n.d.). Retrieved Jan 24, 2017, from https://material.io/guidelines/patterns/navigation-drawer.html

你可能感兴趣的:(GUI 常用元素中英对照表 / 2. Navigational Bar)