长沙天琥设计培训学校 培训资讯

设计原则:视觉重量与方向

来源:长沙天琥设计培训学校  时间:2018-10-11 11:42:32

网页上的每个元素都会经过发挥自身的视觉力量吸引观者的眼球。而这种力量越大,吸引力也就越强。这些力量同时也能作用于其他元素,从而形成一种潜在的视觉运动方向,引导观者的阅读。

长沙天琥设计培训学校

  网页上的每个元素都会经过发挥自身的视觉力量吸引观者的眼球。而这种力量越大,吸引力也就越强。这些力量同时也能作用于其他元素,从而形成一种潜在的视觉运动方向,引导观者的阅读。我们把这种力量叫“视觉重量”,把我们所感知到的视觉力量方向,叫做视觉方向。理解这两个概念对于作品中层级、流程、节奏和平衡的打造具有重要的意义。接下来,长沙天琥设计培训学校带领大家一起来学习理解下。

  视觉重量

  物理学的重量是对地心引力施加于物体上的力的度量,但是二维的物体(例如网页上的元素)没有质量,所以也就没有物理范畴的重量可言。视觉重量是对元素吸引人眼球力量的度量。二维的物体都能够吸引人的注意力。一个元素吸引力越强,其视觉重量也就越大。

  在本系列的上一篇文章中,我谈到了元素的原始特性或者叫固有特征,例如其尺寸、颜色和形状等等。在文中,我还说到了如何经过这些特性来表现不同元素之间的对比与相似。

  举例来说,两个元素一个很大一个很小就能形成鲜明的对比。

  而经过组合这些不同的特性,我们就可以控制视觉重量。红色比蓝色更加吸引人,大的元素比小的元素更加吸引人,所以说,一个大的红色物体所具有的视觉重量就要大于小的蓝色物体。

  那么这些特征或者说原始特性的集合,就决定了元素的视觉重量高低。要强调的是,决定元素视觉重量的不是单个特性,而是多个特性的组合。但不同的特性组合吸引人的力度也有不同。要打造具有不同视觉重量的元素,就需要结合不同的原始特性。

  如何衡量视觉重量?

  据我所知,精确衡量设计元素视觉重量的方法是不存在的。但你可以凭借经验和判断力来分辨哪些元素重量大,哪些重量小。所以你要培养并相信自己的眼力。一幅作品中较吸引眼球的区域就是视觉重量比较高的区域。还是那句话,要相信自己的眼力。

  但这并不是说你可以随便乱试然后用眼睛判断什么吸引力较强什么吸引力不够强。举个例,你可以经过把每个不同特征分离开来判断出比较大的东西重量要大于比较小的东西。与此同时,你的眼力可以帮助你区分不同特性组合的视觉重量。

  不过好在已经有高人把各种不同的特征进行了分离和测试。下面是几个元素特征以及其增减对视觉重量的影响说明。

  大小

  比较大的元素相比小元素的视觉重量要高。

  颜色

  暖色能够比较好的融入前景,比冷色重量高。冷色更倾向于融入背景。红色是一般认为是重量较大的颜色,黄色则为较轻。

  色值

  较暗的元素视觉重量较高。

  位置

  在作品中所处位置较高的元素重量要大于所处位置较低的元素。距离作品中心或核心区域越远,元素的视觉重量也就越高。前景中的元素所具有的重量要高于背景元素。

  材质

  有材质的元素重量大于无材质物体。材质能让元素更具三维感,从而更表现出一定的质量和物理重量感。

  形状

  形状规则的物体比不规则的物体重量较高。不规则形状会让人产生其质量被从规则形状中抽离的感觉。

  朝向

  垂直的物体重量高于水平物体。呈对角线放置的元素重量较高。

  当然,你不一定要局限在上述的这些原始特性之中,大可经过其他的特征来掌控视觉重量。

  密度

  增加特定空间内元素的数量能够提高空间的视觉重量。在观看者眼中,高密度的区域会结合成为一个较大、较暗的组合元素,而不再是几个小的、淡色的元素。

  局部留白

  留白的空间呈现出空的状态,因此不具有任何视觉重量。因此,放置在留白空间中的物体就会在周边环境的衬托下显得更具重量。

  内在兴趣点

  不同的物体有趣程度也不尽相同。元素越复杂、越繁复会让人兴趣越高,从而吸引眼球的能力也就越强。在这一方面,个人的兴趣点也发挥着作用。比方说,你对汽车的兴趣大于飞机,那么汽车的图片相比飞机就更能吸引你的注意力。

  深度

  较高的景深度能够让位于焦点的元素更具视觉重量,这一点有可能是焦点与非焦点区域之间的对比度造成的。

  饱和度

  饱和的颜色比不饱和颜色更重。

  物理重量感觉

  我们都知道房子的重量显然大于鞋子的重量。那么,一所房子的图片在视觉上也就自然比鞋子图片更重,因为我们心里知道房子重。

  一个与周边环境对比强烈的元素在视觉上就比环境元素的重量更高。举个例吧,在网页上,圆形一般比矩形看起来更重,因为大部分网站元素都是矩形的。

  当然,并不是所有特征对视觉重量的影响程度都相同。大部分人对元素颜色的注意力要先于元素形状,这也就说明颜色对视觉重量的贡献较大。同时你还要考虑特定作品的独特性,因为形成对比的元素的重量要高于用来与之对比的元素。作品的独特性将决定哪些东西能够形成对比,哪些不能。

  要牢记,视觉重量是上述各种属性的组合。所以,尽管大的物体视觉重量高于小的物体,但一个周边环绕大量留白空间、放置在页面顶部的深色小圆形物体,其重量很可能会高于放置在页面底部、形状不规则的浅冷色大物体。

  视觉重量与完全形态

  本系列文章背后的一个重要目的就是指出完全形态原则对设计原则的贡献度有多少。

  图形-背景

  经过提高图形相对背景的视觉重量,我们可以将这两者进行分离。

  邻近

  不同元素之间的空间会形成不同的局部留白空间量和不同的空间内物体密度。

  相似与对比

  我们可以从视觉重量的角度来对这两者分别进行定义。对比可以给形成对比的元素带来较高的视觉重量。而视觉重量差不多的元素则会自然地表现出相似性。

  焦点(本系列下一篇的主题)

  一幅作品中的吸引点就是其焦点,而焦点自然比其他元素更具视觉重量。

  过往经历

  观看者的个人经历会作用于其脑中所认为一个元素所具有的内在兴趣点。

  视觉方向

  如果说视觉重量的用途是将人的眼光吸引到特定的位置,那么视觉方向的目的就是将眼光引领到下一个位置。视觉方向就是指视觉力量的方向。你可以把它看作是你脑中想象的某个元素下一步的运动方向。

  在某种程度上说,视觉方向与视觉重量所起到的作用是类似的,它们都是为了把人的注意力吸引到作品的特定部分。但它们的区别在于,视觉重量就像是在高声呼喊“看我!看我!”,而视觉方向则说的是“往这边看!”

  和视觉重量相同,你可以经过修改元素的特征来表现出不同的方向,不过在视觉方向这方面可操作的特征不如重量那么多。

  元素形状

  不论元素形状如何,其自身中都会存在一个轴线,而这个轴线则是指明方向的关键。元素的主轴线一般会被视为与元素的视觉方向平行。

  元素位置

  视觉重量是一股能够吸引或排斥邻近元素的力量。而这股力量能够沿着连接两个元素的方向 进行移动。

  元素主旨

  箭头、手指或凝视的眼睛都能够指示特定的方向。

  运动

  你可以让元素在设计中运动起来,而其运动也就指明了方向。

  结构骨架

  每个作品都有自己的骨架,骨架中存在沿着不同轴线流转穿梭的力量。这一点可能还需要进一步讲解一下。

  结构骨架

  在Rudolf Arnheim的书作《艺术与视觉感知:创意目光心理学》中,他提出了每幅作品背后都存在着一副骨架这一理念。

  这个方形画布的中心和四个角落就好像磁铁一样吸引人的目光。这里面磁性较强的位置在中心点,但这里说的并不是画布的几何中心,而是光学中心,其位于真正几何中心的上方。

  画布中的轴线从一个角落通往另一个角落,沿着轴线的点位于中心和角落之间中间的位置,其同样能够吸引人的注意力。如果将这些中间点用垂直及水平线连起来,就形成了有一套视觉力量轴线。

  有关于这个理论,我们等到系列文章中有关创作流程的一篇再细讲。现在,我们可以考虑,在尚未加入设计的情况下,观看者的目光会被吸引到Arnheim结构骨架中的各个点,并跟随各个轴的方向从一个点移动到另一个点。

  这样一来,我们就可以根据这个结构网把元素放置到能够自然吸引目光的位置,从而增强元素的吸引力。

  视觉方向与完全形态

  你可以把方向看作是真实的或者是想象出来的从一个元素指向另一个元素,或者连接不同元素的线条。这些线条不一定要真的表现出来。

  一致的连通性

  连接各个元素的线条都有方向。目光的聚焦能够在眼睛和其所关注的物体之间形成一条想象的线条。

  连续性

  这一原理可以联系到沿直线或曲线排列的元素上,就好像这些元素会沿着直线或曲线方向运动一般。

  共同性

  能够看作具有共同性的元素通常是指沿着或者在想象中沿着同一方向运动的元素。

  平行

  为了让不同元素看似平行,就必须确立其内在的轴线(也就是形成方向的轴线)。

  作品的整体方向

  有关视觉方向还有一个概念:每幅作品都会存在一个主要的方向,可以是水平、垂直或者对角线。

  1.   水平方向能够让作品更加沉稳、沉着。

  2.   垂直方向作品则能够带来严谨、警醒和平衡感。

  3.   对角线方向则能够表现出运动和动感。

  经过大部分元素或者几个关键元素的方向可以建立起整幅作品的主要方向。根据不同线条类型所具有的一般含义,方向有助于奠定作品的总体基调。

  当然,一幅作品也有可能没有主要方向。比方说,水平和垂直元素的数量有可能是相同的。在这种情况下,观看者就可以自己认定主要方向是什么。

  总结

  元素的视觉重量是衡量其吸引观众眼球的指标。视觉重量高的元素能够吸引更多眼球。

  而视觉方向则是指不同元素所发挥出的视觉力量作用于其他元素时人所感知的方向。这里的方向是观者目光移动的提示引导。

  经过修改很多内在特征可以改变元素的视觉重量。其中甚至有些能够起到确立视觉方向的作用。

  更多设计资讯,培训课程,开班时间,学校地址等学校信息,请进入长沙天琥设计培训学http://cstianhu.5zix.com/网站详细了解,咨询电话:18670081751,咨询QQ:1434119060

尊重原创文章,转载请注明出处与链接:http://cstianhu.5zix.com/news/39177/ 违者必究! 以上就是长沙天琥设计培训学校 小编为您整理设计原则:视觉重量与方向的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

长沙UI设计实战培训班

长沙UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

长沙网页设计精英培训班

长沙网页设计精英培训班

快速掌握网页设计三大核心:1.熟练运用P

咨询 报名

长沙电商设计运营培训班

长沙电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

长沙室内空间创意培训班

长沙室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

长沙平面视觉创意培训班

长沙平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名