作者：CAMERON CHAPMAN
原文地址：https://www.toptal.com/designers/ux/visual-hierarchy-infographic
互联网几乎让人们只需按几下键就可以访问任何信息。但在实践中，这既是一种祝福也是一种诅咒——由于糟糕的设计，许多可用的信息难以吸收。
最大、最有害的信息设计违规也是最容易理解和修复的违规之一：视觉层次结构。
视觉层次结构是信息在设计中的结构和优先级的方式。诸如标题如何被赋予比标题或正文更多的视觉权重是排版设计层次结构的一个例子。但设计师还可以通过其他方式呈现视觉层次结构。
视觉层次的最基本规则来自设计的格式塔原则。这些关于设计以及个人如何看待设计元素的基本心理学理论构成了创建视觉层次结构的基础。这些原则包括对称性、闭合性、相似性、接近性等。
为什么视觉层次结构很重要
在最基本的层面上，视觉层次结构引导一个人浏览所呈现的内容。它向他们指示最重要的内容，如何将这些内容组织到相关的部分或类别中，以及他们应该首先关注哪些内容。无论内容是文本、图像、视频还是其他内容，都是如此。
信息理解是视觉层次结构的另一个重要功能。通过在内容片段之间创建视觉关系，查看内容的人可以获得有关如何解释信息的线索。
通过增加对所呈现信息的理解和引导，可以强化设计所呈现的信息。如果没有视觉层次结构，一切都会显得杂乱无章。
但是了解视觉层次结构的重要性和了解如何实际创建它是不同的事情。此信息图介绍了在设计中创建层次结构的基本方法，例如大小和比例，印刷层次结构，重复，引伸线和平衡之类的概念，以及在实践中展示它们的示例。
理解和实施这些原则使UX 设计师在创建具有说服力的设计方面具有优势，这些设计传达必要的信息，同时创造令人愉悦的用户体验。
将此信息图嵌入网站。
