赞助商
立即赞助

用一篇超强干货,帮你学会高手都在用的焦点配色法

平面设计3年前 (2021)发布 流光
4K 0 0

今天跟大家聊聊设计焦点配色个题。焦点个词对设计师来说应该不感到陌生,但是节课我们主要是从彩的角度,来看看焦点在设计中的用以及彩焦点的重要。首先我们要道设计的目的就是通视来传达信息,而视的表现形式是有一定规律的,在众的规律当中,其中有一条就是通彩来现,而焦点就是色彩设计中效的一手段。

用一篇超强干货,帮你学会高手都在用的焦点配色法

其实无论绘画、摄影还我们的设,都存的焦点配色,只我们平时特别去注意已。比如莫奈的这幅《日出·印象》,我们试分析一下焦点的设置移动。

用一篇超强干货,帮你学会高手都在用的焦点配色法

我绝多数人都应该这种移动线,也就面积灰色调冷色调中先被强暖色的太所吸引,然后近景全黑色的船,接顺延到另一条船,当然每人都会所不同。

用一篇超强干货,帮你学会高手都在用的焦点配色法

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

用一篇超强干货,帮你学会高手都在用的焦点配色法

也可能的人从近到远的观看顺序,但无论哪一种,都不重,什么?

用一篇超强干货,帮你学会高手都在用的焦点配色法

因无论的视线怎么移动的,都不会影响到我们终焦点的归属。家可以感受一下,当看这幅画的时候,无论先看哪后看哪,终的眼睛都会被这橙色的太所吸引,这就色彩焦点的魅力。

用一篇超强干货,帮你学会高手都在用的焦点配色法

我们再看一摄影作品,这刚那幅画比,焦点就加清晰了,且这里也不需焦点的移动,很明显焦点就这人。

用一篇超强干货,帮你学会高手都在用的焦点配色法

但这焦点怎么通过色彩得到强化的呢?可能的人会这么明显的人肯焦点啊,但可以试把人后面的暖色光去掉看看,虽然人同样这画面的焦点,但一这样抢眼,因暖色背景的冷色形了强烈的对比

所以无论绘画、摄影还我们接下会看到的设,其中都会包含一种故意的或者意识的色彩焦点的安排,这种焦点的形怎么实的呢?其实就通过色彩对比,因色彩对比必产焦点,即使焦点我们也会努力去寻找焦点。我们联下平时的活就会发,无论我们看到一幅画面,或者置身于一真实的环境中,我们都会不自觉去寻找色彩突出或者醒目的东,这就作人的一种本能,也就自然然去寻找焦点。

用一篇超强干货,帮你学会高手都在用的焦点配色法

下面我们看一些设作品,我们看这三界面,不能焦点,,就图片,准确应该色彩焦点,所以我们接收到的就图片加信息排一起,我们很难短时间内区分出哪些重信息哪些次信息。我们不知道视线应该落哪里,因突出的东,这种不知所措会让看的人感到不舒服,这就焦点会造的一种况。

用一篇超强干货,帮你学会高手都在用的焦点配色法

同样这三界面,我们什么都不变,只强调的部分填充一颜色,这样就会让看的人可以通过色彩毫不犹豫感受到焦点,这种交互人性化的交互,这简单的过程其实就色彩设。

用一篇超强干货,帮你学会高手都在用的焦点配色法

我们再看一加简单易懂的,比如这,就一蓝色背景编排纯白的文字,可能通过字距离的安排我们也知道孰轻孰重,但如果从色彩的角度看还不够,因形让人速识别的焦点。

用一篇超强干货,帮你学会高手都在用的焦点配色法

如果强调的方,当的填充一颜色,那么瞬间就了焦点,这颜色背景色的对比越强,焦点就越明显。

用一篇超强干货,帮你学会高手都在用的焦点配色法

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

用一篇超强干货,帮你学会高手都在用的焦点配色法

首先注意的肯方的图片,其次会根据信息的层级小去看主标题,然后次信息。这种设置色彩焦点的形式,虽然不太会影响信息的阅读,但我们不妨试试色彩焦点的况。

