编辑导读：前段时间， iOS14 进级了。苹果的每一次进级城市引起人们的遍及存眷，究竟它代表着行业标杆。本文作者在利用的进程中，对iOS14 中「时间控件」的设计发生了疑问，并从三个方面展开阐明，提出本身的一点思考，与你分享。

前几天进级 iOS14 后在「日历APP」中碰着个「时间控件」利用体验问题，在伴侣圈「吐了个槽」后收到许多雷同反馈，厥后在利用「提醒事项APP」中发明有个雷同「时间控件」，体验下来感受挺顺溜，于是想做个比拟阐明看看区别。

防杠说明1：接下来聊的体验纯我的「主观感觉」，比拟阐明也是基于过往的履向来聊，没有数据也没有其他支撑，交换为主，无他意求放过。

防杠说明2：苹果在「日历APP」和「提醒事项APP」这 2 个 APP 设计必然有思量过，文章纯粹从外部视角去聊体验感觉，不聊 APP 的场景&计谋&定位。

一、iOS14 的「时间控件」长什么样

iOS14 「日历APP」新建日程&点击展开「时间控件」后的状态

先先容下「时间控件」长什么样，上图左边是「日历APP」中「新建日程」界面，点击「开始-时间」后就展开了「时间控件」，控件中别离有这5个成果：时钟控件（键盘+触摸）、年代控件、快捷切换月份控件、日历控件、时区成果，「提醒事项APP」的「时间控件」界面根基差不多，详细差别会在在比拟中展示。

二、开始做3个角度比拟 比拟1：日历间距处理惩罚

整体来看「时间控件」中的「日历」是问题更大影响体验更大的处所，「日历」中的日期和日期之间的间隔是大过日期和阁下屏幕的间隔，这会导致日历看起来较量散不是一个整体，见下图中黄色标志和蓝色标志。

这范例的问题属于「名目塔理论」中的「Law of Proximity靠近法例」，间距没有起到把相关元素粘起来的浸染，相反把元素拆散，有种信息量许多密密麻麻的感觉。

「日历APP」中日期之间间距和屏幕间距比拟

详细「Law of Proximity 靠近法例」的意思是：彼此靠近的事物被认为比相隔较远的事物越发相关。

名目塔理论中的靠近法例示意图

这里密密麻麻的感觉尚有另一个理论基本「米勒定律」，因为人同时处理惩罚信息约莫是「7±2」条信息，当信息量超出这个数量后呈现，本能上必然是先排出的，各人追念下假如你要填写一个巨大表单时候的场景，就是这样的感受。

米勒定律的示意图

我们比拟下「提醒事项APP」中的日历选择，间距处理惩罚担保了日期间隔是比外面小的，日历看起来就是一个整体可操纵的控件状态，假如拿「名目塔理论」和「米勒定律」来看的话都是在公道范畴内，事实感觉也是这样

「日历APP」和「提醒事项APP」日历举办比拟

比拟2：上基层级干系处理惩罚

「时间控件」是通过点击展开的，假如这个简朴控件，仅展开动效足以让用户领略，只是这「时间控件」中包括5个成果占了 1/2 的屏幕，动效办理不了，加上「比拟1」的日历间距问题，信息量庞大且巨大。控件内里除了标题做了「文字加粗」处理惩罚去表示层级，在「上下跟尾 or 阁下递进 or 配景颜色」都没做许多事情。

和上一级样式是在太靠近，没有能明明区分隔，和上一层级融合到一起后，界面看起来从一行行就酿成点击后一下子增加「发作式」的信息呈现，观感巨大+信息量变大。假如处理惩罚符合「抱负中的层级干系」应该是图片右边这样的，用户一眼看到的是一块块而不是一个个。

日历APP 时间控件展开后感受是「碎裂」，抱负应该右侧这样块状的层级布局展开。

再来比拟「提醒事项APP」中的层级干系，整个「时间控件」阁下都有缩进，左上和上一级的跟尾处支解线也做了处理惩罚，加上上一级日期标题前有个「日历ICON」，很自然在视觉上就呈现了上基层级干系呈现，内容一样看起来清晰简捷许多。

「提醒事项APP」顶用缩进和睦势气魄线去表示层级干系

比拟3：页面机关上的比拟

再把视角放到页面机关中，「日历APP」回收的是边到边机关（Edge to Edge） *** ，「提醒事项APP」回收的是卡片式机关（Card） *** 。