中央视觉与周边视觉区别分析

做个小实验

在短文开始之前，请各位跟我做个简单的小实验，请先盯住下面这张图中的铁塔3s

然后闭眼回忆下，整张图在你的印象中大概是个什么样子？

我猜测，你大概率的印象会是这样的：

你会发现，被你盯着看的这部分内容，你可以很清楚的观察到它的细节，但是除此之外周边的内容，只能有个大概的轮廓或者印象。

在生理学上，将人们清楚观察事物的这部分视觉，称之为 中央视觉；而注视点周边产生模糊印象的视觉，称之为 周边视觉。

原理

产生这种现象的原因，是因为视网膜中的视锥细胞大约占据视网膜面积的1%，视锥细胞一种色觉和强光感受细胞，主要集中在中央凹中，所以在中央凹形成的视觉范围小，但是成像清晰、分辨率高，为中央视觉。大脑皮层中负责处理视觉信息的部分中有50%是用来接收来自中央凹的视觉输入。

中央凹之外的视锥细胞数量较少，且分布在视网膜剩余99%的面积中，导致这些细胞无法采集到高分辨率高清晰的成像，虽然视觉范围大，但分辨率比较低，为周边视觉。

由于无法采集到高分辨率的成像，这部分信息对于人来讲会格外模糊，所以形状、动作、颜色等元素，是周边视觉捕捉的重点。

换句话说，周边视觉主要用来感知，中央视觉主要用来认知。

周边视觉的作用

虽然周边视觉无法提供清晰的成像，但并不意味着周边视觉是毫无作用的，周边视觉的作用可以概括为以下几点：

周边视觉决定人们中央视觉下一步焦点的位置

大脑皮层的视觉中枢，可以同步处理来自中央视觉和周边视觉的信息，我们会有意识的处理来自中央视觉反馈回来的内容，但是潜意识里，通过周边视觉的观察，我们可以快速定位目标，然后移动中央视觉到对应的位置。

设计上，可以通过增强界面元素的视觉比重，来增加周边视觉对界面元素的感知，使其更容易被发现和定位。

例如：在登录的时候，想引导用户使用扫码快速登录，可以提供额外的提示，增加周边视觉对旁边提示区域的感知。

周边视觉能够更敏感的感知到运动

在进化的过程中，周围运动的物体可能是可以被捕食的食物，或者是想袭击我们的猛兽，导致了我们周边视觉对这些运动的信息有更敏感的感知。

设计上，可以运用这种方式来吸引用户的注意，使其将下一个视觉焦点移动至新的内容上。

例如：桌面端的系统消息，会从页面右上方消息的部分浮出，让用户快速感知到页面中出现了新的内容，并将关注点移动到通知内容上。

周边视觉能够帮我们快速认知当前的环境/场景

相比于中央视觉能够识别具体的内容，周边视觉更容易感知到视野范围内的形状、结构或者布局，并根据感知到内容和原有的印象，来判断当前所处的环境或场景。同样，在产品的使用上，人们经常只扫一眼周边视觉区域便以此判断整个页面的内容。

在设计上，我们可以借助有规律的页面结构或者布局，更容易让用户通过周边视觉的快速感知，来辨认自己所在页面的内容。

例如：对于对象管理类的场景，我们经常使用表格视图，而数据展示类的场景，我们经常使用卡片视图。

总结

我们可以利用周边视觉感知能力强的特点，在设计的过程中用动画、颜色、结构等方式，来引导用户的视觉焦点，固化用户对于产品的感知。同时也需要慎重，不要因为这些元素的过度引入，而过分的干扰到用户本身的主要任务。