用一篇超强干货,帮你学会高手都在用的焦点配色法

当原本就画面中比较重的标题信息突出的英文被填充色之后,焦点就产了并且得到强化。

用一篇超强干货,帮你学会高手都在用的焦点配色法

这时候当我们再看这作品,就可以短时间内迅速获得信息,如果继续了解也可以继续阅读,这就焦点焦点或者焦点不突出的差别。

用一篇超强干货,帮你学会高手都在用的焦点配色法

我们看这 banner,这里我们不它的版式怎么样,我们就看色彩焦点,这画面什么问题呢?就焦点设置错误,什么意思?

用一篇超强干货,帮你学会高手都在用的焦点配色法

也就家看这画面的时候,虽然都会先看月饼的图片,然后标题到入专场,但家发,的视线总会被中间这粉色的花瓣吸引。

用一篇超强干货,帮你学会高手都在用的焦点配色法

就那种不看它,但又不得不看的感觉,因这花瓣的颜色完全必出这里,因它不信息,什么充当焦点呢?这就焦点错误。

用一篇超强干货,帮你学会高手都在用的焦点配色法

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

用一篇超强干货,帮你学会高手都在用的焦点配色法

我们知道了焦点焦点的差别,那焦点的设置其实也多种况的。我们就拿这网页举例,版式部分保持不变,突出哪里就哪里设置焦点。我们看看通过色彩把焦点安排不同的方,这页面产什么样的效果。

用一篇超强干货,帮你学会高手都在用的焦点配色法

比如我们可以把焦点设置半部分,也就顶部的品牌导航区域。

用一篇超强干货,帮你学会高手都在用的焦点配色法

也可以把焦点设置主标题的文字信息。

用一篇超强干货,帮你学会高手都在用的焦点配色法

还可以设置底部区域,形色块。

用一篇超强干货,帮你学会高手都在用的焦点配色法

当然也可以自由式的焦点设置,强调强调的部分,这种况下就了焦点的移动。

通之前的案例分析我们总结一下有焦点的处:首先它满人的生理需求,其次满视传达的需求,最满审美的需求。也就是说我们所要做的视设计是需要传达信息的,你得让受众看到你的信息才行,而要想有效的让人看到信息,焦点的设置就要满前面三个需求,果没有满,一定程度上说明你的品是失败的。际人是充满惰的,也不喜欢延迟,当人们看到所有的信息在它应该在的位置,不需要眼睛和大脑去阅读,时就得到一种观看和阅读的满感。

用一篇超强干货,帮你学会高手都在用的焦点配色法

说么焦点的处,下面我们就来看看何通形成或者强化焦点。首先我们要道的就是焦点是通对比现的,而里包括相对比形成焦点、冷暖对比形成焦点、深浅对比形成焦点、有彩与无彩对比形成焦点、花与纯对比形成焦点、彩面积对比形成焦点。

用一篇超强干货,帮你学会高手都在用的焦点配色法

首先我们来看相对比形成焦点,里的相对比通常是指互补或对比色之间的对比,因色相差异越越易产焦点。比如这海报就蓝色黄色的互补色对比,当然需注意的,我们所列举出的这些对比并不单独存的,它们往往都相互结合的,比如这海报明显的就色相的互补色对比,当然也可以冷暖对比,同时也包括面积对比。

用一篇超强干货,帮你学会高手都在用的焦点配色法

这网页作品,蓝色与绿色形了色相的对比,同时它们二者又与背景形了彩色与无彩色的对比。

用一篇超强干货,帮你学会高手都在用的焦点配色法

这圣诞主题的 banner,整体面积的暗色,这就让人顶的绿色圣诞树了焦点,也就色相对比中通过对比色形焦点。

用一篇超强干货,帮你学会高手都在用的焦点配色法

然后冷暖色对比产焦点,这版面很简单,就文字编排加背景,但很明显,通过强调的方使用蓝色与背景的粉色形一种冷暖对比,让焦点一目了然。

用一篇超强干货,帮你学会高手都在用的焦点配色法

这同样也色与蓝色的冷暖对比强调焦点,让人一眼就能抓住重点。

用一篇超强干货,帮你学会高手都在用的焦点配色法

