配色入门(配色知识初学者必读)

本文主要介绍配色入门(配色知识初学者)，下面跟着东辰网详细了解一下吧。

今天我就来分享和总结一些配色的技巧和方法。不管你是有美术/色彩基础还是零基础，都可以用这个方法打造出安全的配色方案。

所谓安全配色，就是遵循一些设计规范和色彩规范，适应Web等方面的UI设计。在这些颜色的基础上，只要能控制好比例，就可以大胆配色，不用参考，不用抄袭，不用借鉴。一个感知安全配色，一个标准安全配色。

这个分享涉及到一些我学习和总结的色彩理论。当然，如果学生能够学习并巩固他们的色彩理论和艺术技巧，那么玩色彩将是非常有益的。本文由博主@ChuckieChang分享整理。欢迎交流。

学习配色的三种方法学习方法1:油漆涂鸦

买一点颜料，水彩，水粉，丙烯，学一点色彩基础知识，然后用各种颜料做出大胆的色彩。你会发现原来颜色很神奇，好好玩。什么是优秀？唐t想都别想，跟着自己的喜好，乱涂乱画，用颜料大胆调和。

学习方法二:观察生活。

比如我们的木桌就是用那些类似的棕色做的？桌子的颜色在夜晚的噪音、灰尘、台灯或者白天的自然光下，饱和度和亮度会发生什么变化？再比如外面的大树，不同时间它的影子的长度、深度、角度，不同植物绿色的差异。多看多拍，会觉得颜色很多。

学习方法三:玩软件

比如用AdobeKuler，PhotoshopCS上面的一个插件，它的CC2015版本是AdobeColorThemes。观察它们的色彩模式、色环角度、色彩位置，也能发现很多色彩感受。

要在没有任何参考的情况下，创造出安全的UI界面设计配色方案，可以通过四个阶段进行训练和学习。

在开始阶段，熟悉基本的常见颜色知识与技巧并快速熟悉。你不不用背概念和术语解释，看图就行了！！！当然，如果你有很好的学习精神，那就自己去了解一下术语和概念吧。

(现阶段大部分图片来自网络，我用过的一些配色软件和其他美术书籍的截图都是常见的图片。在这里，我根据自己的学习理解和自己的喜好，做了一些筛选和整理)

如果想更准确的控制色彩，更有感觉，可以学习一些常见的色彩知识。当然，我赢了。;这里就不一一列举了。下面是我自己的一些常用色彩知识。

至于很多颜色术语的准确详细解释。我赢了。;不要再抄了。想了解的话，可以去百度百科或者买一些美术书籍来学习。这里我主要是直观地观察颜色，用自己的感觉去理解基本的色彩原理):

1.色环、色调、明度、对比色、冷暖色

直接看这张图，你大概就明白这些颜色术语的意思了。

2.三原色

有两种主要颜色:

)光源和显示屏:设计中常用的红绿蓝(RG)。

)颜料、油漆桶、美术:红、黄、蓝。

3.无色系统

简单来说就是黑、白、灰，现实生活中，无色的颜色也不少。

4.模拟色，相似色

直接看图，色环里的角度一目了然。

5.互补色，对比色

直接看图，180度对角线就是。

6.黑白的

亮度和亮度颜色的变化是。

7.分割互补色(由互补色和模拟色共同决定的颜色关)

颜色关系略复杂，但也相当常见:

8.二级色(三位一)

看起来像魔法阵吗？它可以旋转和着色。

9.用于印刷的四分色

CMY是三种印刷油墨的首字母:青色、洋红和黄色。k取黑色的最后一个字母，以及它不取的原因t取开始个字母是为了避免与蓝色混淆。

常用的印刷颜色，了解它，我不我做UI的时候不会想太多。

10.色彩心理学

这是我看了美国视觉设计教材后捡到的，是色彩的内涵，是色彩传达的意义。

11.色偏调整

当你用颜料玩色彩时，它经常被使用。如果用Photoshop玩颜色，可以反悔。

变黄:减少变黄

发红，质量:增加青色(红色的)，降低质量。

紫色:(蓝色多，红色)加黄色，减积。

部分绿色:附加产品

