写给新手“色”计师的配色攻略(一)

在纷繁复杂的视觉信息中,设计的首要任务是吸引视觉的注意力。在人的视觉层次中,色彩占据着第一顺位,最先被人的视觉所感知,所以较图形、文字有着在短暂的时间中吸引观众视觉注意力的显著效果,而且有效距离也更远。所以设计作品的合理配色是作品成功的起点。

好的配色往往依靠设计师审美、感觉搭配出来,但合理的颜色搭配必定存在合理的配色规律和配色方法论的支撑,本期分享简单有效的配色方法,希望能给新手“色”计师一些启发。


对于新手设计师来说,颜色越少越容易把控画面。色彩层级越精简,就越容易达到整体色彩平衡,掌握好色彩的功能划分必然会让你的配色过程保持思路清晰从而提高效率。

有些时候画面甚至只使用一种或者两种颜色也可以做出优秀的设计。一般情况下建议画面色彩不超过3种。(3种指的是色相,比如深红和暗红色可视为一种色相,黑白灰为无彩色,不算在内。)

 单色配色

在同一色相上进行纯度、明度变化,搭配上并没有形成颜色的层次,但形成了明暗的变化,单色搭配可以产生低对比度的和谐美感,给人协调统一的感觉。


 以绿色为基调的单色搭配,很好的突出产品“本草韵味”的特点


 使用单色(紫色)细微的渐变对比, 画面并不会显得单调,而且还有着低对比度的和谐美感


  不需要使用过多的颜色,通过蓝色明度的层次变化,画面也可以很丰富,能很好传达出清凉夏日大放价的主题

 双色搭配

色彩的数量越少,就越会呈现出强而有力的对比印象。在一个设计中如果只用两种颜色就能够完美呈现所要传达的效果,那么就没有必要添加任何其他辅助色彩了。因为色彩层级越精简,就越容易达到整体色彩平衡,也越容易把控。


 广告语使用高纯度高亮度的黄色,在低明度蓝色背景上,产生非常强烈的对比,很好把信息传递给受众


 使用粉红、紫色双主色,面积几乎相当,使之整体协调平衡,既有对比又有统一


 在灰白色背景上,通过紫、黄色对比很好的拉开层次,给人简洁大气的感觉

  多色搭配

一些促销、节日、儿童、食品等设计,要求画面有热闹、活力气氛,常会使用多色搭配使画面显得活跃,色彩数量使用的越多,就越会形成热闹愉悦的印象。


  但是颜色越多,越要根据配色比例来分配主色和副色,不然会使画面非常混乱,难以控制


 虽然在色彩数量上使用较多,但是通过大面积背景色的缓解和色彩明度的统一,不会有哪些色彩过于突出,也能表现出协调感平衡感


有些设计师曾提出过一个配色比例:70:25:5,其中的70%为大面积使用的主角,25%为副色,5%为点缀色。当然不是说每个设计都要遵循这个配色比例,但是告诉我们一个非常有用的配色规律:任何一个设计版面中通常都要有一个最主要和突出的颜色作为画面的主角,其他作为辅助或者衬托的颜色则会作为配角按照各自关系和强度呈现。

通常配色设计过程是从确定主色开始,在选择与之搭配的副色,最后根据造型,排版等方面调整增加多个点缀色。

主色:整个色调的核心颜色,通常也是相对占比最多的颜色,它决定了整个的风格和基调。

副色:画面中占比相对较小的颜色,它通常起到辅助主色,丰富画面的作用。一般是品牌色,产品颜色,大标题的颜色,常常是画面最重要的颜色,传递的是最核心信息。

点缀色:面积较小的色相,给主色,副色增加对比效果,让画面视觉效果更丰富细腻。


接下来通过一则:”匹克基德三代运动鞋”的广告设计,示范配色步骤。


首先确定主色。因为要突出产品“三级缓震技术”的技术性,使用蓝色为主色调,蓝色的运动鞋在蓝色背景的烘托下传达出很强的科技感。


接下来选择与主色搭配的副色(红色)。蓝色和红色属于对比色,蓝色的沉静稳重搭配红色的热情艳丽,形成了强烈的对比,并使用各自的色相更显突出,更为艳丽,具有强烈的视觉冲击力。


