浅谈平面设计师必备的视觉层次指南

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:DATS设计翻译组

关键词

你的设计工具箱里有什么?

确保你的设计作品能够尽可能有效地传播,你要展示出作品的所有内容——即使是那些被遗忘的艺术课程概念,比如色彩理论和成分组成——要有策略的运用它们,而不是只坚持你自己喜欢的那几个或赶流行的技巧。

浅谈平面设计师必备的视觉层次指南

这就是视觉层次结构:使用你设计工具箱中的所有资源——颜色、对比、字体、间距、和其他基本原则——来组成和优化你的作品内容。

浅谈平面设计师必备的视觉层次指南

视觉层次结构的一个最重要的功能是帮助作品建立一个焦点,当观众开始浏览你设计作品时给他们一个入口点,并且让他们能够看到你要展示的最重要的信息在哪里。

我们回顾一些不同的方式,通过突出我们的设计素,来创建一个清晰的具备焦点和动态的视觉层次:

1.使用大小来加强(或削弱)可见性

你有没有听过“会哭的孩子有奶吃”?换言之:最大的设计素最吸引眼球。扩大一个对象的大小(其尺寸)和规模(它与其他对象的大小关系)是提高它视觉重要性最简单直接的方法。

这里,Erin Lancaster通过增大设计元素使传播主题立马变得清晰,这包括同时增大夹页排版和使用大幅照片等方法。

浅谈平面设计师必备的视觉层次指南

Erin Lancaster

另一方面,一些设计元素没那么重要或者你想把它弱化,可以通过减小它的大小来使它不那么明显,以此来降低它的视觉层次。

就像任何的设计准则一样,平衡和适度都是关键。一个太大的视觉焦点会毁掉一个设计,而一个太小的次要信息则会损害其可用性。]

2.色彩和对比度:对观众注意力直接的吸引

在视觉上最能引起我们注意的就是色彩,特别是当它被有意图地用在特别重要的信息传达或者图像当中。比如像红色或者黄色这样明亮的色彩,,不管它是出现在道路两旁的交通标志上还是挂在当地咖啡馆门头上的招牌上,我们都很难不去注意到它。

浅谈平面设计师必备的视觉层次指南

99U

然而,如果你想把彩虹当中出现的所有颜色都用于设计中,当你忽略其中任何一种颜色都有可能影响视觉层次的构建。这也是我们提倡带使用尽可能少的颜色并且带有目的性的使用它的关键原理所在。

从另一个角度来说,在色彩和对比度的设计上,也有很多创造性的方法可以应用于引导观众的视线,包括:

色温:色彩可以是冷的(就像蓝色和绿色),暖的(例如红色、橘色和黄色),也可以是中性的(比如黑色、白色、灰色,有些时候出现的棕色或米色)。色温的混搭,特别是出现高对比度的时候,能够产生很大的视觉吸引力。

这份由设计工作室Zee设计的剧场海报,融合了生动跳跃的暖调橘色和明亮的冷调蓝色,使用这样引人注目的撞色,强化了色温的对比度,这样的色彩搭配就产生了非常有趣的视觉效果。

浅谈平面设计师必备的视觉层次指南

Zee

维持在一个色相可以更好的帮助设计进行视觉上的衔接。比如Keith Johnson的传单和网页横幅特征就不是创建视觉重点,而是用了相近的颜色来统一设计。

浅谈平面设计师必备的视觉层次指南

Keith Johnson

色值:颜色的色值指的展示为颜色的亮或暗。像色温一样,不同色值的颜色可以通过互相搭配,产生戏剧性的效果,而相似的色值的颜色则会有更均等的视觉重量。

 收藏