赞助商
立即赞助

超多案例!写给新手设计师的配色攻略(一)

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

在纷繁复杂视觉信息,设计首要任务是吸引视觉注意力。在视觉层,色占据着第位,最先被视觉所感知,所以较图形、文有着在短暂时吸引观众视觉注意力显著效,而有效距离也更远。所以设计作品合理配色是品成功的点。

好配色往往依靠设计师审美、感觉搭配出来,合理颜色搭配必定存在合理配色规律和配色方法论的支撑,期分享简单有效的方法,希望能给新手「」计师一启。

配色建议

对新手设计师来说,颜越少越容易把控画面。彩级越精简,就越容易达到整彩平衡,掌握彩的功能划分必让你的程持思路清晰,从而提高效率。

有些时候画甚至使用或者两颜色也可以做出优秀设计。般情况下议画色不过 3 。3 指是色相,比如深红和暗红色可视为色相,黑白灰为色,不算在内。

1. 单色配色

在色相上进纯度、明度变化,搭配上并没有形成颜色层,形成了明暗变化,单色搭配可以生低比度和谐美感,协调统感觉。

超多案例!写给新手设计师的配色攻略(一)

以绿色为基调单色搭配,很好突出品「本草韵味」特。

超多案例!写给新手设计师的配色攻略(一)

使用单色(紫色)细微渐变比,画并不会显单调,而有着低比度和谐美感。

超多案例!写给新手设计师的配色攻略(一)

不需要使用过多颜色,过蓝色明度层变化,画也可以很丰富,能很好传出凉夏日大放价主题。

2. 双色搭配

色数量越少,越会呈现出强而有力比印象。在个设计如用两颜色能够完美呈现所要传效,那么没有必要添加任何其他辅助色了。为色层级越精简,越容易到体色平衡,也越容易把控。

超多案例!写给新手设计师的配色攻略(一)

广告语使用高纯度高亮度黄色,在低明度蓝色背景上,生常强烈比,很好把信息传递受众。

超多案例!写给新手设计师的配色攻略(一)

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

超多案例!写给新手设计师的配色攻略(一)

在灰白背上,通紫、黄对比很的拉开次,给人简洁大气的感。

3. 搭

一促销、节、儿、食品等设计,要求画面有热闹、活力气氛,常使用搭使画面显得活跃,彩数量使用的越,就越形成热闹愉悦的印象。

超多案例!写给新手设计师的配色攻略(一)

但是颜越,越要根据比例来分主和副,不使画面非常混乱,难以控。

超多案例!写给新手设计师的配色攻略(一)

虽在彩数量上使用,但是通大面积背的缓和彩明度的统一,不有哪彩突出,也能表现出协感、平衡感。

配色步骤

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

常配色设计过程是从确定主色开始,再选择与搭配副色,最后根据造型、排版等调增加多个缀色。

色:是整个色调的核心颜色,通是相对占最多的颜色,它决定了整体的格和基调。

色:画面中占比相对较的颜色,它通常起辅助主色、丰画面的作用。一是品牌色、产品颜色、大标题的颜色,常常是画面最重要的颜色,传递的是最核心息。

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

超多案例!写给新手设计师的配色攻略(一)

超多案例!写给新手设计师的配色攻略(一)

下来通过一则「匹克基德三代运动鞋」的广告计,示范配色步骤。

超多案例!写给新手设计师的配色攻略(一)

超多案例!写给新手设计师的配色攻略(一)

首先确定色。因为要突产「级缓震技术」的技术性,使蓝色为色调,蓝色的鞋在蓝色背景的烘托传达很强的科技感。

超多案例!写给新手设计师的配色攻略(一)

接来择与色搭配的副色(红色)。蓝色和红色属于对色,蓝色的沉静稳重搭配红色的热情艳,形成了强烈的对,并使各自的色相更显突,更为艳,具有强烈的视觉冲击。

超多案例!写给新手设计师的配色攻略(一)

如果想画面显得更丰富、热闹,可添点缀色。点缀色可是一种色彩可是多种色彩,要是版面并为画面增添丰富的效果。

超多案例!写给新手设计师的配色攻略(一)

主色调的功能

假如把个画看成部电影,那么主色是个电影主,而副色则仅于主配,缀色则可以看做其他不太要配。

超多案例!写给新手设计师的配色攻略(一)

电影主主导了个电影走,于设计作品来说,也是相理,所以在配色过程,首要任务是确定配色主色,让它来主导个画,后配色才会有章可循。

主色调的选择

