從3個角度，掌握時間顯示的設(shè)計細節(jié)

關(guān)注▲Clip設(shè)計夾后臺回復“進群”加入設(shè)計成長群

 設(shè)計夾的第158篇文章分享 

Halo，這里是設(shè)計夾，今天分享的是「設(shè)計細節(jié)」。文章來源于設(shè)計師吳大只的工作總結(jié)。

日期與時間格式，你是否用對了？日期之間的連接符你是否用對了？當日期和時間一起使用時，有什么需要注意的細節(jié)設(shè)計點？

在講解設(shè)計細節(jié)之前，我們先了解一下絕對時間、相對時間。

  絕對時間與相對時間

◆ 絕對時間

絕對時間包含：年月日、時刻

絕對時間適用于對時間精確度要求較高的時候，比如說訂單創(chuàng)建時間、某項活動開始/結(jié)束時間、特定節(jié)假日簡稱等。絕對時間在信息表達上更加精準、正式，給人確定感和安全感；但是內(nèi)容顯示過長，占用的空間較大。

◆ 相對時間

相對時間的展示形式：剛剛、XX分鐘前/后、XX小時前/后、X天前、昨天、明天、今天等。

相對時間適用于對時間精確度要求不高的時候，比如說消息、通知類功能、Feed流。采用相對時間對用戶來說理解成本低，不用去往前推算出發(fā)布的具體時間點；但是不夠精確、并很難衡量兩個時間點的臨近性。

  日期與標點符號

目前主流App上，年月日的常見的用法有“2022-01-01”、“2022.01.01”、“2022/01/01”、“2022年01月01日”、“2022-01-01 ～ 2022-12-30”，那這些日期格式是否都正確呢，日期的連接應該使用什么標點符號？

《中華人民共和國國家標準GB/T15834-2011標點符號用法》中對于連接號、點號、分隔號的使用場景有明確規(guī)定。

連接號（短橫線“-”、一字線“—”、波浪號“～”）：表示某些相關(guān)聯(lián)成分之間的連接；

點號（.）：作用是點斷，主要表示停頓和語氣；

分隔號（/）：標號的一種，表示詩行、節(jié)拍及某些相關(guān)文字的分隔。

◆ 表示具體日期

基于國標對于連接號、點號、分割號的使用場景說明，用阿拉伯數(shù)字表示年月日時應采用短橫線“-”。在比較正式的文件、公告中，日期一般不用分隔符連接，而是直接采用中文的年月日連接。

◆ 表示日期范圍

Antdesign規(guī)定日期范圍需要在日期或時間范圍之間顯示波浪號 （前后需要空格），這種方式是不符合標點符號的使用規(guī)范的。

在標示時間的起止時，應該使用一字線“—”，而非波浪號“～”，波浪號主要用于標示數(shù)值范圍而非日期的起止。

日期帶有分隔號橫短線“-”時，可以采用“至”作為連接符；日期不帶有分隔號橫短線“-”時，可以采用一字線“—”作為連接符。注意日期與連接符之間用「空格」隔開。

◆ 時間

時間計時方法包含十二小時制、二十四小時制。在設(shè)計過程中注意區(qū)分十二小時制，上/下午和A/PM的位置區(qū)別。

◆ 日期與時間組合使用

當日期和時間連在一起時，兩者之間用「空格」隔開，如“2022-01-01 16:00:00”、“2022年01月01日 16:00:00”。

涉及到周的時，可以將周放在日期與時刻之間，用「空格」隔開，如：“2022-01-01 周三 16:00:00”、“2022年01月01日 周三 16:00:00”。

涉及到日期和時間范圍時，可在表示日期范圍的基礎(chǔ)上添加時間，如“2022年01月01日 16:00:00 — 2022年01月01日 16:00:00”、“2022年01月01日 16:00:00 至 2022年01月01日 16:00:00”、“2022-01-01 16:00:00 至 2022-12-30 16:00:00”。

  專有名詞

以月、日為標志的事件或節(jié)日，用漢字數(shù)字表示時，只在一、十一和十二月后用間隔號；當直接用阿拉伯數(shù)字表示時，月、日之間均用間隔號。

  贊助廣告

END

如果本文對你有幫助，請點贊、在看和分享給身邊的朋友！

別忘了關(guān)注「強少來了」

獲取更多前端 · 后端 · B端產(chǎn)品思維的精彩內(nèi)容！

??????

你的認可，是對我最大的鼓勵