周边视觉决定中央视觉观察的位置

人有两种视觉，中央视觉和周边视觉

中央视觉用来直视事物观察细节，而周边视觉则展现视野中的其他区域，也就是人眼能看到的周边区域。人可以用眼睛的余光观察事物，人对场景的认知来自周边视觉。有驾车经验的小伙伴应该会有这样的感受，在开车的时候眼睛是看着行驶方向的远处，这里的远处其实是中央视觉，对前方的路况会观察的比较仔细，而周边的环境在视野中其实是模糊的，我们的眼睛是时刻在采集道路信息的，只要周边环境有异动或危险情况，我们就会通过眼睛把路况传递给大脑，大脑就会指挥脑袋转向有特殊路况的方向，同时眼睛的注意力也会移动到特殊路况上。整个过程其实是周边视觉转变成中央视觉的一个过程。

 

人对场景的认知来自周边视觉

如上图，只有中央视觉，周边视觉被遮住了，我们可以认为这个场景是卧室，也可以认为是客厅；而右图只留周边视觉，遮挡了中央视觉，即使我们不知道图像中间是什么，但我们还是能够准确的判断出这是一个客厅场景。对于识别具体物体来说，中央视觉是最重要的，但对于认知整体场景而言，周边视觉更为关键。

周边视觉决定中央视觉观察的位置

周边视觉和中央视觉的一个差别就在于周边视觉放弃了对图像细节的关注，以便获得对图像的整体印象，为了使图像信息处理的速度更快，范围更大，周边视觉给大脑提供的是一个更广阔的图景，这个图景有点像一张分辨率相当低的图像，并且越到边缘就越模糊。

如上图，头部得banner吸引了你的注意力，你就会移动头部和视线，从而让头部banner进入中央视觉，但是接下来你的头和眼睛将去哪个位置？

此时虽然我们的中央视觉停留在头部banner上，但是通过周边视觉信息的采样，我们会发现左边的头像和右下角的一块黄色图标在下面的整体元素中显得很突出，然后这个头像和黄色图标就会吸引我们的注意力，我们的头和视线就会跳过中间的内容，直接移动到相应的位置。

设计时要同时考虑中央视觉和周边视觉

我们平时主要是根据中央视觉的需要设计作品，毕竟原型稿也不会给到周边视觉的一些设计要求，但设计师可以通过对项目的前期调研，提取一些项目相关的元素作进行周边视觉设计，周边视觉是的设计不宜太过复杂，我们可以在设计的时候尝试使用自己的周边视觉简单测试，首先选择设计作品中希望用户用中央视觉观察的一个地方，比如网页的导航栏。用自己的中央视觉注释导航栏，同时看看能否对网页上的其他内容有一个大概的框架信息印象，通过周边视觉的观察是能够看到网页的信息层级的，如果无法分辨信息成级，那么我们是否可以考虑简化设计，提炼关键信息点进行重新设计。层次分明的信息框架，其实也是对中央视觉的引导有着重要作用。因为周边视觉决定着中央视觉接着会看哪个地方，所以有必要留意在中央视觉注视页面某些部分的同时，人们会通过周边视觉看到些什么。

上图光看中间的内容大家可能一眼不太明白这是个什么网站，是干什么的，但是对周边视觉放置了一些筹码，骰子等元素后，大家就会联想到这可能是个博彩网站，玩法可能跟掷骰子相关。

启示：

1.人们看屏幕时经常只要扫一眼周边视觉区域就能判断整个页面的内容

2.周边视觉决定中央视觉观察的位置

3.小屏设计时，作品可以包含更多细节，因为大部分屏幕处在中央视觉区域

4.大屏设计时，应简化设计，减少一些细节内容

注：本文通过阅读《设计师要懂心理学》结合自己工作中的应用而总结。