除了设计法则，掌握这15个数字也能让你的设计更专业！

作为设计师，在传达我们的设计理念，呈现设计方案时，经常会援引一些设计原则和设计方法，以此来彰显我们设计推导过程及方案的严谨性和合理性。那么除了这些设计原则之外，还有什么是可以辅助我们彰显专业性的工具呢?

今天，我将给大家介绍另一类设计表达利器──时间常量+数字法则，来帮助各位设计师，更好地利用数字对人类潜意识的影响，来彰显设计的专业性。

在此之前，我想让大家思考一下，为什么数字会有如此神奇和普适的力量?

相信大家都有同感，我们对数字的记忆，其实是很难的。想想中学时候背历史时间的经历?是不是现在想起来还头大。那是因为我们的大脑发育，在 200 万年以前已经完成，而数字的诞生是公元 300 年后的事情。所以我们的大脑对于记忆数字来说，真的是不擅长。

既然如此，数字的普适认知力量又是从何而来的?答案是后天学习。

既然没有先天优势，当时只能是后天习得。想想小时候，或者看看周围的小朋友，除了图片绘本外，最开始学习的字符，就是数字。数字的启蒙和识别往往比其他任何字母、汉字都要来得早一些。从教小朋友数数，到认数，再到运算。数字可以说是贯穿了我们有意识的所有时间。众所周知，让一个事件，进入无意识最佳的方式，就是训练。从这个角度来说，没有什么符号，能像数字这样更早的进入现代人的潜意识了。

正是由于这种经年累月的潜意识，使得人的大脑和视觉系统在处理数字的时候，要比其他字符优先和快速得多。让我们对数字产生了简单、熟悉的无意识认知印象，这样的印象，伴随着我们对数学的逐年客观、精确印象的累积，又逐渐催生了我们对数字准确、专业、可信赖的心理印象。

说到这里，大家应该能理解数字普适而神奇的力量了吧，全是大家这么多年学习训练的结果。

下面，我们来一起看一下哪些是设计师必须掌握的数字吧。

时间常量

交互设计，设计的是用户与产品互动的行为。在互动的过程中，互动的节奏是一个非常重要的因素。

事件发生需要时间，感知事件需要时间，对感知到的事件进行反应也需要时间。日常生活中，我们常常会被产品或者研发询问：这个动效应该持续多长时间?这个 banner 应该多少秒轮换?这个任务需不需要拆分?这个时候，如果作为专业的设计师，不知道该如何回答，往往会显得有点尴尬。但如果我们能脱口而出一个合理的时间，那我们的专业性就体现出来了，所以说时间节奏是设计师必须要掌握的。

言归正传，让我们从第一个问题开始。

• 问：如果你想让用户看见一个元素，它至少要展示多长时间?
• 答：0.1s

解释：我们的大脑感知分为有意识感知和无意识感知两种。无意识感知是比较快的，但是用户自己都不认为自己感知到了，因为它在传递的过程中淹没在了路上，没来得及进入到用户的意识范畴。目前，最新的研究表明，潜意识感知需要 0.01s 以上，意识感知需要 0.05s 以上。而我们对单一元素的完整感知至少需要 0.1s。站在 UI设 计师的角度来说，每一个元素(包括出现在动态效果中的显示元素)都至少要显示 0.1 秒以上，否则用户根本就不会注意到。值得一提的是 0.1s 是感知的必要非充分条件，因为有很多的原因都会导致用户能看见却没看见。

• 问：给一个动画配置音效，声画同步的最小延迟时间是多少?
• 答：0.1s

解释：0.1s内，大脑会自动将声音和视觉信号进行「锁定」，超过 0.1s 大脑就能明显区分，从而产生声画不同步的感觉。

• 问：Gif 动画的帧率最小是多少秒/帧才能让视觉上感觉是流畅的?
• 答：0.1s

解释：流畅的动画帧率要求每秒 20 帧以上，比如电影一般是 24 帧/秒，电视一般是 25 或 30 帧/秒(中国和欧洲制式不同，所以帧率不同)。但影视对于流畅度要求是比较高的，我们在设计Gif动画的时候，很有可能只是为了做个新功能引导吸引注意力，如果再加上对素材大小的限制要求，需要牺牲一定的流畅度，那 10 帧/秒也是可以的。设计师可以根据 Gif 的内容及想要达到的目的来取值。

• 问：点击一个元素，它至少应该在多长时间内显示视觉反馈?
• 答：0.1s

解释：心理学上严格的定义是 0.14s，不过这个时间比较难记，所以我们可以简单的要求在 0.1s 内，毕竟响应度越高，用户体验越好。0.14s 的时间间隔是用户感知因果关系的最长时限，超过这个间隔，用户就不会觉得后面的反馈是他刚刚的操作引发的。

• 问：移动端页面内元素入场退场应控制在多长时间内?
• 答：0.2s

解释：根据 material design 的设计规范，对象入场一般需要 225ms 的持续时间，对象退场至少要 195ms 的持续时间。

• 问：移动端页面转场时间应控制在多长时间内?
• 答：0.3s

解释：根据 material design 的设计规范，移动端的页面转场时间一般是 0.3s，动画幅度大，运动组织复杂，可以略长，但不能超过 0.4s，否则就会让人感觉缓慢。

• 问：红包雨中的红包至少要显示多长时间，用户才可能领取到?
• 答：0.7s

解释：人对非预期事件的有目的的反应时间是 0.7s(视觉系统注意到→发起一个有意识的身体动作→运动系统执行此操作)如果一个非规律的元素出现，用户至少需要 0.7 秒的时间才能够对他进行操作。如果考虑到操作对象的大小和操作距离，根据费茨定律，这个时间还有可能会更长。

• 问：等待超过多长时间时，建议显示进度指示?
• 答：1s

（编辑：晋江门户网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!