南京网站建设公司分享费茨定律在网页中如何应用的

任何一个一个职业都有自己的技术要求，很多人说做设计的更多的靠灵感，靠思维方式，其实里面也有很多的规律或者说一个方法，今天我们就说说费茨定律在网页设计中是起到了什么样子的作用吧！相比说到费茨定律不是所有人都知道，即使你是一个做本行的人，没有经过深入的学习与探索可能也不知道这个定律，我们今天在说这个定律在网页中是如何应用的就要先普及一下网站建设的小常识：

　　费茨定律（Fitts's Law），是保罗·费茨在1954年发布的，这个名词对很多人来说非常陌生。该定律指的是：使用指点设备到达一个目标的时间同以下两个因素有关：
　　1.设备当前位置和目标位置的距离(D)。距离越长，所用时间越长;
　　2.目标的大小(S)。目标越大，所用时间越短。
　　该定律可用以下公式表示：t = a + b log2 (D / S + 1)

　　其中a，b是经验参数，它们依赖于具体的指点设备的物理特性，以及操作人员和环境等因素。

　　该定律经常运用于鼠标从点A到点B的运动。比如，以一个更有效的途径使可接近性更大和提高点击率去放置内容，这个定律便显得重要。我们可以这样来理解：从指点位置到目标位置之间的距离越大，有效地移动到目标位置所需时间就越长。与此同时，还与目标位置大小有关，目标位置越小，所需时间就越长。因为目标位置大小会限制移动的速度，类似物体具有惯性一样，目标位置小，移动速度越快，到达目标位置就越难停住，所以需要提前减速。目标位置越小，越需提早减速，整个过程所需时间就越长。　　

　　通过上面的讲述，我们对费茨定律有了初步的认识，下面谈谈费茨定律在网页设计中的应用。
　　1.扩大超链接点击区域。在超链接周围添加多余的空白区域，使鼠标点击时有一个缓冲调整区域，缩短指向点击目标的调整时间。比如分页导航链接，每个分页序号一般只包括一个细小的阿拉伯数字，排列在一起形成较小的间隙，浏览者很难快速准确地移动到每个阿拉伯数字上，出错机率增大。可以通过在每个阿拉伯数字链接序号周围添加上多余的空间，扩大目标的点击范围，来降底鼠标移动到目标链接时的调整时间。
　　举个例子，下面分别是google和百度搜索结果页的分页效果图：

　　从这两幅图可以看出，百度应用了费茨定律，其搜索结果页的分页效果设计得要比google的方便易用省时。
　　再比如一些导航，当鼠标移上去时点击目标背景图自动放大，同样也是应用了此原理。

　　2.把用户想要点击的或需要引导用户点击的目标放大。

　　上图是腾讯微信下载页面的一小部份截图，从页面功能来看，浏览者进入此页面的目的是下载微信。下载按扭是浏览者想点击的目标，因些做得比别的元素要大，要显眼。在起到易于辩识同时节省了用户鼠标移到按扭上微调所需的时间。
　　3.将相关性点击目标尽量彼此靠近放在一起。相关性点击目标间移动的频率相对较高，让它们彼此靠近，减小了他们之间移动的距离，同时减少无需大福度位移而在它们之间移动微调的必要性。
　　4.鼠标移至点击目标时放大点击目标。当鼠标即将移动到目标而准备进行微调时，由于点击目标自动放大，微调的必要性大大减少甚至有时无须再进行微调。如下图中的设计：