020-29815005
预约专线时间:09:00-23:59

【平面UI设计培训】:色彩设计中焦点配色的应用

新闻来源:本站 日期:2022-03-19
今天跟大家聊聊设计中焦点配色这个话题。焦点这个词对于设计师来说应该不会感到陌生,但是这节课我们主要是从色彩的角度,来看看焦点在设计中的作用以及色彩焦点的重要性。首先我们要知道设计的目的就是通过视觉来传达信息,而视觉的表现形式是有一定规律性的,在这些众多…

  今天跟大家聊聊设计中焦点配色这个话题。焦点这个词对于设计师来说应该不会感到陌生,但是这节课我们主要是从色彩的角度,来看看焦点在设计中的作用以及色彩焦点的重要性。首先我们要知道设计的目的就是通过视觉来传达信息,而视觉的表现形式是有一定规律性的,在这些众多的规律性当中,其中有一条就是通过色彩来实现,而焦点配色就是色彩设计中最有效的一个手段。


【平面UI设计培训】:色彩设计中焦点配色的应用


  其实无论是绘画、摄影还是我们的设计,都存在大量的焦点配色,只是我们平时没有特别去注意而已。比如莫奈的这幅《日出·印象》,我们来尝试分析一下焦点的设置和移动。

  我想绝大多数人都应该是这种移动路线,也就是在大面积灰色调和冷色调中先被强暖色的太阳所吸引,然后是近景全黑色的船,接着顺延到另一条船上,当然每个人都会有所不同。

  比如也可能是这种从远景到近景的顺序。

  也可能有的人是从近到远的观看顺序,但是无论你是哪一种,都不重要,为什么?

  因为无论你的视线是怎么移动的,都不会影响到我们最终焦点的归属。大家可以感受一下,当你看这幅画的时候,无论你先看哪后看哪,最终你的眼睛都会被这个橙红色的太阳所吸引,这就是色彩焦点的魅力。

  我们再来看一个摄影作品,这个跟刚才那幅画来比,焦点就更加清晰了,而且这里也不需要焦点的移动,很明显焦点就是这个人物。

  但是这个焦点是怎么通过色彩得到强化的呢?可能有的人会说这么明显的人物肯定是焦点啊,但是你可以尝试把人物后面的暖色光去掉看看,虽然人物同样是这个画面的焦点,但是一定没有现在这样抢眼,因为暖色和背景的冷色形成了强烈的对比。

  所以无论是绘画、摄影还是我们接下来会看到的设计,其中都会包含一种故意的或者是有意识的色彩焦点的安排,而这种焦点的形成是怎么实现的呢?其实就是通过色彩对比,因为有色彩对比必定产生焦点,即使没有焦点我们也会努力去寻找焦点。我们联想下平时的生活就会发现,无论是我们看到一幅画面,或者是置身于一个真实的环境中,我们都会不自觉地去寻找色彩最突出或者最醒目的东西,这就是作为人的一种本能,也就是自然而然地去寻找焦点。

  下面我们来看一些设计作品,我们看这三个界面,不能说没有焦点,有,就是图片,准确地说应该是没有色彩焦点,所以我们接收到的就是图片加上信息排在一起,我们很难在短时间内区分出哪些是重要信息哪些是次要信息。我们不知道视线应该落在哪里,因为没有突出的东西,这种不知所措会让看的人感到不舒服,这就是没有焦点会造成的一种情况。

  同样这三个界面,我们什么都不变,只是在想强调的部分填充一个颜色,这样就会让看的人可以通过色彩毫不犹豫地感受到焦点,这种交互才是人性化的交互,而这个简单的过程其实就是色彩设计。

  我们再来看一个更加简单易懂的,比如现在这个,就是在一个蓝色背景上编排纯白的文字,可能通过字号和距离的安排我们也知道孰轻孰重,但是如果从色彩的角度来看还不够,因为没有形成让人快速识别的焦点。

  如果在想强调的地方,适当的填充一个颜色,那么瞬间就有了焦点,而这个颜色和背景色的对比越强,焦点就越明显。

  我们看这个海报,当我们看到这个画面的时候首先注意到的是什么?

  首先注意的肯定是上方的图片,其次会根据信息的层级大小去看主标题,然后是次要信息。这种没有设置色彩焦点的形式,虽然不太会影响信息的阅读,但我们不妨试试有色彩焦点的情况。

  当原本就是画面中比较重要的标题信息和突出的英文被填充红色之后,焦点就产生了并且得到强化。

  这时候当我们再看这个作品,就可以在短时间内迅速获得信息,如果想继续了解也可以继续阅读,这就是有焦点和没焦点或者焦点不突出的差别。

  我们看这个banner,这里我们不说它的版式怎么样,我们就看色彩和焦点,这个画面有什么问题呢?就是焦点设置错误,什么意思?

  也就是大家看这个画面的时候,虽然都会先看月饼的图片,然后是标题到进入专场,但是大家发现没有,你的视线总会被中间这个粉色的花瓣吸引。

  就是那种你不想看它,但是又不得不看的感觉,因为这个花瓣的颜色完全没必要出现在这里,因为它不是信息,为什么要充当焦点呢?这就是焦点错误。

  我们把花瓣去掉试试,这样焦点就很清晰明确了。

  现在我们知道了有焦点和没焦点的差别,那焦点的设置其实也是有多种情况的。我们就拿这个网页来举例,版式部分保持不变,你想突出哪里就在哪里设置焦点。我们来看看通过色彩把焦点安排在不同的地方,这个页面产生什么样的效果。

  以上就是优漫教育小编为大家介绍的“平面UI设计培训】:色彩设计中焦点配色的应用”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !