加入收藏 | 设为首页 | 会员中心 | 我要投稿 辽源站长网 (https://www.0437zz.com/)- 云专线、云连接、智能数据、边缘计算、数据安全!
当前位置: 首页 > 站长资讯 > 评论 > 正文

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

发布时间:2019-06-26 13:26:13 所属栏目:评论 来源:合颜悦设
导读:作为设计师,在传达我们的设计理念,呈现设计方案时,经常会援引一些设计原则和设计方法,以此来彰显我们设计推导过程及方案的严谨性和合理性。那么除了这些设计原则之外,还有什么是可以辅助我们彰显专业性的工具呢? 今天,我将给大家介绍另一类设计表达
副标题[/!--empirenews.page--]

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

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

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

△ 设计师最常用的时间常量+数字法则

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

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

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

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

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

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

△ 数字给人的认知印象和心理印象

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

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

时间常量

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

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

(编辑:辽源站长网)

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

推荐文章
    热点阅读