设计原则| Date and time 时间格式

用户头像
武汉/UX设计师/6年前/952浏览
设计原则| Date and time 时间格式
用户头像
漫鱼鱼

本篇主要通过时间格式的定义及规则、标准格式、常见时间点/时间段格式运用几个点来跟大家分享一下交互设计中的时间格式问题

前面的篇章中,我们有了解到iOS的人机交互指南的基本设计原则,本篇来跟大家分享一下交互设计中的时间格式问题,

主要通过下面3个点来描述:

1、定义及规则

2、时间标准格式

3、常见时间点格式运用梳理

4、常见时间段格式运用梳理


1、定义及规则

日期时间的格式设计主要取决于以下三点:

1、多久以前:除非是信息时效性较弱(如文件上传时间),否则应该告诉用户最近发布的内容是都久以前发布的(如X分钟前、X小时前、X天前、X个月前…)

2、内容时效:对于已过时效的内容(如1个月前发布的朋友圈),可以写出精确日期。内容时效是多久,就取决于内容本身了;

3、通常来说,多久以前和精确日期不需要同时存在;

4、时间信息:是否显示具体时间,取决于实际需要。例如已过时效的邮件、普通新闻这样的内容,就可以不需要时间信息。

具体参考文献:https://material.io/design/communication/data-formats.html#date-time


2、时间标准格式

1、公历日期标准格式为:2007年2月6日  或  2007-02-06、2007/11/6。

不得以小数点或顿号代替年月日;

2、年月日中的年号必须写全,不能简写成: 07年2月6日  或 07-02-06。

3、中文日期的书写,凡使用繁体字的文件,日期可以中文格式书写;

如:二〇〇七年二月六日。

4、阿拉伯数字不能与汉字数字混用,书写中文日期不得输入“0”;

如:二00七年二月六日。

5、凡使用简体字的文件,最好不要书写中文格式日期。

6、凡涉及到中国干支纪年和夏历(农历)月日应使用汉字。

如:腊月二十日、正月初八等。

农历日期标准格式为:丁亥年腊月十九日。

干支历日期标准格式为:丁亥年壬寅月辛未日。


建议:描述订单日期或时间段时用“ / ”,  历史消息日期用“ 年/月/日”。

还有一种比较常见的格式:2019.08.07,因为材料中未提及这个格式是否符合规范,所以暂不定义,只是目前国内软件对于“."这种格式确实已经使用得不多了。


3、常见时间点格式运用梳理

表中列举的是各APP及对应模块中使用到的时间格式示例,由此我们可以总结出以下参考规则:

1、时间统一默认为24小时制;

2、显示当空间受限可缩写;

3、如果在大部分全部日历年份内,展示日期不需

     要有年;

4、在列表等强调屏效场景:

     当天:下午3:36

     24小时-48小时:昨天

     48小时以上:星期n

     7天以上:年/月/日(示例:2018/11/7)

5、如果日期非核心决策/非识别性信息点,时间  

     展示为:年-月-日(时:分)

     示例:2018-11-06  (18:09:17)

6、如果日期为核心决策/识别性信息点,时间展

     示为:n年n月n日(时:分)

     示例:2018年11月06日  (18:09:17)


4、常见时间段格式运用梳理


后面几篇,将继续通过文案用语、时间格式、色彩、字体、手势、互动转换几个角度来充分解析交互设计原则。

关注我,一起来做个集美貌才华于一身的设计师吧~






28
举报
|
9
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
UI应用平面图标
高级表盘系列UI源文件
抽象液态渐变UI背景模版
【新年UI图标】秒杀icon
【新年UI图标】影音icon
【新年UI图标】会员icon
【新年UI图标】30个图标
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
3D卡通UI界面图标可爱插画免扣素
手表表盘UI系列
【新年UI图标】汽车icon
新能源APP应用UIKit
3D渐变流体抽象矢量UI背景图
新拟态风格 UI设计组件库
【新年UI图标】银行卡icon
盲盒APP UI设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
拟物风质感写实UI卡片合集源文件
我的钱包-UI界面设计-app
UI通用设计素材1
钱包ui模板
你可能喜欢
相关收藏夹
大家都在看
登录注册