颜色与颜色之间的搭配(颜色搭配要注意)

　　颜色与颜色之间的搭配(颜色搭配要注意)、本站经过数据分析整理出颜色与颜色之间的搭配(颜色搭配要注意)相关信息，仅供参考！

　　作者宣越洋/网易UEDC

　　地址http://www.ui.cn/detail/234910.html

　　颜色很重要。它是色彩设计的表现方法之一。颜色的不同搭配可以改变商品的印象。我们生活在这个多彩的世界。虽然我们每天都在享受大自然赋予我们的视觉盛宴，但轮到我们使用色彩时，我们是否会感到无助和无所适从？只有极少数人具有丰富的色彩感，很少有专家利用有限的色彩来创造视觉冲击效果。对于大部分正在纠结配色的人来说，怎样做才能提高自己的配色能力，避免出现严重的配色错误？

　　大家好，这篇文章比较基础简单。会介绍基本的配色理论和一些实用的配色工具，可能对正在纠结配色的新人有所帮助。也包括自己对配色的喜好。颜色不负责。冈本说，不同的人对颜色有不同的偏好。如果这篇文章能在读后给你一些配色的经验和帮助，那将是我莫大的荣幸。本文由《配色设计原理》和《设计的细节日本经典设计透析》两本书的部分内容组合而成。我建议你下班后阅读它们。以下是正文。

　　第一，需求完了，总觉得哪里不对劲。

　　无论是设计师为了需求还是运营，为微信官方账号写一篇新的推送文章，还是需要做一个ppt把产品展示给合作伙伴。花了大半天才最终把它扔掉。深吸一口气。准备送的时候，我仔细一看，总觉得不对劲。

　　一般配色都是在需求做出之前，或者作品完成之后，也就是“页面完成之后总有些不对劲”。这样的事情自然是配色上的一些问题造成的，那么我们该怎么做才能纠正呢？

　　从这张图我们可以感觉到确实有很多违和感，所以我们分开来讨论一下，哪些部分有问题，如何改进才会合适。我们将页面的内容分为背景(背景颜色)、图片(形状)和文字，分别描述颜色问题。

　　 1.背景，背景色太重。版面体现安静稳重风格时，用白色表现人像，是表达主题的一个基本原则。在选择背景时，往往需要考虑边角图片的背景，以免完成时色彩反差大。

　　 2.图片(图形)其实是比较统一的木色，只是上下部分的“圆”用了比较鲜艳的橘色，抹杀了照片本身的颜色。虽然它实现了吸引人的明亮气氛，但它给人一种轻率和不稳定的印象。

　　 3.文字，仔细看的话，文字的颜色好像太多了。照片简介用了三种颜色。，在深色背景上使用的黑色标题给人造成了文字不好读的感觉。

　　让我们对这个简单的例子做一些修改

　　修改后

　　 1.简单地利用白色背景。在风格简单的作品中，一般用白色背景来表达效果。白色背景色是版面设计的基础色，可以衬托任何照片。

　　 2.修正了图文颜色，使画面更加统一和谐，增加了可读性。

　　二、基本配色理论

　　说起来，关于如何选择颜色，其实有很多方法和理论。，由于设计师的个性和喜好，对同一件作品有不同的看法，真正具有丰富色感的只有极小一部分。我们能做的就是减少不必要的错误，在可以用理论方法的情况下正确使用色彩，仅此而已。接下来的部分是基本的配色理论，可能比较枯燥乏味，对于每一个需要和色彩打交道的设计师来说，这也是必须要满足的对象。

　　是什么颜色？

　　其实很难说是什么颜色。它是人脑对光的强度差异和不同波长产生的感知，与形状一起是最基本的视觉反应之一。物体照射的光和光反射的光被人脑接受，形成对“颜色”的认识。还有其他直接发光的物体，比如我们的屏幕。光波是电磁波的一种，其中人类能看到的称为“可见光”。根据可见光的波长由短到长，我们可以识别出紫色、蓝色、青绿色、绿色、黄绿色、黄色、橙色、红色等颜色。

　　颜色的三个属性

