深度解析圆角矩形成为设计流行趋势背后的含义

这里有个相通点，即虚拟图形依附于视觉而存在。人眼在接收图形信息时，对圆角矩形的认知会优于直角矩形。因为人眼结构中辨识力最强的部位，会优先识别图形的视觉中心。而圆角与直角矩形的区别就在于内容速度的识别差异。

之所以存在这样的差异，主要是因为图形存在视觉引导的作用。圆角因为其平滑的四边，将用户的视线过渡到图形中心，而直角矩形因为尖锐的特性，导致人眼在图形识别上容易发散。因此，在图形元素的选择上，为了让用户聚焦，圆角则获得了设计师的青睐。

所以之后在其它设计系统与设备上，更多圆角类图形也被投入使用。尤其是在各类 App 与网页设计中，圆角矩形更是被广泛应用于头像、按钮等元素上。

头像与按钮的圆角含义

随着互联网产品的普及，人们对于产品界面的审美意识与体验意识逐渐提高，界面的视觉呈现也成了互联网公司所重视的对象。头像作为产品界面中用于身份信息识别的主要元素，一直是用户以及设计师最为关注的内容之一。

因此，头像外框形状的选择则要尤其谨慎。当中最为常见的主要就是两类：圆形、圆角矩形。所以在进行选择时，设计师除了针对于两类图形依附于界面本身的视觉效果外，还需整体考量图形与界面元素的融合程度进行综合分析。至于直角矩形，目前很少会见到其用于头像的设计上。

以圆形的表现形式而言，其周围没有任何节点与棱角，给人以灵动、均衡、平滑、优美的感受，通常会在带有设计感或内容元素较为丰富的产品上出现，如 ins、微博、知乎等。相比圆形而言，棱角尖锐的直角矩形给以人沉着、冷静、拘谨、冰冷的感受，所以很少产品会将其作为展示型头像开放给用户使用。而圆角矩形正好中和了这两者的气质，也成了很多产品选其作为头像的原因。通常这类头像会出现在设计较为简约的界面上，如微信首页的用户头像。

无论是圆形头像，还是圆角矩形头像，其最终目的无非是身份识别以及彰显个性。上节聊过，圆角在识别上会引导用户倾向于图形的视觉中心，而头像作为辨识身份的信息，并不需要仔细审视，只需要快速识别即可。所以只有在点击用户头像时，才会以矩形形式完整呈现。

这里有一个点是，当圆角矩形以头像形式出现在界面中时，通常是以小图的方式呈现。因此，当小图集中于元素复杂的界面中时，圆角矩形牺牲了构图结构，省略了四边内容背景反而成为了优势，信息与细节明显少于直角矩形，以至于在界面上帮助用户更快识别头像内容，判断图形有用信息。

所以在头像的形状选择上，圆角矩形的优势会明显高于其他图形。而圆形与圆角矩形的差异就是上述提到的，要根据界面元素的丰富性、设计感等因素进行抉择。

但是这里还有个思考点，就留个各位自己思考了。如果仔细观察各类产品，去寻找圆形头像与圆角矩形头像的区别，那么在头像尺寸上，也可以看到一些秘密。

原本我还想再以按钮为例解读圆角直角的差异，不过仔细回顾内容之后自认为已经非常详细，相信各位自己也能去做好分析，所以就不增长篇幅了。有兴趣的同学，可以自己做一波分析。

小结

简单总结一下上面的内容：

• 第一节讲解了圆角矩形在设计上成为流行趋势的背景；

• 第二节告诉各位圆角矩形在信息传递上的优势；

• 第三节以头像为例将前面的知识点落地分析。

最后只是想说，圆角本身只是一个很小的元素，就像其他设计理论、方法一样，我们可以忽视它背后的理论，但作为设计师，对于这些细节的追求应该是持续且专注的。

谢谢阅读：）

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/