五大原则有效构建视觉层次

五大原则有效构建视觉层次_meitu_7_meitu_2

等级制度对于皇室而言意义重大,同样在视觉流程中,层次起着不可或缺的作用。

层次能为设计添加次序,并确保一眼就能看到最重要的元素。

当你使用多种图形元素(如字体,图像,颜色和形状或图标)时,应用层次结构是一项重要技能,可以让他人清晰简洁地获取设计信息。

在这里,我们将探讨视觉层次设计的五个有效原则。 想要将这些提示应用于你的设计? 不如尝试一下本文末尾的交互式教程。

01.标题,副标题和正文从大到小排列

这些元素是排版界三剑客。字体从大到小排列,能使人们自然循序渐进地阅读文本内容。

标题是观众注意到的第一目标,所以要确保标题足够显目。这可以通过使用最大号字号和醒目字体得以实现。副标题则因将就标题使用较小的字号。

正文部分的字号应该最小,且要求清晰易读。避免将文本设置成复杂的手写体或大写,因为它会对阅读者的眼睛造成压力,并使整个文本难以阅读。

02.增大图标以反映其重要性

请记住最重要的对象所占空间越大。元素大小的增加,反映视觉重要性的增强。

增大图标让其作为“唤起行动”的标志。图标的相关度越高,效果越佳。

03.使用颜色作为视觉亮点

色彩不仅唤起情感,还能在一定程度上区分对象是否重要。

重要特征运用明亮,大胆的颜色能凸显这一特征并吸引眼球,使其成为你设计中视线焦点。

在这个例子中,拾色器将单词“Sunshine”的文本颜色与背景图中花朵充满活力的黄色搭配起来。注意看它是如何利用这一点使“Sunshine”在全篇脱颖而出并成为整幅设计的主导特征的。

04.使用多种字体

大多数字体都采用不同的样式,例如粗体和斜体,这在设计中创建层次结构时尤其有用。

值得一提的是类似“sale”或是“attention”等单词,用与众不同的字体排版极为有效。

05.利用网格给图片排序

利用网格设计层次结构是以重要程度展示图片或是创建视觉叙事的绝佳方式。你可以在较大的网格放置较重要的图片,而不那么重要的图片就放在次大的网格中,由此实现层次设计。

为实现视觉一致性,别忘了给所有照片加上相同的滤镜,也可以使用我们的预设功能。或是使用高级滑块来自创。

层次结构能够保证人们一眼看到最重要的元素,以此创建设计阅览的先后顺序。将这些技巧付诸实践吧——通过完成下面的交互式教程来检测你学到的新知识!