第二阶段，使用配色软件快速了解上面一些常用的色彩知识后，就可以使用软件进行配色了。这里我总结了一些方法，供大家参考。因为每个人s配色习惯不同，仅供参考。

(这个阶段的图片是我自己拍的)

1.马赛克配色法这个方法很简单。你不不需要使用软件来建立颜色关系。只需选择一张图片并建议a风景照片和照片因为大自然的颜色是最和谐最安全的。不建议使用其他人■插图或设计作品要马赛克。

)首先，你自己设计的目标是什么？我要做一个个人网站吗？还想做万圣节UI？还想做企业产品站？还是想做少女题材？或者...

)然后，根据你对色彩心理学的理解，如果我们想做一个女生的UI，可以用女生会喜欢的亮色，比如粉色和紫色，然后我们尽量找一个秋天，落叶，美丽风景照。

直接从百度上找到了下面这张图。它不小图片是否有水印并不重要。我们不。;t.对于商业用途，我们只使用马赛克，哪个赢了不要侵犯版权。It没关系。

)然后用Photoshop将其镶嵌。记得在滤镜下使用大尺寸的马赛克。

达到以下效果:

)嗯，配色方案出来了。It安全了。你还想要什么？如果你不喜欢这个颜色，你需要调整它。It在图层上设置饱和度调整图层方便快捷。

你可以根据自己的需要进行调整。我的箭标有安全色。我自己也可以过滤一些。

2.AdobeKuler，AdobeColorTheme)这种方法可以直接使用默认自带的高版本Photoshop配色插件，CS6以上版本都默认自带其中一个。

)例如，如果我想设计一个有糖果和圣诞树的圣诞网站，我需要定义一个核心颜色和颜色绿色或红色，以及圣诞树或圣诞帽的颜色。

然后我就可以直接用软件大胆建立配色方案了。

我选择绿色给你。我不我不在乎如何选择我的绿色饱和度亮度。我只需要根据自己的感觉先选一个绿色的就可以了。

好吧，那就是它。我选了很亮的绿色，不是天然绿色。

)然后把工具栏的背景色设置成这个颜色，这样我们就可以直接在插件中调用了。

)打开插件，将我们的背景色应用到基色，然后单击箭头所示的按钮。

选择配色，有:相近色、单色、二次色(三位一体色组)、补色(对比)、复合色、深色(阴影)、自定义。

选择后，可以拖动颜色的控制点变换，然后单击如图所示的按钮，将其添加到色样中使用。

样本如下:

嗯，配色方案已经制定出来了。如果需要，可以添加对比色。我常用的三种配色模式是:相近色、单色、对比色(适)。

你在正式设计web或APP的界面时，要控制色彩的比例，这需要长期的积累，但你只需要记住对比色合适，有些特殊的风格可以用1/2，但很多时候对比色是少数，单色是大的。

第三阶段，色彩记忆感熟悉网页设计中常见的色彩搭配，甚至可以多记忆，培养潜意识的色彩感，记住常用色彩的中英文名称。

(下图指的是美国网页设计规范的视觉部分。因为Web规范中有数百种颜色，所以我们可以Idon’我不会一个一个地记住它们。我们只需要熟悉这些常见的颜色，比如一种感觉，背景色，文字色，那么在配色的时候也可以直接引用。我们只需要记住这些常见颜色在色样中的位置，它们的明度和饱和度的差异，就可以很容易的直接调用了)

普通背景色

普通文本颜色

第四阶段，发掘优质的色彩资源，在Googledesign学习色彩、材质设计等新玩意，学习新的色彩思维和创作方法。

Google.com/design(下图为网站截)

好了，通过以上四个阶段的学习，或者一般的第二阶段，你就可以用软件安全的创建配色方案了。唐不需要太深的粉底。

如果你真的很懒，那没关系。;没关系，只要掌握第二阶段的软件配色方法，就OK了。当然你得多练习，自己控制色彩比例。它不这并不意味着你可以通过创造一个配色方案来做出漂亮的作品。这就需要我们掌握以下的色彩比例控制！！

以后我会做一篇文章，讲解色彩比例控制的技巧和方法。希望这个分享对大家有用！)本文由博主@ChuckieChang分享整理。欢迎交流。