如果想让画面显得更丰富,热闹,可以添加点缀色。点缀色可以是一种色彩也可以是多种色彩,主要是装饰版面并为画面增添丰富的效果。



假如把一个画面看成一部电影,那么主色就是整个电影的主色,而副色则仅次于主角的配角,点缀色则可以看做其他不太重要的配角。


电影主角主导了整个电影的走向,对于设计作品来说,也是相同的道理,所以在配色过程中,首要的任务是确定配色的主角,让它来主导整个画面,之后的配才会有章可循。


主色调好似乐曲中的主旋律,决定着版面给受众的主要感受--是充满活力的,还是庄重宁静的,是热烈欢快的,还是含蓄深沉的,主色调在形成板式设计风格上起着举足轻重的作用,在主色很清晰明确的情况下,可以快速的把画面气质表达出来。

那么该如何确定主色调呢?这里给大家提供四种方法:

01依据企业形象用色

在激烈的市场竞争中,为了突出企业形象,提升产品的附加价值和识别度,以企业形象的形象色为主色调进行设计,使设计的画面具有统一的色彩,是最直接的配色方式。

如可口可乐热情喜庆的“红色”、百事可乐年轻活力的“蓝色”向人们传达出强烈的品牌效应。统一的识别性使消费者很容易通过色彩形象识别出企业,企业的良好形象自然地对消费者产生了可信度和品质感。








如果你不知道如何选择主色,那么以企业的形象为主色调准没错,也是确定主色调最方便快捷的方法。

02依据行业、商品属性用色

每一类别的行业、商品在消费者的印象中都有着根深蒂固的概念色、形象色、惯用色,人们凭借色彩对行业、商品性质进行判断的视觉习惯。这一视觉特点是由于人们长期感情积累,并由感性上升为理性而形成的特定概念,它成为了人们判断行业、产品的一个视觉信号,因而它对色彩设计产生着重要色影响。

比如在站酷网搜索“科技”,会发现大量优秀作品 都使用深蓝色为主色调。因为蓝色代表智慧和知识,很符合科技、互联网、数码等需要表达技术性的行业。


一般使用饱和度和亮度较高的浅蓝色,与亮度较低的深蓝色的背景搭配,通过明暗的反差来制造光感,就能拥有科技风格的炫酷感。


搜索:“儿童”,会发现大量优秀作品都使用明亮的黄色为主色调。因为明快的黄色具有年轻活力的属性,可以营造出童趣、梦幻、充满活力的氛围,适合用在体现活泼、热闹、趣味性较强的设计中。


运用此方法需要对行业或商品有一定的了解,可以通过搜索同行业或同商品的优秀作品进行分析,从而了解他们的常用的配色方案。

03根据主体色用色

根据主体本身得当颜色,选取同类或相邻色作为主色,使画面更统一协调。这个方法能很好的与主体色相呼应,视觉上产生相关联。



茶壶颜色为黑色,主色对应选取灰色,文案采用白色,最后选择花瓣和树叶的红色来点缀、丰富画面。


根据模特衣服紫色选取淡紫色为主色,文案相应选择紫红色和灰色。


使用模特最显眼的头发颜色为双主色,画面显得活泼时尚。

当画面有主体时,最直接的方法就是根据主体的颜色使用相似的色彩作为主色,文案颜色可以使用无色系的黑白灰,这样能使画面配色形成统一协调的基调。

04依据色彩情感用色

色彩能够渲染气氛和引起联想,是最能影响观众情绪,引起读者的心里共鸣的视觉元素。在主色很清晰、很明确的情况下,可以最快速、最简单的把画面气质表达出来。

以下四个案都是化妆品的广告,但是不同的色调给我们的感受是完全不一样的,黑色神秘奢华,绿色清新自然,紫色性感奢华,红色华丽时尚。



人们对色彩的联想,虽然会因为各种原因而存在差异,但是也有相当程度的共性。设计师在应用某种色彩之前,要充分理解和掌握这种色彩的情感意象以及它在特定环境下带给人们的联想与象征。大自然的颜色是无穷无尽的,对于新手设计师只需记住六种基础色相即可。





最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,186评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,858评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,620评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,888评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,009评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,149评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,204评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,956评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,385评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,698评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,863评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,544评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,185评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,899评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,141评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,684评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,750评论 2 351