赞助商
立即赞助

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

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

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

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

配色建议

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

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

1. 单色配色

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

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

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

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

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

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

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

2. 双色搭配

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

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

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

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

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

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

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

3. 搭

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

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

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

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

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

配色步骤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

主色调的功能

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

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

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

主色调的选择

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

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

1. 依据企形象色

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. 根据主体色用色

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

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

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

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

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

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

4. 依据彩情感用

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

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

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

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

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

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

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

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

总结

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

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

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

4 种确定色调的方法:

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

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

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

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

相关文章

@研习设K先生 :其实对色彩的感觉或者说色彩敏感度的提升并不是通过理论来学习的,关键点在于进行有效的色彩训练。 ...
色彩搭配
当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对...
经验分享
对于设计配色而言,系统的理论学习固然重要,但是对于初学者或者对色彩理论提不起兴趣学习的人来说,难道就没有可以快速完成...
Adobe color
设计行业,无时无刻不在和色彩打交道。配色问题一直是设计圈恒久不变的热门话题,网络上关于配色的知识多如牛毛,看的时候都...
基础色
如果你的网页中只能着重使用一种色彩,怎么做才好?跟着设计师 Kulik Oleg 来学学用色吧 ~
优秀网页设计
相信在日常工作中,经常会听到「这个画面看起来很凌乱」、「颜色太多太杂了」、「画面没有重点」之类的意见(吐槽)。 怎么...
色彩基础
@研习设K先生 :配色是很多人都比较关心的一个问题,之前的教程我也给大家讲解过一些配色思路和配色方法,而今天我就教大家一...
入门
对于设计配色而言,系统的理论学习固然重要,但是对于初学者或者对色彩理论提不起兴趣学习的人来说,难道就没有可以快速完成...
Adobe color