今天我就来分享和总结一些配色的技巧和方法。不管你是有美术/色彩基础还是零基础，都可以用这个方法打造出安全的配色方案。

所谓安全配色，就是遵循一些设计规范和色彩规范，适应Web等方面的UI设计。在这些颜色的基础上，只要能控制好比例，就可以大胆配色，不用参考，不用抄袭，不用借鉴。一个感知安全配色，一个标准安全配色。

这个分享涉及到一些我学习和总结的色彩理论。当然，如果学生能够学习并巩固他们的色彩理论和艺术技巧，那么玩色彩将是非常有益的。本文由博主@ChuckieChang分享整理。欢迎交流。

学习配色的三种方法学习方法1:油漆涂鸦

买一点颜料，水彩，水粉，丙烯，学一点色彩基础知识，然后用各种颜料做出大胆的色彩。你会发现原来颜色很神奇，好好玩。什么是优秀？唐t想都别想，跟着自己的喜好，乱涂乱画，用颜料大胆调和。

学习方法二:观察生活。

比如我们的木桌就是用那些类似的棕色做的？桌子的颜色在夜晚的噪音、灰尘、台灯或者白天的自然光下，饱和度和亮度会发生什么变化？再比如外面的大树，不同时间它的影子的长度、深度、角度，不同植物绿色的差异。多看多拍，会觉得颜色很多。

学习方法三:玩软件

比如用AdobeKuler，PhotoshopCS上面的一个插件，它的CC2015版本是AdobeColorThemes。观察它们的色彩模式、色环角度、色彩位置，也能发现很多色彩感受。要在没有任何参考的情况下，创造出安全的UI界面设计配色方案，可以通过四个阶段进行训练和学习。

在开始阶段，熟悉基本的常见色彩知识及技巧并快速熟悉。你不不用背概念和术语解释，看图就行了！！！当然，如果你有很好的学习精神，那就自己去了解一下术语和概念吧。

(现阶段大部分图片来自网络，我用过的一些配色软件和其他美术书籍的截图都是常见的图片。在这里，我根据自己的学习理解和自己的喜好，做了一些筛选和整理)

如果想更准确的控制色彩，更有感觉，可以学习一些常见的色彩知识。当然，我赢了。;这里就不一一列举了。下面是我自己的一些常用色彩知识。

(至于很多颜色术语的准确详细解释，我赢了不要复制它们。想了解的话，可以去百度百科或者买一些美术书籍来学习。这里我主要是直观地观察颜色，用自己的感觉去理解基本的色彩原):

1.色环、色调、明度、对比色、冷暖色

直接看这张图，你大概就明白这些颜色术语的意思了。

2.三原色

有两种主要颜色:

)光源和显示屏:设计中常用的红绿蓝(RG)。

)颜料、油漆桶、美术:红、黄、蓝。

3.无色系统

简单来说就是黑、白、灰，现实生活中，无色的颜色也不少。

4.模拟色，相似色

直接看图，色环里的角度一目了然。

5.互补色，对比色

直接看图，180度对角线就是。

6.黑白的

亮度和亮度颜色的变化是。

7.分割互补色(由互补色和模拟色共同决定的颜色关)

颜色关系略复杂，但也相当常见:

8.二级色(三位一)

看起来像魔法阵吗？它可以旋转和着色。

9.用于印刷的四分色

CMY是三种印刷油墨的首字母:青色、洋红和黄色。k取黑色的最后一个字母，以及它不取的原因t取开始个字母是为了避免与蓝色混淆。

常用的印刷颜色，了解它，我不我做UI的时候不会想太多。

10.色彩心理学

这是我看了美国视觉设计教材后捡到的，是色彩的内涵，是色彩传达的意义。

11.色偏调整

当你用颜料玩色彩时，它经常被使用。如果用Photoshop玩颜色，可以反悔。

变黄:减少变黄

发红，质量:增加青色(红色的)，降低质量。

紫色:(蓝色多，红色)加黄色，减积。

部分绿色:附加产品

第二阶段，使用配色软件快速了解上面一些常用的色彩知识后，就可以使用软件进行配色了。这里我总结了一些方法。你可以做参考，因为每个人的配色习惯不同，仅供参考。

