美文网首页UX Arkenstone@产品设计产品运营商业模式
GUI 常用元素中英对照表 / 2. Navigational

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

作者: LynetteL | 来源:发表于2017-01-24 01:12 被阅读23次
    • 请注意这组元素统称 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 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

        本文链接:https://www.haomeiwen.com/subject/rseabttx.html