设计技巧系列|视觉重量运用:大小、形状、颜色、明暗、材质、位置、方向、密度、留白

视觉重量设计技巧
视觉重量设计技巧

要做出一个好的设计需要考虑到非常多的面向,比如说颜色的运用、版面的配置、尺寸的调整等等。哈利熊的部落格中会整理一些非常实用的设计技巧给设计师们,希望能帮助大家在设计之路更得心应手。要创造一个协调性的画面设计,可以运用配色的黄金比例设计颜色的6个秘密技巧以及今天要说的「视觉重量」!

什么是视觉重量?

设计中的每一个元素都会有一个吸引用户目光的视觉力量。视觉力量越大,我们就越容易被吸引。我们称这种力量为「视觉重量」,而一个物件的视觉重量会根据元素的特性比重而有所不同。

一个元素的特性包括:

  1. 大小
  2. 形状
  3. 颜色
  4. 明暗
  5. 材质
  6. 位置
  7. 方向

只要掌握了每一个元素的以上特性,就可以掌握元素的视觉重量!

元素特性与视觉重量

虽然说我们没办法直接精准地衡量一个设计元素的视觉重量,但是我们凭借著一些基本的衡量标准,透过经验去判断。

1. 大小

元素特性|大小
元素特性|大小

其他条件相同的情况下,元素越大,视觉重量越重。

2. 形状

元素特性|形状
元素特性|形状

规则形状的视觉重量会比不规则形状来得重。不规则形状会看起来像是从规则形状去掉重量后演变而来。

3. 颜色

元素特性|颜色
元素特性|颜色

暖色系会在背景中跳出来,所以看起来比冷色系更重些。饱和的颜色看起来也会比不饱和的颜色更重。而红色是所有颜色中最重的,黄色则是最轻的。

4. 明暗

元素特性|明暗
元素特性|明暗

较暗的元素会比明亮的元素看起来更重。

5. 材质

元素特性|材质
元素特性|材质

线条、有纹理的元素看起来会比平滑、无线条的元素更重。线条元素会让物体看起来更为立体,因此也增加了物体的重量。

6. 位置

元素特性|材质
元素特性|材质

在高处的元素会看起来比低处的元素更重。离中心点或是画面重点区域越远的元素,也会创造出更重的视觉效果。而在前景的元素则会比在背景的元素更重。

7. 方向

元素特性|方向
元素特性|方向

竖向的物体看起来会比横向的物体更重。而对角向的元素看起来则是最重的。

当然,除了元素本身的特性以外,与其他物件的相对位置也会对视觉效果产生很大的影响。比如说:

1. 密度

物件相对位置|密度
物件相对位置|密度

一个空间的物件越密,该空间的视觉重量就越重。观察者会看到的会是一个大的、暗的组合物件,而非是多个小而轻的物件。

2. 留白空间

物件相对位置|留白空间
物件相对位置|留白空间

留白空间通常会被视为「零重量」,所以当一个物件周围的留白空间越大时,相较之下该物件也会越重。

视觉重量非单一特性所致

视觉重量是前面提到的所有元素特性以及物件相对位置的总和,而非只是单一的特性所致。要特别注意的是,并不是所有的特性都具有同样程度的影响。比如说,多数人在注意到形状以前,最先注意到的会是颜色,也就是说调整颜色的作用力会比调整形状来得大。

如下图,现在我们来比比看哪一个视觉重量比较重?

视觉重量非单一特性所致
视觉重量非单一特性所致

虽然我们说物件越大重量越重,但当一个大、亮色、不规则形状的物件,与一个小、黑色、规则形状、有很大留白空间的物件相比较时,你发现了吗?物件较大的前者这时候反而还显得比较轻。

所以,在我们了解视觉重量的应用后,以后无论是在网页设计、平面设计或是版面配置的时候,都可以根据内容的重要性去做视觉重量上相对应的调整唷!

推荐文章:

本文由作者【HoliBear哈利熊】创作,原文刊登于【HoliBear哈利熊】,如未经授权不得转载。
回应