如何让你的作品更有层次感:在设计中使用视重

小编:在工作中,有没有遇到想要突出某个元素做为重点,却不知道如何做?这时候你就需要开始考虑画面中的视觉重心了。每一个要素都发挥着它该有的视觉的力量去吸引用户的眼睛。这个力量越大,它吸引的目光就越多。我们把这个力称作:视觉重量。如果想让你的作品变得流畅、平衡、有节奏感和层次感,那它就很重要了。

视重是使设计元素改变轻重的一种概念。即一种物体,即便是在一个二维平面也能看起来比其他的要重。这个概念很强大,它使得我们的设计能营造出视觉层级,和对称、平衡以及和谐的设计氛围。倘若它在关键位置使用,那么还能够帮助我们引导观众的注意力到我们希望的地方。这篇文章就讲讲视重的概念以及影响它的因素。

什么是视重?

视重围绕这样一个主题:不同的元素在设计中表现不同的重要性。有时视重很明显,像一个较大的物体看着会比较小的物体重,因为它占据更大的空间。在某些情况 下,它并不切断和枯燥,像在颜色的使用上。一些颜色也许看起来比其他的更重更强势。

比如说在一块白色背景上填充纯黑色和明亮的淡蓝色,对比一下:视觉本能 让你觉得哪个更重?

我们讨论主要影响视重的因素是:

颜色 / Color

反差 / Contrast

明暗度 / Lightness/darkness

大小 / Size

密度 / Density

复杂性 / Complexity

视重与对称性密切相关。为了在视觉设计中达到对称和平衡,我们会制造出物体在视重上相等的感觉。

为了把注意力吸引到某个物体上(或者置于次要位置),我们会有目的地打破平衡,重新创造一个视觉层次,从而将目光吸引到我们希望的地方。

让我们来看看这些因素

一、颜色

颜色是设计的一个重要组成部分,即使是纯黑、纯白或是纯灰这样朴素的颜色都能让设计为之设计。颜色有许多属性,它能够影响到一个物体相对于另一个物体的视重,如饱和度、明暗度和色调。

我们凭直觉感知到的大部分色重都是真实的,这种分辨能力似乎是与生俱来。比方说,饱和度高的颜色更容易受到。同样的,浅色背景上深色也比浅色来得更具说服力。

色调是颜色的一种属性,而心理学家最近才开始意识到它也分伯仲。即使是饱和度和明度相等的两种颜色,如红色和蓝色(上图所示),表现出的视重也不尽相同。然而根据红色是否重于蓝色的学术论文研究,两者是非常相近的,并且论及哪个更重时,这些研究也改变了观点。

除了色调,颜色还有一些能够明显影响视重的属性。例如,低饱和度的红色视重更重,相对于黄色或是橘色也更具吸引力。下面这个例子我们可以看到,通过使用其 他复杂程度和尺寸不同的元素,我们也能平衡视重。左边的红心面积比较大,亮度更高,因此视重比较重。为了视觉平衡,画布的右边我们可以增加不同大小的心形 数量来增加复杂程度。

以下是一些被视为能改变视重的颜色,程度由高到低排序:

红色(最重)

蓝色

绿色

橙色

黄色(最轻)

二、对比

对比是设计的一个重要组成部分,它能使一些功能在整个版面中脱颖而出。在同样一张背景上,对比度高的比对比度低的元素看起来更加明显。适当使用对比可以维持视觉层次结构,增强可视性。

在下面这个例子中,我们可以看到和背景色相比较,左边的比右边的视重更重更突出,因为左边的对比度更高。

若要使两者在重量上达到相等,我们可以通过其他因素,比方颜色、大小、复杂性等等。

三、明暗度

深色比浅色重。明暗度是调节设计整体平衡有力的工具。

心理学家无法理解为什么我们看到深色会觉得比较重。在一项研究中,专家们发现,大部分人都会觉得底部有深色阴影的图片看起来更自然。重物在下轻者在上的放置方式是一种本能,这是模仿物理界中重力将重物拖至底部的原理。

四、大小

大小是影响视重非常明显的一个因素,因为在物理学中,假设两个物体形状相同,体积较大的物体会自然而然地让人感觉更重,占用的空间也更大。