这同样也通过冷暖对比形焦点,只不过这画面并不单一焦点的形式,多焦点从到小或从近到远的移动。

用一篇超强干货,帮你学会高手都在用的焦点配色法

如果色相对比不够明显,那么通过单一色彩或近似色彩的深浅对比也可以很好的形焦点,同样纯度明度差异越越易产焦点。比如这画面中的焦点面包与背景形的就深浅对比。

用一篇超强干货,帮你学会高手都在用的焦点配色法

这画面整体褐色的基调,但杯子中的茶比背景亮一些的颜色,所以它自然然就了画面的焦点,且这焦点也符合这版面的设逻辑的。

用一篇超强干货,帮你学会高手都在用的焦点配色法

这页面的背景偏深一些的粉色,当然图片肯这画面的第一焦点,但除此之外,这画面中还另外两焦点,就比背景偏暗一些的嘴唇,这就利用深浅色对比形焦点。

焦点的用以及何强焦点很理和操,但是设置焦点背的原理是什么呢?就是我们之前讲的彩营销,因为设计的目的是通视传达信息,而传递信息的目的是为营销,所以答案也就很明。也就是何设置焦点以及让谁成为焦点,背的逻辑要依据营销的目的,换句说焦点的设置一定要满以上的需求,假设置错误的焦点,就适得其反,倒不不设置焦点,个道理大家一定要明白。

用一篇超强干货,帮你学会高手都在用的焦点配色法

我们接着往下看,下一个就是有彩与无彩对比产生焦点。比我们看上面个报,图整是黑白的,只有雨伞的部分是红,非常醒目的被凸显出来,当就是一焦点,其次就是红的标题文字。因为黑与红很的对比效果,所以类似种形式的摄影品大家也一定见很,就是整是黑白,个别地方用红的形式。

用一篇超强干货,帮你学会高手都在用的焦点配色法

虽个网页页面上的有彩并不是单一彩,但是与背黑的搭,整上依是有彩与无彩搭所产生的对比,从而产生焦点。

用一篇超强干货,帮你学会高手都在用的焦点配色法

个虽也是有彩与无彩的对比,但是个很巧妙,因为设计者并没有直接在主标题上填充有彩,而是在标题下方使用一个有彩的块,也是一种变相突显焦点的方式。

用一篇超强干货,帮你学会高手都在用的焦点配色法

接下来是花与纯对比产生焦点,个是很常见很通用的一种形式,尤其是照上编排文字的形式,果图身的彩就比富,么文字必要使用单一的彩才能证很的识别。

用一篇超强干货,帮你学会高手都在用的焦点配色法

个志封面的背是由种彩所形成的插画图形,而人物一身黑位中间形成一焦点,其次是位人物上的绿文字,以说既是有彩与无彩的对比,又是有彩与花之间的对比。

用一篇超强干货,帮你学会高手都在用的焦点配色法

个报上的图虽彩并没有纯,但是由彩比分散,所以想而,在它上方编排文字难免造成识别度很低的情况,所以设计师也很巧妙地使用添加块的方式,用种图花与块纯的对比来突出焦点。

用一篇超强干货,帮你学会高手都在用的焦点配色法

最就是通彩面积大小产生焦点,种面积的对比以说是非常常见的,以说大部分有彩焦点的画面是之前的几种形式与面积对比的一个结合,但是并没有谁重要谁不重要一说,就比个报上的红圆形,无论你是把它的面积放大,还是把它换成和蓝相近的颜,焦点的效果没有现在的。所以我们在具设计的时千万不要有强迫症,因为方法往往是结合使用的。

用一篇超强干货,帮你学会高手都在用的焦点配色法

个也是面积对比产生的焦点,同时又有蓝与红的冷暖对比。

用一篇超强干货,帮你学会高手都在用的焦点配色法

个页面也是,通在大面积绿中使用一个红块,快速形成对比,从而确定焦点。

以上我们主要讲解了过配色形成焦些法,其实细心学会发现,这里是有些潜规则,有是和色有关,有可能和色关。比如说样色或样大小象,具象东西比抽象东西容易形成焦、物比场景或风景容易形成焦、图像比文容易形成焦、标题文比内文容易形成焦、暖色比冷色容易形成焦、强比比弱比容易形成焦,最后我们分来看下。