主色调好似乐曲主旋律,决定着版受众主要感受,是充满活力,是庄宁静,是热烈欢快,是含蓄深沉。主色调在形成版设计风格上起着举足轻作用,在主色很晰明确情况下,可以快速地把画质表出来。

那么该如何确定色调呢?这里给大供种方法。

1. 依据企形象色

在激烈的场竞争中,为了突企形象,升产的附值和识别,企形象的形象色为色调进行设计,使设计的画面具有统一的色彩,是最直接的配色方式。

如可可热情喜庆的「红色」、百事可年轻活力的「蓝色」向人传达出烈的品牌效应。统一的识别性使消费者容易通过色彩形象识别出企业,企业的良好形象然地让消费者产生了可度和品质。

超多案例!写给新手设计师的配色攻略(一)

超多案例!写给新手设计师的配色攻略(一)

如果你知道如何择色,那么企的形象色为色调准没错,是确定色调最方快捷的方法。

2. 依据行、商属性色

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

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

超多案例!写给新手设计师的配色攻略(一)

一使用饱和度和亮度较高的浅蓝色,亮度较低的深蓝色的背景搭配,通过暗的反差来制造光,就能拥有科风格的炫酷。

超多案例!写给新手设计师的配色攻略(一)

搜索「儿童」,会发现大量优秀作品都使用亮的黄色为主色调。因为快的黄色有年轻活力的属性,可以营造出童趣、梦幻、充活力的氛围,适用在体现活泼、热闹、趣味性较的计中。

超多案例!写给新手设计师的配色攻略(一)

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

3. 根据主体色用色

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

超多案例!写给新手设计师的配色攻略(一)

超多案例!写给新手设计师的配色攻略(一)

超多案例!写给新手设计师的配色攻略(一)

超多案例!写给新手设计师的配色攻略(一)

当画面有主时,最直接的方法就是根据主的颜使用相似的彩做为主,文案颜以使用无系的黑白灰,样能使画面形成统一协的基。

4. 依据彩情感用

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

以下四个案例都是化妆品广告,是不色调我们感受是完全不样,黑色神秘奢华,绿色新自然,紫色性感奢华,红色华丽时尚。

超多案例!写给新手设计师的配色攻略(一)

们色联想,虽然会为各原而存在异,是也有相程度共性。设计师在应用某色前,要充分理解和掌握这色情感意象以及它在特定环境下带们联想与象征。大自然颜色是穷尽,新手设计师需记住六基础色相即可。

超多案例!写给新手设计师的配色攻略(一)

超多案例!写给新手设计师的配色攻略(一)

众号攻略系列有六种彩情感的详细讲和操示范,大家以查看之前的文章:

超多案例!写给新手设计师的配色攻略(一)

总结

配色建议:对于新手设师,颜色越少越易把控画面。色彩层级越精简,就越易达到整体色彩平衡,掌握好色彩的功能划分必然会让的配色过程保持思清晰从提高效率。

步骤:通常设计程是从确定主开始,选择与之搭的副,最根据造型、排版等方面整增加个点缀。

主色调功能:在配色过程,首要任务是确定主色,让它来主导个画,后配色才会有章可循。

4 种确定色调的方法:

  •  依据企业形象用色
  • 依据行、商属性色
  • 根据主体色用色
  • 依据色彩感用色。

欢迎关注作者的公众号:「艺海拾贝Design」

超多案例!写给新手设计师的配色攻略(一)

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

相关文章

@飞屋睿UIdesign :渐变这一视觉趋势,在最近几年里可谓如日中天。很多平平淡淡的设计,将平涂改为渐变,立刻就能增加醒目感...
对比色
@研习设K先生 :在我们设计配色的过程中容易忽视一点就是通过色彩来强调主角,主角的刻画可以对版面的优劣起到决定性作用,所...
主色
对于设计配色而言,系统的理论学习固然重要,但是对于初学者或者对色彩理论提不起兴趣学习的人来说,难道就没有可以快速完成...
Adobe color
配色一直以来都是设计圈内老生常谈的话题,一幅优秀的作品离不开合理协调的颜色搭配。不同的颜色所表达的含义不同。即便是相...
配色
本文总结了配色过程中需要牢记的9个设计要点。 欢迎关注「优秀网页设计」公众号: 图片素材作者:Magg...
色彩搭配
简单易用,8 步制作出属于自己的色板。
色卡
如果你需要一些配色灵感,我介绍过许多色彩工具,通常都会给出不错的色彩组合,还有从特定主题挖掘色彩搭配,像是 Color Leap...
色彩搭配
在上期文章我们知道了配色的步骤通常是从确定主色开始,再选择与之搭配的副色,最后根据造型、排版等方面调整增加多个点缀色...
点缀色