美文网首页UX Arkenstone@产品架构算法设计模式和编程理论
GUI 常用元素中英对照表 / 1. Progress Indi

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

作者: LynetteL | 来源:发表于2017-01-23 01:51 被阅读23次

    开一个连载。

    包含内容: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 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 Indi

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