被 Notion 收购的 Cron 有哪些值得学习的设计细节

图片描述

最近 Notion 宣布收购了日历产品 Cron,看到很多人都评价 Cron 是“日历应用设计天花板”,我也有幸拿到了朋友给的邀请码,第一时间体验后,发现了很多值得学习的设计细节,在这里分享给大家。

1.Cron 右侧栏底部有着微妙的纹理,在鼠标滑过时,会跟随鼠标轨迹发光:

2.点击输入框,会发现输入光标也设计成了主题色,这在其它产品中很少见:

3.当我们操作不合理而弹出提示 Toast 时,Cron 并没有用颜色来吸引眼球,而是给 Toast 加上了呼吸灯的特效:

4.Cron 中的菜单背景均使用了微弱的渐变(和极细的描边):

5.下拉菜单没有对齐菜单本身,而是对齐选项的高亮边缘:

6.嵌套时,里层使用更小的圆角,让嵌套圆角看起来更自然:

7.Cron 中的菜单使用了 3 层投影来模拟更真实的投影效果(再加上 Cron 使用了微妙的渐变背景色和极细的描边,让菜单看起来非常有质感):

8.Cron 定义了多种不同的过渡时长在不同场景下使用,我们可以体验到 Toast、按钮、弹窗的过渡时长甚至曲线都是有微妙区别的:

9.搜索过程中的微动效(Searching 后面的… 有跑马灯动效):

除了这些细节之外,Cron 的整体设计也很优秀,克制和细腻的颜色使用,强一致性的排版和元素,这些都是非常值得我们学习的地方。

可以看到 ,Notion 和 Cron 在设计上可以说有着相同的理念:克制且细腻,这可能也是 Notion 对 Cron 欣赏的原因之一,也是我们更应该去学习的理念。