掌握这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
• 

事件发生需要时间，感知事件需要时间，对感知到的事件进行反应也需要时间。日常生活中，我们常常会被产品或者研发询问：这个动效应该持续多长时间?这个 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

（编辑：常州站长网）

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