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

開一個連載。

包含內容：GUI 常用視覺元素、控制項、pattern 的英文稱謂，對應中文譯名，及出現場景。

p.s. 英語不專業，譯名未必信達雅，梳理目的也只是為了讓大家工作中可以在一個理解層面上討論。

1. Progress Indicator / 進度提示

• 說到進度提示，一般兩類元素會立刻浮現腦中，一個進度條，另一個江湖贈諢名「小菊花」，形象有畫面感。也有一說「轉圈圈」，加了動態效果之外還頗具童趣，用的人也不少。

• 在形態之外，使用場景上還有兩種分類：有限循環和無限循環。前者和載入進程綁定，走完一段或一圈即表示載入完畢；後者則不定，只表達載入正在進行。

• 幾個設計規範在「進度提示」這個元素上相對一致，只有 Office 用了 Spinner 這個叫法，其實表達上沒什麼不好，但因為 Spinner 常用來指代另一個控制項，此處會有歧義，故不建議這麼用。

• 對應譯名：

  Indeterminate Progress Ring —— 無限進度環
  Determinate Progress Ring —— 有限進度環
  Indeterminate Progress Bar —— 無限進度條
  Determinate Progress Bar —— 有限進度條

References:

1. Progress Indicators. (n.d.). Retrieved Jan 20, 2017, from iOS Human Interface Guidelines
2. Indicator Controls. (n.d.). Retrieved Jan 20, 2017, from App Styles and Anatomy
3. Progress & activity. (n.d.). Retrieved Jan 20, 2017, from Progress & activity - Components - Material design guidelines
4. Progress controls. (n.d.). Retrieved Jan 20, 2017, from Guidelines for progress controls
5. ProgressIndicator. (n.d.). Retrieved Jan 20, 2017, from Office UI Fabric

推薦閱讀：