12156235
2021-05-25
1098

「把这个logo放大!再放大!」「把这个活动内容给我改成亮眼的颜色,我要一眼就能看到的那种!」听到这些话大家是不是觉得很熟悉呢?大家在收到甲方改稿意见,抱怨的同时有没有想过一个问题,为什么他们总想要放大呢?是因为他们想要传递的信息不够醒目,也就是说,对于他们来说,画面里没有一个能抓住人眼球的焦点,或者是焦点不够突出,这种问题该怎么解决呢?下面就带大家来了解视觉焦点。

1.gif

一张白纸,上面没有任何痕迹,我们视线没有着力点,会胡乱地游走。

2.jpeg

我们用笔勾勒一条线出来,那现在我们的视线就集中在这条线上了,这条线就是我们的视觉焦点。

3.jpeg

夜晚的建筑,没有任何光亮,暗黑一片。

4.jpeg

但是当其中一户亮起灯,就会抓住我们的注意力,让整栋楼有了视觉焦点。

5.jpeg

这个案例,如果只是单纯的黑白灰色调,视觉上美观统一,但是这里的橙汁产品难以突出,视线焦点不够明显。

6.jpeg

但是我们改变产品的颜色,就可以让画面富有变化性,同时强化了视觉焦点。

7.jpeg

两个放一起对比下,左边是美观统一的画面,右边是富有变化的画面,我们不能评价谁好谁差,这要看实际应用时项目属性和场景环境而决定。

美观统一的版面和有视觉焦点的版面相比较,有哪些优缺点呢?

8.jpeg

美观统一的版面,优点是稳定、统一,画面中的元素和谐相处,谁也不会过于抢眼;缺点是缺少变化,会显得单调无趣,容易让人审美疲劳。有视觉焦点的版面,优点就是富有变化性,活化版面氛围,吸引人的目光;缺点,就是不够稳定。它俩是相对的,所以就看实际应用的项目属性和环境,来选择什么类型的版面。

为什么有的画面需要有视觉焦点呢?

这是因为人的视域是有限的,只有观看的聚焦位置会清晰,而周围的画面会相应地虚化。

9.jpeg

就像下面这个海报,我们盯着视觉焦点看(画面中的眼睛),就发现,周围变得模糊了。

10.jpeg

什么是焦点

焦点,比喻事情的关键所在。──《百度百科》

在设计中,那个最不一样的存在就是焦点。

11.jpeg

焦点的分类

焦点总共可以分为三类:突出型焦点、引导型焦点、视角焦点。

1. 突出型焦点

我们先来了解最常用的焦点类型,突出型焦点,也是对比型焦点,这类焦点就是靠对比产生。

12.png

当画面元素都一样的时候,我们的视线没有焦点。

色彩对比

13.jpeg

改变其中一个颜色,让它和周围元素形成反差,就可以创造焦点。

14.jpeg

大小对比

15.jpeg

缩小或放大元素让它形成焦点

16.jpeg

位置对比

17.jpeg

距离可以产生美,也可以突出焦点。

18.jpeg

形状对比

19.jpeg

改变元素形状也是突出焦点的方式。

20.jpeg

肌理对比

21.jpeg

附加肌理材质也可以突出焦点。

22.jpeg

疏密对比

23.jpeg

疏密对比可以突出焦点。

24.jpeg

虚实对比

25.jpeg

用虚实对比可以突出焦点。

26.jpeg

角度对比

27.jpeg

利用角度的对比可以突出焦点。

28.jpeg

方向对比

29.jpeg

利用方向的对比可以突出焦点。

30.jpeg

色彩对比,大小对比、形状对比、肌理对比,角度对比、疏密对比,位置对比、虚实对比,方向对比。

31.jpeg

大家都说没有对比就没有伤害,在设计中没有对比就没有焦点,用对比的手法突出焦点,是最简单也最常用的。这其中,放大,是突出焦点最直接的一个手段。以上方法不仅可以单独使用,也可以叠加使用强化焦点。比如,放大的同时添加一个肌理材质,或者改变颜色的同时转换一个角度等等,相信大家都能很轻松理解这些理论知识。

32.gif

当画面元素大小差不多时,放大其中一个元素能让它成为焦点,当然,大小对比的同时,加上颜色对比,会更加强化焦点。

用一个案例来简单地说明一下,根据文案和图片做一个毕加索画展的海报。

33.jpeg

34.jpeg

首先,把图片放大,相信大家的视觉焦点是图中红圈的位置。

35.jpeg

这里我们用色块与文字叠压的形式设计,当然最大的色块就是焦点所在,这部分要放重要的内容,也就是毕加索的名字。

36.jpeg

其他文字按照层级关系放到色块中,当然,这里如果你想突出一位天才的诞生这句话,也可以放大它,同时缩小毕加索的英文名字,这就要看你想突出哪个文字了。

37.jpeg

为了有一些呼应,在背景中加入汉字底纹,这样就完成了,这个画面我们可以视为两个焦点,一个是图像的焦点,一个是毕加索英文名的焦点,它俩在一画面中是不矛盾的。

除了放大主题突出焦点外,我们还能利用大面积留白突出焦点。还记得之前我们在留白那篇文章提到过,留白也是面积,所以当画面中文字信息较少时,通过大面积留白与文字形成鲜明的对比,也能突出和强化焦点,我们来看一些例子:

38.jpeg

摄影师为了突显画面的意境,会选择周围大面积留白,而突出主体形象,传递雅致安静的气质。

39.gif

广阔无垠的雪地,加入一个很小的人物,即使他在这世界是如此渺小,但他依然是不一样的存在。

40.gif