视觉层次结构为我们的界面提供秩序

niloyislam51seo

我们如何安排网络界面的元素来帮助我们的用户？这个问题经常在各种场合重复出现，因此我们必须建立一系列变量，根据内容的重要性来构建内容。

九个有序的圆圈，其中一个根据其大小而突出，其中最大的一个被突出显示。
界面设计中的视觉层次结构是指根据屏幕元素的重要性和自然程度的顺序分布屏幕元素的原则，以使内容更易于理解、更少歧义和更直接。为了更清楚地说明这一点，让我们看一下以下文本示例：

举例说明视觉层次结构的文本左边的表格对应的是没 南非手机号码列表 有层次结构的散文文本，而右边的图像对应的是相同的文字，但顺序清晰，这有助于我们更好地输入语句及其内容。

当构图具有良好的视觉层次时，眨眼几毫秒就足以获得中心主题的第一幅图像。这是如何运作的为了设计这种友好的结构，设计师必须利用沟通和视觉语法的资源来寻求构图的平衡，这些资源是

尺寸这可能很明显，但记住最大的元素永远是最重要的，也是我们最希望从其他元素中脱颖而出的元素，这并没有什么坏处。



颜色创造良好的色彩对比度是引导用户视线的好方法。我们经常可以看到应用程序如何使用与其他元素相比脱颖而出的颜色来突出显示其号召性用语。

结盟对于人眼来说，对齐的元素具有相似的特征。错位元素是强调和突出显示组中某个对象的一种方法。

重复在整个构图中保持视觉连贯性强化了这样的想法，即重复的元素保持相同的重要性水平，并且由于它们是相对相同的元素，因此给人的印象是内容是相关的。

接近疏远元素或元素组使我们能够创造关联和差异。元素越接近，通常意味着它们一定是相关的。如果距离较远，则说明他们可能没有血缘关系。简而言之，邻近性创建了这些关系并为信息提供了组织和层次结构。

空格处在物品周围保持空间可以吸引人们的注意力。这个理论非常简单。如果你在一张白纸的中间放置一个黑点，眼睛会自动转向中心。如果您想更深入地研究这一点，这里有一篇关于UX 中的负空间的文章。