• 设计众包
  • 儿歌众包
  • 软文众包
  • 童话众包
  • 动漫众包
  • 财会众包

Visual Weight:如何使用视重让你的设计更有层次感

发布时间:2016-06-16

作品版权:牛人版权所有,禁止匿名转载;禁止商业使用;禁止个人使用。

7794 0

     视重,Visual Weight,是设计中的一个概念,即一个物体通过视觉产生的重量。即便是在一个二维平面,某些元素也可以看起来比其他物体要重。

      这个概念很强大,善于利用能让我们的设计平衡,和谐,富有层次感

      倘若它在关键位置使用,还能帮助我们吸引用户注意力,用视觉效果来引导用户。

      这篇文章将会给大家讲述什么是视重,以及影响视重的几个关键要素。


    什么是视重?            

      看到上面两张图片,你本能地觉得哪个更重?

      视重的核心概念是,一个空间内的物体相互联系,能产生不同的重量感。有时候,视觉重量是显而易见的,如在一般情况下较大的物体看起来比更小的物体更重。

      但在设计中,它并不是这么单调乏味。有些颜色可能看起来好像他们是更重,比其他人更占优势。如上图对比,在白色背景上,纯黑色比浅蓝色要重得多。  

      我们今天要介绍的几个影响视重的主要因素如下:

                    颜色/Color

                   对比度/Contrast

                   明暗度/Lightness·Darkness

                    尺寸/Size

                   密度/Density

                    复杂性/Complexcity


  一   颜色/Color    


      颜色是设计的一个重要组成部分,即使是纯黑、纯白或是纯灰这样朴素的颜色都能让设计为之设计。

      颜色有许多属性,它能够影响到一个物体相对于另一个物体的视重,如饱和度、明暗度和色调


      比方说,饱和度高的颜色更容易受到关注;浅色背景上深色比浅色来得更具说服力。

      而心理学家最近才开始意识到色调也分伯仲。即使是饱和度和明度相等的两种颜色,如红色和蓝色(上图所示),表现出的视重也不尽相同。

      下面是一些经常用来调整视重的颜色,排序由重至轻:

        红色(最重)

        蓝色

        绿色

        橙色

        黄色(最轻)


  二  明暗度/Lightness·Darkness   


       前面已经说到,深色比浅色重。明暗度是调节设计平衡的有力工具。

      心理学家还无法解释为什么视觉上会觉得深色更重。

      不过在一项研究中显示,大部分人觉得底部有深色阴影的图片显得更加自然。这可能和重物在下,轻物在上的自然规率引起的人类本能有关。


  三  对比度/Contrast   


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

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




  四  尺寸/Size   


      尺寸是影响视重非常重要的一个因素。在物理学中也是如此,其它属性相同的物体,体积越大,质量越大。


  五  密度/Density   


       同样,在物理学中,密度越大的物体越重。在视觉效果中也是一样。


      下面这幅图中,尽管右边体积更大,但是相比左边视重仍然较小。       


  六  复杂性/Complexity   


      越复杂的图案视重越重。复杂的图案越容易引起好奇,让人驻足思考,因此分量也更重。

      至于如何增加图案的复杂性,可以用图片的叠加,文理,复杂图片来实现。


      各种不同的元素可以互相结合,来实现设计的和谐感。如下图:

     上面这个例子我们可以看到,通过使用其他复杂程度和尺寸不同的元素,我们也能平衡视重。左边的红心面积比较大,亮度更高,因此视重比较重。为了视觉平衡,画布的右边我们可以增加不同大小的心形数量来增加复杂程度。


    结语

     视重不仅由纯粹的身体机能影响,也由人的情感所影响。显然一幅图中,受人喜爱或者被人讨厌的物体往往拥有更重的视重。

     因此,视重的应用不仅依赖设计师的直觉,还有设计师对于心理学,自然科学,民族文化等多方面知识的积累。

     生命不息,学习不止。设计师不仅仅是做图的美工而已。


     本文翻译修改自SIX REVISION,

     原作者:Kayla Knight

分享到:
Copyright © 2008 - 2024 牛人 (niuren.com)All Rights Reserved 粤ICP备17135076号 增值电信业务经营许可 电信与信息服务业务经营许可证
发布需求
点击这里给我发消息