　　我们把颜色分为色相、明度(亮度)和纯度(饱和度)三个属性，可以根据三个属性对颜色进行系统的分类。要想掌握无数的色彩并运用自如，就必须充分了解这三个属性。

　　色相色相是指物理学或心理学上区分红、蓝、黄等颜色的要素之一，也指颜色本身。色相按光谱顺序排列，第一位相连形成圆形图形，称为“色相环”。在色环上确定了色调之间的关系后，配色实践就变得简单多了。

　　亮度(Brightness):亮度是指一种颜色的亮度。任何颜色加入白色，亮度增加，加入黑色，亮度降低。所以明度最高的颜色是白色，明度最低的颜色是黑色。黑白的灰度颜色表示亮度差异的表现。，明度也是决定文字可读性和物体外观的重要元素。两种颜色的区别，明度对比越强，颜色之间的界限越明显。

　　纯度(饱和度):纯度是指颜色的鲜艳度。鲜果鲜艳多彩的颜色代表“高纯度”，而树汁、泥土等天然染料简单淡雅的颜色代表“低纯度”。纯度越低，颜色越浑浊，纯度最低的是灰色(非彩色)。纯洁容易形成不同的气质。，纯度越高的越有活力，充满朝气。纯度越低，越成熟稳定。

　　三属性模式图(彩色立体)

　　其实可以简单理解为以色环为基础的圆柱体，整个色环分布在圆柱体的侧面；从圆柱体的底部到顶部，色环的亮度发生变化；从圆柱体的轴到平面，纯度是变化的。

　　，在现实中，纯度的变化会根据色相的不同而不同，并不是有规律的几何变化。，实际的“圆柱体模型”应该要复杂得多。

　　关于色调

　　你应该经常听到有人提到色相这个词，在颜色的三个属性中，并没有“色相”的定义。那么什么是色相呢？色调是指色彩的强度和浓淡程度，是通过色彩的明度和纯度来综合表现色彩状态的概念。也就是说，人们通常会觉得“这些颜色放在一起好像是同一个颜色”。虽然色相不太均匀，但如果“纯度”和“明度”调整得好，画面可以呈现出均匀的配色效果。

　　事实上，在日常生活中，色调是人们对颜色理解的一个非常重要的部分。很多时候，当我们觉得某个画面非常和谐统一的时候，往往就是色调一致的效果。在实际配色过程中，如果需要选择使用多种颜色或者使用一张色彩丰富的照片，使用色相调和法更容易达到效果。

　　色差和色调和谐

　　使用色调和谐的配色方案时，可以使用各种色调，但颜色的深浅(纯度/明度)需要控制在一个范围内。

　　第三，用实例描述基本的配色方法。

　　下面将用一个例子作为模板来展示基本的配色类型。可分为“色差形成的色彩搭配”和“色调和谐形成的色彩搭配”。

　　答色差形成的配色。

　　 1.主色配色

　　这是由一种色相组成的统一配色，体现了色相的整体统一性和强烈的印象。如果不是同一个色相，色环上相邻的相似色也可以形成相似的配色效果，这就是“同色系”配色和“相似配色”的效果。这种配色表现出自然和谐的印象，但也容易形成单调乏味的印象。

　　上图更多的是同色系的方式。

　　相似配色比同色配色略丰富。

　　 2.对比色的配色

　　由对比色组成的配色方案。可分为由“补色”或“对比色”组成的色相对比效果；黑白明度差组成的明度对比效果；以及由纯度差组成的纯度对比效果。由于色彩之间的相互对比，使用鲜艳、高纯度的色彩可以营造出强烈的视觉冲击效果。

　　上图是色相对比的方式。

　　 b:色调和谐形成的配色方案。

　　这是统一色调的统一配色。暗色调、暗色调以及其他类似的色调也能起到同样的效果。即使有很多色调，只要保证我所处理的色调，画面就能体现整体的统一性。

　　在营造气氛或情绪时，我们可以通过灵活运用色调来达到目的。不同的颜色可以表达柔和、明亮、简单、稳定和华丽的感觉。在确定色相之前，设计色相也是配色的基础理论之一。

　　 1.浅色混合

