时间展示如何设计?超详细国际化产品中的时间展示规范。

超详细!帮你快速掌握国际化产品中的时间展示规范

近年来产品的国际化趋势日益增强,如果你在做国际化产品的设计工作,一定会注意到时间的两种统计方式:UTC 和 GMT。比如你可能经常会看到这样的案例:

超详细!帮你快速掌握国际化产品中的时间展示规范

UTC 和 GMT 究竟是什么意思?应该怎么使用?有哪些表述规范?本文就为大家科普下二者的区别和用法,带你从小白秒变行家。

一、概念科普

先上一轮专业知识硬核科普:

1. UTC

UTC 的全称是 Coordinated Universal Time,被称作"协调世界时",可称"世界统一时间","世界标准时间","国际协调时间" 等。

UTC 是一种时间标准,全球通用,该时间已经与世界计时中心保持同步,作为全球民用时间和时区基础的时间标准。

超详细!帮你快速掌握国际化产品中的时间展示规范

UTC 时间标准划分图

2. GMT

GMT 的全称 Greenwich Mean Time,被称作"格林威治平均时间"或"格林威治标准时间"。

GMT 是按照经线划分的时区(高中地理知识:地球表面按经线从东到西,根据圆周 360° 将地球划分为 24 个时区,每个时区占
15°,相邻区域的时间相差 1
小时),是由位于伦敦郊区的皇家格林尼治天文台确定的标准时间(因为本初子午线是通过那里的经线),是一些欧洲和非洲国家使用的时区。

超详细!帮你快速掌握国际化产品中的时间展示规范

GMT 时区划分图

1972 年,UTC 取代 GMT 成为世界时间标准。不过 GMT 现在仍然被欧洲广泛使用,是英国等几个国家的时间表述方式。

在编写本文之前,我们一共调研 14 个产品(包括 2 个操作系统,7 个国际化产品,5 个设计系统),可以看到 UTC 及 GMT
在行业中均被普遍使用,UTC 偏多,但暂未形成主流。不过,由于有官方平台背书,也不排除 UTC 的使用范围会越来越广阔和通用的可能性。

严格来说,UTC 和 GMT 各有所长:

  1. 由于时间的测量方式不同,GMT 每 4 年比 UTC 慢 1 秒,因此在不需要精确到秒的情况下,通常也可以将 GMT 和 UTC 视作等同。
  2. UTC 没有夏令时计算方式,而 GMT 有。所以有可能在有夏令时区域,用户理解 UTC 的成本更高。

我们可以总结两者的区别如下:

超详细!帮你快速掌握国际化产品中的时间展示规范

UTC 和 GMT 两者的区别

二、表述样式

虽然 GMT 和 UTC 在概念上有些区别,但在实际使用中,两者的表述方式趋同,在视觉效果上完全一致。根据不同国家和地区,日期和时间的具体展示方式通常需要考虑以下因素:

  1. 地域性:时间需要和地域文化和书写习惯相关联,便于当地用户快速理解。
  2. 准确性:要保证时间的精度和准度,很多金融类产品的时间都需要精确到"分"甚至"秒"。
  3. 易读性:在排版时要易于阅读,时间数据较长时要考虑折行的易读性。

接下来的表述样式中,我们会以 GMT 为例,介绍下日期表达的细节规范。(需要说明的是:以下规范是经过调研后总结出的通用规则,并非不可更改的行业基本准则,如果你的产品有其他表达方式上的需求,可以适当变更和调整。)

1. 不同国家和地区的时间表示方式

不同国家对于时间的书写有不同的组合顺序,使用的标点符号也不相同。最常见的有四种类型,分别是:

  1. zh_CN:适用于中国大陆、中国香港等地区
  2. nl_NL:适用于荷兰等地区
  3. en_US:适用于美国等地区
  4. en_GB:适用于欧洲国家、东南亚国家和中国台湾等地区

以下是这四种不同的"年月日"具体表现样式(yyyy: 年,MM: 月,dd: 日):

超详细!帮你快速掌握国际化产品中的时间展示规范

以下是这四种表现样式与 GMT 组合的实际案例(以 GMT 为例,UTC 同理):

超详细!帮你快速掌握国际化产品中的时间展示规范

2. 时间表示方式的具体规则

