视觉层次结构对于良好的网页设计至关重要。 这是使您的网站有(yǒu)效实现其目标的主要原则之一。 视觉层次结构背后有(yǒu)许多(duō)理(lǐ)论，这些理(lǐ)论也非常重要，因此需要大量研究和工作才能(néng)理(lǐ)解其工作原理(lǐ)和原因。 知道它可(kě)以帮助您使用(yòng)它。

网页设计

  1.设计是交流的一种形式

  设计的核心是一种视觉传达形式。 这是关于通过视觉媒體(tǐ)与他(tā)人交流想法。 所有(yǒu)形式的设计都是如此。 信息产业设计學(xué)院的网页设计尤其如此。 由于人们实际上是视觉思想家，因此许多(duō)信息无法很(hěn)好地传达。 我们不只是处理(lǐ)数据。 人们不仅看到事物(wù)。 取而代之的是，人类根据“视觉关系”来组织他(tā)们所看到的东西。

  2.视觉等级制度的兴起

  我们為(wèi)什么从关系的角度将自己视為(wèi)研究。 人类學(xué)家认為(wèi)，狩猎和收集历史遗迹有(yǒu)助于我们的遠(yuǎn)古祖先生存。 一种实用(yòng)的，學(xué)术性较低的方法是，这只是我们的大脑了解信息的一种方法。 我们将相似的元素组合在一起，并将它们组织成有(yǒu)意义的模式，我们可(kě)以简单地使用(yòng)它们。 无论您如何看待人脑使用(yòng)的视觉层次结构，它都是一种传达我们组织和使用(yòng)的信息的非常有(yǒu)效的方式。

  3.视觉层次结构工具

  既然您已经了解了视觉层次结构是用(yòng)于传达信息的有(yǒu)用(yòng)工具，那么如何作為(wèi)Web设计人员来创建它呢(ne)？ 实现它的工具非常简单易學(xué)。 您需要做的就是弄清楚如何使用(yòng)它们。

  尺寸

  本质上，较大的对象在大喊。 他(tā)们要求人们更多(duō)地关注他(tā)们。 在视觉上，观看者的眼睛自然会被更大的物(wù)體(tǐ)吸引。 这是可(kě)用(yòng)于可(kě)视化组织的最强大的工具之一。 将大小(xiǎo)与重要性相关联。 通常，最大的元素应该是最重要的，而最小(xiǎo)的元素通常是最不重要的。

  颜色

  颜色既是一种组织工具，也是在网页设计中增加个性的一种方式。 粗體(tǐ)和对比色需要观看者的注意力和焦点。 最适合用(yòng)于按钮和超链接。 作為(wèi)增加个性的工具，您可(kě)以以更复杂的方式使用(yòng)颜色。 有(yǒu)趣，明亮的色彩可(kě)以使页面令人兴奋，同时声称色彩可(kě)以营造出舒缓的感觉。 颜色非常重要。 它可(kě)以传达品牌（即百事可(kě)乐蓝色，麦当劳黄色）或可(kě)以用(yòng)作符号（即热情的红色）。 您甚至可(kě)以应用(yòng)颜色作為(wèi)对视觉层次结构中的信息进行分(fēn)类的一种方式。

字形

  当您想创建视觉层次时，选择适合您设计的字體(tǐ)很(hěn)重要。 不仅字體(tǐ)本身很(hěn)重要，而且字體(tǐ)的使用(yòng)方式也很(hěn)重要。 您使用(yòng)的重量和样式与放置它们的网站區(qū)域一样重要。 要组织重要内容，请尝试使用(yòng)各种字體(tǐ)大小(xiǎo)和粗细。 在某些情况下，斜體(tǐ)也可(kě)以达到目的。 您可(kě)以使用(yòng)各种大小(xiǎo)，粗细和间距的文(wén)本在网站上创建字體(tǐ)层次结构。 网站上是否使用(yòng)单个字體(tǐ)都没关系。 通过使用(yòng)尺寸和重量的变化，您不仅可(kě)以吸引人们对更重要元素的关注，还可(kě)以创建一个整體(tǐ)结构以使访问者易于阅读和理(lǐ)解。

  空格处

  在仔细使用(yòng)视觉层次结构的所有(yǒu)步骤中，请确保保留空白。 您需要给内容提供喘息的空间。 负空间是视觉设计的重要组成部分(fēn)。 空间的定义与积极利用(yòng)空间同等重要。 通常将空白简单地定义為(wèi)“页面上各种内容之间的空间”，但是这种额外的空间并不总是白色的，这导致更多(duō)的人称其為(wèi)“负空间”。 空白本质上使您能(néng)够确定所构建的网站的哪些特定功能(néng)应比其他(tā)功能(néng)更好。 由于这种欢迎布局，访问者更有(yǒu)可(kě)能(néng)在网站上停留更長(cháng)的时间。 空间给您带来清新(xīn)的感觉，同时也突出了重要元素。 太多(duō)的拥挤和混乱将驱散观众，因為(wèi)他(tā)们不了解什么才是真正重要的。

  人眼和扫描模式

  人眼以可(kě)预测的方式工作。 它们将自动吸引某些兴趣点。 其中一些确实取决于个人，但是大多(duō)数人会遵循特定的，可(kě)预测的趋势，即他(tā)们如何查看包括网站在内的所有(yǒu)内容。

  F模式

  这是大多(duō)数人用(yòng)于博客或Wiki等文(wén)本丰富的网站的扫描模式。 阅读器首先扫描页面左侧的垂直線(xiàn)，以找到该段落的前几个句子中的关键字或其他(tā)兴趣点。 读者一旦发现有(yǒu)趣的东西，便开始以水平線(xiàn)正常阅读文(wén)本。 整體(tǐ)模式类似于字母F（或E）。

  Z型

  此扫描模式用(yòng)于不在文(wén)本中心的页面。 阅读器首先扫描页面顶部的水平線(xiàn)。 这通常是由于菜单栏的缘故，但这也是从左到右阅读的习惯。 一旦眼睛到达水平線(xiàn)的末端，它将向左和向左移动，从左向右移动另一个阅读习惯，然后重新(xīn)开始。 该模式类似于字母Z。这是在网站的可(kě)视层次结构中使用(yòng)的有(yǒu)用(yòng)模型。 它符合许多(duō)基本的网站设计要求：号召性用(yòng)语，视觉层次结构和品牌。 对于那些简单性是首要任務(wù)，号召性用(yòng)语是页面主要目的的时代，这确实非常重要。 它為(wèi)简单的网站带来了秩序感。 但是，复杂的内容在Z模式下不能(néng)很(hěn)好地工作，而F模式可(kě)能(néng)是更好的选择。