潍坊网站建设公司分享费茨定律在网页中如何应用的（费茨定律交互设计）

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

潍坊网站建设公司分享费茨定律在网页中如何应用的（费茨定律交互设计）

的小常识：

费茨定律（Fitts'sLaw），是保罗·费茨在1954年发布的，这个名词对很多人来说非常陌生。该定律指的是：使用指点设备到达一个目标的时间同以下两个因素有关：

2.目标的大小(S)。目标越大，所用时间越短。

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

通过上面的讲述，我们对费茨定律有了初步的认识，下面谈谈费茨定律在网页设计

1.扩大超链接点击区域。在超链接周围添加多余的空白区域，使鼠标点击时有一个缓冲调整区域，缩短指向点击目标的调整时间。比如分页导航链接，每个分页序号一般只包括一个细小的阿拉伯数字，排列在一起形成较小的间隙，浏览者很难快速准确地移动到每个阿拉伯数字上，出错机率增大。可以通过在每个阿拉伯数字链接序号周围添加上多余的空间，扩大目标的点击范围，来降底鼠标移动到目标链接时的调整时间。

从这两幅图可以看出，百度应用了费茨定律，其搜索结果页的分页效果设计得要比google的方便易用省时。

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

上图是腾讯微信下载页面的一小部份截图，从页面功能来看，浏览者进入此页面的目的是下载微信。下载按扭是浏览者想点击的目标，因些做得比别的元素要大，要显眼。在起到易于辩识同时节省了用户鼠标移到按扭上微调所需的时间。

4.鼠标移至点击目标时放大点击目标。当鼠标即将移动到目标而准备进行微调时，由于点击目标自动放大，微调的必要性大大减少甚至有时无须再进行微调。如下图中的设计：