　　这幅画想表达冬天的景色。冬天清晰干净的印象让我选择了浅色系，利用明度的变化来表现层次感。

　　浅色混合

　　 2.暗色调与和谐

　　由低亮度、中纯度和高纯度颜色组成的夜景。图为安静祥和的氛围。

　　暗色调

　　 3.柔和(明亮)的和声

　　虽然使用了多种颜色，但由于对色调波动的控制，画面的色彩仍处于相对和谐的区域。

　　明亮的色调和谐

　　四、“认识理论方法，了解实践”

　　这一章我会讲一些我平时常用的配色方法和工具。希望能给读者在日常工作中提供一些简单的帮助。

　　 1.Adobe彩色CC

　　它的原名更有名，即库勒。不知道什么时候开始改名的，功能没怎么变。这是一个设计师分享配色方案的平台，已经保存了几千个预制的配色方案。Photoshop自带插件，可以直接调用上面的配色方案，应用到你的设计稿中，非常方便。

　　 2.ColorHexa

　　我经常使用这个网站，当我只确定了一种主色时，它可以帮我扩展这种颜色，搭配几个方案，甚至还有色盲校正方案。如果你只能确定一种必须使用的颜色，那么选择这个工具可能会给你一些启发。

　　 3.配色方案设计师

　　这是一个在线配色工具。与Adobe color相比，它有详细的颜色修改方法和简单的颜色演示工具。国内有旧版中文，但建议去官网用最新版本。

　　 4.有趣的日本传统颜色

　　这个网站列出了250种日本传统颜色，动画效果很好。如果你对日本色彩感兴趣，或许可以在这里得到一些启发。

　　五、城市中的配色套路

　　知道这么多道理，还是色不相称(捂脸)。如果你真的在纠结颜色搭配，不能轻松得到你想到的颜色，那么也许是时候求助于巧妙的方法了。

　　 1.从照片中获取颜色

　　你总能看到一些非常漂亮的图片，你的手机里可能也有，那么为什么不从中汲取一些色彩，用在你的设计中呢？色彩系列是灵感的重要来源。可以通过自己的素材库或者互联网渠道快速找到想要的颜色，提高设计效率。

　　 2.手动保存的颜色(渐变)

　　如果实在无法从色环中提取出自己想要的颜色，在日常阅读过程中收集优秀的配色方案，吸收保存，也是一种得心应手的方法。如果每天能保存两种配色，或者只是两种渐变色，一个月后就可以导出一份《我最喜欢的渐变色选集》。

　　 3.正确的色彩设计步骤

　　一个正确的设计步骤必须从一开始就选择正确的路径。为了避免出现“页面做完就出问题”的情况，我们每一步都需要提前做好设计的准备。

　　设计之初的问题

　　你想生产什么样的内容？

　　你想传达什么样的情感？

　　色彩在这个内容中的作用和定位。

　　你在为谁设计，或者说你在为谁设计？

　　这将在很大程度上帮助你选择一个合适的设计。有时候在色彩设计中很难确定这是不是正确的颜色，或者你调整过的颜色是不是最合适的。所以这个时候你要对产品目标、用户群体、使用场景等等做一个筛选分析。以便确定颜色选择。

　　设计进度方法

　　通常我们会把一个作品的颜色(这里指的是移动或者网页设计，插画也适用)分成几个部分进行选色。

　　背景色、主色、辅助色、高亮色(提醒色)

　　在正确的地方使用正确的颜色。

　　想必这个时候，你应该有一个大概的配色方案，注意不要犯一些常见的错误。例如，在正确和错误选项中使用错误的颜色就像在文章中使用红色背景的标志一样。

　　结论

　　其实我对配色也挺苦的。和大多数人一样，我在色彩方面没有什么特长。写完这篇文章，我更担心自己的配色能力了。希望你能在文章中有所收获。共同进步，赞美汤琪。

　　参考资料

　　 055-79000[日本]奥博斯科编辑部

　　 055-79000日经设计

　　部分图片来自网络。如果您的知识产权受到侵犯，请联系我。

　　

　　更多关于颜色与颜色之间的搭配(颜色搭配要注意)的请关注本站。