用一篇超强干货,帮你学会高手都在用的焦点配色法

具象事物比抽象事物容易形成焦,这个似乎没什么可说,大家应该都能明显感觉到,比如这个海报,即使脸围有着密密麻麻抽象图像,我们注意力依然在脸部分。

用一篇超强干货,帮你学会高手都在用的焦点配色法

物要比场景更容易生焦,比如这个海报,时存在两张图片,虽然上图片是匹不是,是理是样,我们视线是想关注这个眼睛,而下海我们可能是扫而过。

用一篇超强干货,帮你学会高手都在用的焦点配色法

图片比文更容易形成焦,这个也是需多说,为即使都是黑白图片和文,我们也会首先注意到图片,这是图片所具有天然魅力。比如这个海报,假如我们把图片遮掉,那么红色「魂」毋庸疑是第焦,为在堆黑色文它实在太显眼了,是加上物图片话,没有多少会去关注「魂」了。

用一篇超强干货,帮你学会高手都在用的焦点配色法

标题比内文更容易生焦,这是为标题所具有天然优势,也是积优势,比如我们看这个海报,其实它这里标题使用与图片样蓝色并不是很突出,虽然日期和副标题使用了色相比,也确实成为了焦,是于主标题影响并不是很大,我们依然不会忽略掉主标题,这是积原所造成,为它足够大。

用一篇超强干货,帮你学会高手都在用的焦点配色法

暖色比冷色更容易形成焦,这个海报是个很好说明,为海报两个图片大小相,唯区是个是暖色个是冷色,那么哪个更吸引你呢?定是暖色,如你说你是被冷色所吸引那也没关系,是你自己保留意见,我不接受反驳。

用一篇超强干货,帮你学会高手都在用的焦点配色法

最后是强比大于弱比,比如我们看这个海报,其实本身背景色上有色相比,是为比不够强,所以让上红色成为了焦,为红色与体背景形成了强烈深浅比。

本期程到这里就结束了,简单总结一,首先我们通过一些案例说明了色彩焦点的重要性,就是满足了人的种需求:生需求、视觉传达的需求及审美的需求。次我们讲解了如何形成或强调焦点,就是通过一些色彩对来实现。最后补充了一些焦点配色中存在的潜规则,就是哪些容或形式具有形成焦点的天然优势。当然这一切的落脚点还要归到视觉传达及色彩营销上。

欢迎关注研习的公众号:「Yanxishe2017」

用一篇超强干货,帮你学会高手都在用的焦点配色法

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

随着 5G 时代的来临,直播间竞争将会更加激烈与残酷。商家想在这场混战中站稳脚跟甚至领先,直播间装修精细化、精致化是必然...
直播间
对比其实是不同元素和个体之间的差异的外化表现,差异越大,对比就越明显。在几乎所有的设计项目当中,设计师总会出于各种目...
对比度
追根溯源,人类对于节奏的认知,最初来源于大自然的规律,太阳东升西落,月有阴晴圆缺,聪明的人类通过模仿这些规律,最后演...
正负形设计
近年来,「设计规范」逐渐被「设计体系」或「设计语言」的概念重塑。基于一套架构严谨、规则统一的体系框架,产品表现层面的...
一致性原则
@研习设K先生 :「把这个logo放大!再放大!」「把这个活动内容给我改成亮眼的颜色,我要一眼就能看到的那种!」听到这些话大...
平面设计
@飞屋睿UIdesign :渐变这一视觉趋势,在最近几年里可谓如日中天。很多平平淡淡的设计,将平涂改为渐变,立刻就能增加醒目感...
对比色
再过几天就又双叒叕到「双十一」了,身边的许多朋友已经开始忙着囤优惠券,找链接了,而做为「设计“狮”」的我却还在连夜赶着...
对比
我们在日常的工作中是不是经常遇到以下的情况: 一段信息或者一张图片应该排在页面什么位置合适?为什么排在这里? 左边...
对比