(这个阶段的图片是我自己拍的)

1.马赛克配色法这个方法很简单。你不不需要使用软件来建立颜色关系。只需选择一张图片并建议a风景照片和照片因为大自然的颜色是最和谐最安全的。不建议使用其他人■插图或设计作品要马赛克。

)首先，你自己设计的目标是什么？我要做一个个人网站吗？还想做万圣节UI？还想做企业产品站？还是想做少女题材？或者...

)然后，根据你对色彩心理学的理解，如果我们想做一个女生的UI，可以用女生会喜欢的亮色，比如粉色和紫色，然后我们尽量找一个秋天，落叶，美丽风景照。

直接从百度上找到了下面这张图。它不小图片是否有水印并不重要。我们不。;不要把它用于商业用途。我们只是把它作为一个马赛克，哪个赢了不要侵犯版权。It没关系。

)然后用Photoshop将其镶嵌。记得在滤镜下使用大尺寸的马赛克。

达到以下效果:

)嗯，配色方案出来了。It安全了。你还想要什么？如果你不喜欢这个颜色，你需要调整它。It在图层上设置饱和度调整图层方便快捷。

你可以根据自己的需要进行调整。我的箭标有安全色。我自己也可以过滤一些。

2.AdobeKuler，AdobeColorTheme)这种方法可以直接使用默认自带的高版本Photoshop配色插件，CS6以上版本都默认自带其中一个。

)例如，如果我想设计一个有糖果和圣诞树的圣诞网站，我需要定义一个核心颜色和颜色绿色或红色，以及圣诞树或圣诞帽的颜色。

然后我就可以直接用软件大胆建立配色方案了。

我选择绿色给你。我不我不在乎如何选择我的绿色饱和度亮度。我只需要根据自己的感觉先选一个绿色的就可以了。

好吧，那就是它。我选了很亮的绿色，不是天然绿色。

)然后把工具栏的背景色设置成这个颜色，这样我们就可以直接在插件中调用了。

)打开插件，将我们的背景色应用到基色，然后单击箭头所示的按钮。

选择配色，有:相近色、单色、二次色(三位一体色组)、补色(对比)、复合色、深色(阴影)、自定义。

选择后，可以拖动颜色的控制点变换，然后单击如图所示的按钮，将其添加到色样中使用。

样本如下:

嗯，配色方案已经制定出来了。如果需要，可以添加对比色。我常用的三种配色模式是:相近色、单色、对比色(适)。

在你正式设计网站或AP之前p界面，你要控制色彩的比例，这需要长时间的积累，但你只需要记住对比色合适，有些特殊的款式可以用1/2，但大多数时候对比色是少数，单色铺的是大色。

第三阶段，色彩记忆感熟悉网页设计中常见的色彩搭配，甚至可以多记忆，培养潜意识的色彩感，记住常用色彩的中英文名称。

(下图指的是美国网页设计规范的视觉部分。因为Web规范中有数百种颜色，所以我们可以Idon’我不会一个一个地记住它们。我们只需要熟悉这些常见的颜色，比如一种感觉，背景色，文字色，那么在配色的时候也可以直接引用。我们只需要记住这些常见颜色在色样中的位置，它们的明度和饱和度的差异，就可以很容易的直接调用了)

普通背景色

普通文本颜色

第四阶段，优质色彩资源探索学习Googledesign中的色彩、材质设计等新玩意，学习新的色彩思维和创作方法。

Google.com/design(下图为网站截)

好了，通过以上四个阶段的学习，或者一般的第二阶段，你就可以用软件安全的创建配色方案了。唐不需要太深的粉底。

如果你真的很懒，那没关系。;没关系，只要掌握第二阶段的软件配色方法，就OK了。当然你得多练习，自己控制色彩比例。它不这并不意味着你可以通过创造一个配色方案来做出漂亮的作品。这就需要我们掌握以下的色彩比例控制！！

以后我会做一篇文章，讲解色彩比例控制的技巧和方法。希望这个分享对大家有用！)本文由博主@ChuckieChang分享整理。欢迎交流。

了解更多配色入门(配色知识初学者必)相关内容请关注东辰网。