GUI 常用元素中英对照表 / 1. Progress Indicator

开一个连载。

包含内容:GUI 常用视觉元素、控件、pattern 的英文称谓,对应中文译名,及出现场景;
挑选范围:主要选自 Apple iOS 及 macOS Human Interface Guidelines、Google Material、Microsoft Windows UWP,以及 Office 团队独立给出的设计规范;
覆盖平台:desktop 及 mobile;

p.s. 英语不专业,译名未必信达雅,梳理目的也只是为了让大家工作中可以在一个理解层面上讨论。

1. Progress Indicator / 进度提示

  • 说到进度提示,一般两类元素会立刻浮现脑中,一个进度条,另一个江湖赠诨名「小菊花」,形象有画面感。也有一说「转圈圈」,加了动态效果之外还颇具童趣,用的人也不少。

  • 在形态之外,使用场景上还有两种分类:有限循环和无限循环。前者和加载进程绑定,走完一段或一圈即表示加载完毕;后者则不定,只表达加载正在进行。

  • 几个设计规范在「进度提示」这个元素上相对一致,只有 Office 用了 Spinner 这个叫法,其实表达上没什么不好,但因为 Spinner 常用来指代另一个控件,此处会有歧义,故不建议这么用。

  • 对应译名:
    Indeterminate Progress Ring —— 无限进度环
    Determinate Progress Ring —— 有限进度环
    Indeterminate Progress Bar —— 无限进度条
    Determinate Progress Bar —— 有限进度条

Progress Indicator Ring
GUI 常用元素中英对照表 / 1. Progress Indicator_第1张图片
Progress Indicator Bar

References:

  1. Progress Indicators. (n.d.). Retrieved Jan 20, 2017, from https://developer.apple.com/ios/human-interface-guidelines/ui-controls/progress-indicators/
  2. Indicator Controls. (n.d.). Retrieved Jan 20, 2017, from https://developer.apple.com/library/prerelease/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/
  3. Progress & activity. (n.d.). Retrieved Jan 20, 2017, from https://material.io/guidelines/components/progress-activity.html#
  4. Progress controls. (n.d.). Retrieved Jan 20, 2017, from https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/progress-controls
  5. ProgressIndicator. (n.d.). Retrieved Jan 20, 2017, from https://dev.office.com/fabric#/components/progressindicator

你可能感兴趣的:(GUI 常用元素中英对照表 / 1. Progress Indicator)