接下来我们以 zh_CN 的 GMT 时间表示为例,来看看具体的时间展示细节规则:

① 日期 + 时间 + 时区的组合展示

  1. 日期和时间之间使用","+"空格";
  2. 时间和时区之间是使用"空格";
  3. 时区标识在前,偏移量在后,显示"(GMT±整数偏移量)";
  4. 偏移量精确到":"后两位,取小时整数。

超详细!帮你快速掌握国际化产品中的时间展示规范

② 表示时间段

  1. 两个时间段之间建议使用半角"-"链接;
  2. 半角"-"前后有空格。

超详细!帮你快速掌握国际化产品中的时间展示规范

超详细!帮你快速掌握国际化产品中的时间展示规范

③ 折行展示样式

  1. 折行时"年月日"、"时分秒"建议各自同一行;
  2. 段时间以"-"连接,"-"前有空格,在第一行。

超详细!帮你快速掌握国际化产品中的时间展示规范

以上就是国际化产品中时间的表法方式,你可以将这些规范应用在工作中常用的组件模块上,在使用时可以直接调用,方便快捷且不易出错。最重要的是也要跟开发对接清楚,从代码层面做产品实践效果的最终防范。

作者:长弓小子

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/240357.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年3月7日 12:53
下一篇 2023年3月7日 12:54

相关推荐

  • 我来教你优秀网站设计思路及流程。

    网站设计是互联网时代的新兴产品,它通过协调计划的内容和规划网站主题模式来生成网站。与此同时,网站设计的目标是将排名转换为流量,然后将流量转换为客户。结果是提升销售量,一个优秀网站设计可以为企业或个人…

    2023年6月13日
    00
  • 使用极简主义网页设计的5个最佳实践。

    极简主义的网页设计在建筑学或任何其他艺术中都有相当长的历史和极简主义。然而,我们大多数人看到的网站充斥着元素、图片和弹出窗口,这些都远非简约。如果你对这篇文章感兴趣,你可能并不是那些过于拥挤的页面的…

    2023年2月14日 SEO操作
    02
  • 我来分享增强网站设计吸引力的方法。

    如今的互联网可以说是网站如海、信息如流。想要让自己的网站在众多竞争者中脱颖而出,只是依靠网站建设后期的努力是不行的,我们应该从前期的网站设计开始。吸引用户的网站设计往往能够赢得先机。1. 要从整体规划网…

    2023年6月16日
    00
  • 网页设计新风格诞生:什麽是彩虹光感风格

    很多人听到彩虹光感,可能脑海中会浮现出无数个下图这样的彩虹…… 网页设计风格 当然,小编今天所介绍的彩光光感风格,绝对不是上图那个已经过时的彩虹1.0设计时代。如果你在UI设计过程中已经厌倦目前的…

    2022年6月21日 建站资讯
    0132
  • 我来分享网页设计中按钮焦点怎么设计。

    当我们访问大多数网站时,我们经常会有一个目标。为了达到这个目的,通常需要采取一系列步骤,第一步开始是点击CTA(号召性用语)按钮。想想上次注册一个服务或下载一个应用程序时,这个过程可能包括一个与号召性用语…

    2023年6月15日
    00
  • 教你解析:2022年移动端网站设计发展趋势。

    由于我们手机的技术规格不断发展,因此许多应用程序看起来比过去拥有的应用程序更生动,更精美,更具沉浸感,并且实际上在所有方面都比过去更多。与此同时,许多应用程序设计师都在积极寻找灵感。下面我们就来看一…

    2023年6月16日
    01
  • 浅谈保守派的交互设计  

      提及到网页设计中的对话模式,保守派的交互都少不了“菊花”。基本目的是告知使用者网页正在忙着处理着他们的请求,具体的流程大抵是: 使用者点击按钮; 按钮触发变为禁用状态,按钮上显示出进度状态如菊花,…

    2022年6月25日
    0236
  • 分享超有质感的海外网站设计作品。

    网站设计作品看起来是否有质感,从很细微的地方就能直接反映出来。比如对于版式中的图片的处理,对于文字大小粗细及间距的把控、对于整站风格定调的主色分布于运用逻辑、对于线条与板块的规划与处理等等,都能直接…

    2023年2月23日 SEO操作
    02

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息