日期與時(shí)間的一點(diǎn)點(diǎn)設(shè)計(jì)細(xì)節(jié)

2022-3-3 ui設(shè)計(jì)分享達(dá)人

絕對時(shí)間與相對時(shí)間

絕對時(shí)間

絕對時(shí)間包含：年月日、時(shí)刻

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

相對時(shí)間

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

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

日期與標(biāo)點(diǎn)符號

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

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

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

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

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

表示具體日期

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

表示日期范圍

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

在標(biāo)示時(shí)間的起止時(shí)，應(yīng)該使用一字線“—”，而非波浪號“～”，波浪號主要用于標(biāo)示數(shù)值范圍而非日期的起止。日期帶有分隔號橫短線“-”時(shí)，可以采用“至”作為連接符；日期不帶有分隔號橫短線“-”時(shí)，可以采用一字線“—”作為連接符。注意日期與連接符之間用「空格」隔開。

時(shí)間

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

日期與時(shí)間組合使用

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

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

涉及到日期和時(shí)間范圍時(shí)，可在表示日期范圍的基礎(chǔ)上添加時(shí)間，如“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”。