基础理论学起来!设计师必须掌握的6大视觉设计原理

2020-11-14  本文已影响0人  不再联系_0308

1. 重力

重力的概念经常运用在物体和图形上,也包括视觉设计。这也许听上去很奇怪,不过这里说的可不是现实生活中的物理重力,它也不能把一个二维物体往下拉动。但是在我们的潜意识中重力的概念已经非常根深蒂固了,所以我们也把它转化到了二维物体上。以下图为例,这个圆球让人感觉随时都有可能从上方降落,让人有点惴惴不安。

现在看看下图这个相反的图像 这个结构的圆球应该不会让人觉得它会往下落了,而是更像是稳稳停在页面的底部。让人看起来很安心。经验总结:当你面对视觉上有重物感的设计时,把它设计在顶部会使人感到压抑和不安(当然,除非你是故意而为之)

2. 阅读顺序

在大多数情况下,人们的阅读顺序是从左到右,从上到下的。正因为这样,左边的物体一般被认为是将要进入到画面中,右边的物体则被认为是离开。

上图的左侧有一个圆。因为受我们阅读顺序的影响,这个圆看上去像要进入这个画面。下图的圆则感觉像是要出去。 你也可以用同样的方式去传递一些特定的情感。比如说怎么让一个物体看起来有偷偷张望的感觉?你可以把画面设计成下图的样子: 反之,想传递一个物体(或角色)落荒而逃的感觉?(彩云注:这个概念可以用在一些情感化设计的页面,比如空页面,带品牌形象的卡片设计之类的。)

3. 阅读优先级

由于受阅读顺序的影响,我们自然而然地会先注意左上角的物体,然后视线会移动到右下角以及接下来其他的东西。就算所有的东西在形状、颜色或大小上一致,根据物体摆放位置的不同,它们的重要性也会不一样(也许你想让用户先看到标题,然后才是内容)。让我们看看下图的例子:

如果你从小长大的环境用的是从左到右,从上到下的阅读顺序,那么你很有可能是先看到左上角的圆,然后才是右下角的。

4. 视觉紧张感

我曾经把这种感觉描述为对身体紧张状态的一种诠释和扩大化。这就像你看到满满的一杯液体被放在桌子的边缘。

视觉上的紧张感经常是不经意的,设计师们也不是故意把不同的形状凑在一起去营造一种紧张气氛。这往往是草率所致。让我们来看看下图:

是不是觉得不舒服?这里标记出了所有的紧张点。

刻意地运用这种视觉紧张感可以吸引别人的眼球,并且制造一种焦虑气氛。也许你设计的是一张游行示威海报,又或者你想引起人们对一些事物的注意。在那样的情形下,确保那些紧张感是有意而为之的,而不是看下来像个失误。

同样的构图下,这个设计有意地让紧张感集中在了一个特别的位置。

5. 动态 vs. 静态

静态构图时常让人感到无聊。一个简单的优化方法是倾斜它的水平线,让构图看起来更生动。下图是一个有些毫无生气的静态图:

现在把它的水平线倾斜后,整个都市风光看起来更具动感了。 如果想让构图更有活力,可以利用物体的边缘特点让图形往画面外延伸。参考如下的成角透视构图:
上一篇 下一篇

猜你喜欢

热点阅读