设计师视觉层次结构初学者指南
已发表: 2018-11-07如果您是一名平面设计师、网页设计师，或者如果您从事视觉工作，那么您可能已经在创建新文档或产品时开发了您的流程。 无论您是否以这种方式引用它，开始一个新项目的基本任务之一就是为该作品提出一种视觉层次结构——视觉分解中所有元素或部分的布局。 创作一个新的视觉作品总是要考虑布局和构图——事情的去向、排列方式和顺序。 您可以将层次结构视为设计项目中基本元素列表的框架，以便最重要的事物呈现在创作的顶部。
创建层次结构很重要，因为它可以帮助您在正确的时间将注意力集中在正确的事情上。 层次结构是一种合理的方式，通过在其结构中提供组织并帮助查看者导航来显示元素的相对本质。 您将能够知道哪些信息先于其他信息； 您将准确地知道应该首先阅读什么。 你也会知道你应该更关注哪个部分。
我们创造的一切都应该有一个层次结构——即使是我们在学校写的论文或我们为我们的企业向投资者提交的报告。 但是，在设计中，层次结构并不仅限于文本。 例如，当您浏览一个设计正确的网站时，您会发现层次结构用于帮助构建页面。 从导航横幅大小到图标、简介和英雄形象。 因此，当您的内容人员或撰稿人忙着从最重要到最不重要的元素讲述网站的故事时，您——作为设计师——应该创建一个匹配的视觉层次结构。
视觉层次结构建立了一个焦点，使您的观众更加舒适和协调，通过您的设计并将他们引导到最重要的信息所在的位置 - 并在那里引起他们的注意。 如果您期待扩展您对视觉层次结构的了解以建立您的设计事业，那么您来对地方了。 本文将带您了解一些需要考虑的事项，以便您可以创建适当的视觉层次结构。
使用尺寸为您的优势
作为平面设计师，您可以通过减少或增加各种元素来增强可见性，从而发挥您的优势。 较大的设计元素会引起更多关注，因此应保留给最重要、有趣或介绍性的元素。 扩大对象的尺寸和相对于其他对象的大小（比例）是赋予您的设计视觉层次和组织的高效方法之一。 那些不重要或不重视最重要的文本线索的设计元素可以缩小尺寸，使它们不像那些具有重要意义的元素那样明显。 这些类型的设计元素属于视觉层次结构的低点。
做出明智的颜色选择
在创建层次结构时要关注的另一件重要事情是颜色和对比度。 人类在视觉上会被颜色所吸引，尤其是当颜色以一种策略性的方式应用来显示重要的图像或信息时。 当这个信息有一些与颜色相关的组织时，一个人很有可能会浏览一个网站并深入阅读。 这就是为什么数据驱动的图形和图表通常采用颜色编码以获得更好的可见性和可读性。 黄色和红色等颜色传达重要性和紧迫性，而蓝色和绿色等颜色传达稳定和平静。 但是，您应该注意不要用彩虹的所有颜色浸透您的设计，因为它可能会产生负面影响或分散信息的注意力。 巧妙而有目的地使用颜色，您会发现它们可以很好地转化为产品的整体视觉影响。
明智地考虑排版
要考虑的另一个因素是您决定使用的字体类型以及每种字体的大小。 有多种字体可供选择，因此您的工作是确保您选择的字体是最好的，并带出任何产品的信息。 传统上，据说标题和标题应该使用无衬线或显示字体，并且复制字体应该仅归为衬线字体。 随着世界的变化，这种情况正在发生变化，但作为一般规则，字体越大，副本就越引人注目。 通常，文案仍以大纲格式排列，其中顶部标题最大，较小的子标题中等大小，一般正文最小。 这不是关于设计的趋势或期望，而是关于可读性和人类的扫描倾向。
最重要的设计元素应该使用能引起注意的字体——但始终保持清晰。 如果读者无法理解所写的内容，注意力将毫无用处。 很多时候，字体选择是在没有查看每个字母的表现的情况下做出的。 有时，这甚至会导致一个品牌的失礼，该品牌打算写一个词，但其字体使该词看起来不正确或更糟，不合适。
完成了上面给出的提示后，您现在可以创建视觉层次结构了。 考虑到这是一本初学者指南，本文中的所有要点都经过了彻底的研究，以帮助您第一次提出最佳的视觉层次结构并轻松完成。 了解您的视觉层次结构是否有效的一种简单方法是大声朗读文章中的所有语言。 是否有部分要求您改变声音或强调？ 这些是吸引大部分注意力的人。 对于没有大量文本的项目，眯着眼睛或从远处看，注意你的眼睛是在哪里画的——理想情况下，那个区域将是你产品的焦点。 如果您被不太重要的复制或视觉元素所吸引，那么您可能已经构建了一些过于分散注意力的东西，您可以将其用作衡量标准，以便在项目完成之前对其进行更改。