如何建立视觉层次结构

经过玛格丽特·帕尼|2017年2月16日

任何成功设计的一个基本要素就是它具有清晰的视觉层次结构。可视层次结构可以定义为设计中元素的排列,使得元件之间存在差异,并且差异具有一种视觉阶。

Visual Shierarchy使设计出现更良好组织和美学上吸引力并提高信息设计。具有清晰的视觉层次结构的设计简单地更容易理解。设计中最重要的信息通常更大,更大胆,使其跳下页面,而较少的重要细节较小,呈不同类型的样式。

当设计者开始时,就会考虑如何建立视觉层次结构,考虑到设计中有这么多的字体样式和选项,可以令人困惑地令人困惑。如果遵循这些基本规则,视觉层次结构实际上并不难以创建。

对比

采用对比度通过使用差别不同的印刷方式来区分设计中的区域。如果信息密切相关,设计人员可以使用不同的相同字体的不同风格来创造一些差异,但不是太多。

2.规模

Scale是建立视觉层次结构的最简单方法。设计人员使用比例来给出头条新闻,并使脚注在设计中取出。

国家剧院公司使用对比度和比例来区分不同的信息类型。

3.颜色

颜色可以清楚地区分信息区域并具有很大的效果,但是一个人应该仔细使用它。颜色太多可以快速使设计出现凌乱。错误的颜色可能具有太多的视觉冲击,还是不够的。使用颜色时,使用颜色理论很重要。

4.空间

设计中的白色空间分离信息区域并清楚地明确表示不同而无关。同时,彼此接近的分组元素将那些信息单元彼此区分。

这个想法的一个很好的例子是,如果你正在设计一个事件的邀请,你将在所有似然小组中闭合在一起,因为人们想要知道这两个信息,以便知道活动何时是。

使用可视化层次结构,您可以以直观的方式使用空间来建立设计中不同信息之间的关系。

充足的空间也用于区分设计中的区域。

5.对齐

您还可以使用对齐来在元素之间创建连续性。左侧,右侧或甚至沿对角线对齐的元素看起来更相关。人眼无意识地识别和遵循线条,并在设计中创建视觉“线路”直观地连接这些信息区域。

Margaret Penney是关于设计附注的管理编辑。玛格丽特是一名教师,设计师,作家和新媒体艺术家和创始人你好Creative Co.

如果您有兴趣开发您的图形设计技能,会议学院提供一系列图形设计课程对于各级学生。接触招生了解更多信息。

这款博客由课程学院供电,是在线视觉艺术的领先的在线学校。

点头通讯

使用我们的月度通讯增强您的收件箱。

NOD - MC.
送