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

2019年4月23日 222次阅读 来源: LynetteL

开一个连载。

包含内容：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 —— 有限进度条

《GUI 常用元素中英对照表 / 1. Progress Indicator》 Progress Indicator Ring
《GUI 常用元素中英对照表 / 1. Progress Indicator》 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
    原文作者：LynetteL
    原文地址: https://www.jianshu.com/p/4bc8f8d423d0
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