该怎么平衡这个例子中的视重?方法有很多种。我们可以在较大的物品旁边放些小一点儿的东西或者在较小的物品旁边放置深色的、对比度高的东西。如果一个物品是这项设计中的焦点,那么果断放大它!这就是为什么我们经常看到有一群元素围绕着一个超大的启动按钮。他们是在试图吸引用户的注意力,以达到提高转化率的目的。

五、比例和密度

在物理学中,密度高的物体比密度低、分散度高的更重。这个很容易做到,只要我们减少一堆物品间的空白间隙。

注意看,相对于左边四周一大片空白的图案,右边密密麻麻的一堆物体,空白地方很多,可是视重还是较轻。因为左边图案的空白部分能很好地衬托主体元素,使之放大、放大、放大。

六、复杂程度

越复杂的形状或图案视重更重。一个简单的物品相当容易也更快能被理解,如右图所示,而左边那张相对复杂的图片则要耗费更多时间去琢磨它到底想要表达什么。基于这个原理,在商业设计中,我们可以适当地多使用复杂的图形图案,因为他们能更吸引观众长时间的驻足观赏。

设计中的复杂性可以通过纹理、摄影图像和重复的图案来表现。

总结

视重这个概念非常依赖设计师的直觉。视重深受我们在这个世界上的表现的影响,而这个世界由大小和密度构成,颜色也能唤起人们内心的某些情感(通常由于文化因素)。要做到视觉结构丰富和对称和谐的设计取决于我们利用好视重并平衡好各元素之间的关系,使之整体、协调。

sixrevision

文章来源:设计达人

(0)

相关推荐

  • 如何让你的作品更有层次感

    今天跟大家分享让你的摄影作品更具层次感的技巧!通过一些简单但非常有效的方法,让你的作品脱颖而出. 当拍摄物距离我们越来越远时,我们的大脑仍然能分辨出一个适当的尺寸.就好像两条平行线,虽然他们相互平行, ...

  • 这5个排查法让你的作品更瞩目!

    大家好,又跟大家见面啦,本期给大家带来的是版式中的基础排查法.很多朋友经常觉得自己的排版作品做的不够好,但又说不上为什么,那么本期就归类一下版式设计中常见的错误供大家参考. 当做完一个作品的时候可由这 ...

  • 10个UI设计的小技巧让你的作品更合理!

    今天,小编给大家总结了10个UI设计的小技巧,相信你耐心看完后一定会有所收获,赶紧get起来~ 一个网站不仅仅是一组链接过的页面,而是一种体现,一个空间.在这个空间里,不同的人.组织会遇见.沟通.交互 ...

  • 设计中如何营造画面的层次感

    在设计中为了营造一种更加真实和生动的画面,我们通常会对画面中的各个元素之间进行层次感的营造,但不管是设计师后期营造的,还是在画面中所应用到素材和主体,本身都会存在一定的层次感,而对于层次感很多时候大家 ...

  • 在年报设计中,如何更有效地使用图像

    利用摄影和插图赋予年度报告亮点,使其精彩纷呈.年报设计是许多设计师工作的一部分.有些设计师可能认为它相对枯燥,但正如这里的例子所示,年度报告可以提供一个施展才华的机会,将年报报告变成一个富有想象力的. ...

  • 抖音怎么删除作品评论?抖音app中删除作品评论的方法

    抖音短视频app是一款社交类的软件,通过抖音短视频app你可以分享你的生活,同时也可以在这里认识到更多朋友,了解各种奇闻趣事.我们在抖音app中上传分享视频作品时,他人可以对其进行评论,如果你想要删除 ...

  • 如何更彻底地清理微信中的垃圾

    今天,小编给大家分享更彻底地清理微信中的垃圾的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找到"微信"App,点击进入主界面.2. 第二步,屏幕中出现了如图 ...

  • 如何更好地使用word中的查找和替换功能

    你知道如何更好地使用word中的查找和替换功能吗?哈哈~不知道吧?那就和小编一起来看看吧! 操作方法 01 打开Word文档,找到我们需要打开文件并将其打开 02 在开始选项卡的"编辑&qu ...

  • 如何更好地使用Word中的模板

    Word模板是指Microsoft Word中内置的包含固定格式设置和版式设置的模板文件,用于帮助用户快速生成特定类型的Word文档.例如在Word2010中除了通用型的空白文档模板之外,中还内置了多 ...