色彩设计的原理txt_设计原理：颜色

色彩设计的原理txt

Over the past five weeks I’ve written about simple principles you can employ to improve your designs, namely Contrast, Proximity, Balance and Value. In this final part of the series we’re looking at color. Color in design is a huge topic in itself, and I will undoubtedly return to it in future blog posts, but for today let’s take a look at how you can use color schemes when creating a mood for your design.

在过去的五个星期中，我写了一些简单的原理，您可以采用这些原理来改进设计，例如对比度 ， 接近度 ， 平衡性和价值 。 在本系列的最后一部分，我们将讨论颜色。 设计中的颜色本身就是一个巨大的话题，毫无疑问，我将在以后的博客文章中再次谈到它。但是，今天，让我们来看看如何在为设计营造氛围时使用颜色方案。

Color is an integral part of our lives. Nature uses color to warn off potential predators, to attract pollinators, to attract mates and to show fruit is ready for eating. Anyone who drives a car in a city follows traffic rules defined by red, green and amber, no text necessary. In advertising and design, color is used to grab attention and stimulate interest in ways that would be difficult to create by any other means.  Through history color has been used to indicate status, for example nobility and royalty is associated with purple, and color has been an important source of symbolism in many countries.

颜色是我们生活中不可或缺的一部分。 大自然用颜色警告潜在的掠食者，吸引传粉媒介，吸引伴侣，并表明水果可以食用。 在城市中开车的任何人都必须遵守由红色，绿色和琥珀色定义的交通规则，而无需输入文字。 在广告和设计中，色彩用于吸引注意力并以其他方式难以创造的方式激发人们的兴趣。 纵观历史，颜色一直被用来表示身份，例如贵族和皇室与紫色有关，而颜色在许多国家已成为象征意义的重要来源。

Something’s not quite right here.

这里有些不对劲。

So how do you go about choosing the right colors for your design? There is no single hard and fast rule, but the color wheel is a good place to get started.

那么，如何为设计选择正确的颜色呢？ 没有一成不变的规则，但是色轮是入门的好地方。

Warm and Cool

温暖和凉爽

The three traditional primary colors are red, blue and yellow. When you combine these you get the three secondary colors: orange, purple and green. When you combine each secondary color with its neighboring primary, you get the six tertiary colors: yellow-orange, yellow-green, blue-green, blue-purple, red-purple, red-orange. That’s where the color wheel comes from.

三种传统的原色是红色，蓝色和黄色。 当您将它们组合在一起时，将获得三种辅助颜色：橙色，紫色和绿色。 将每种辅助颜色与其相邻的辅助颜色组合在一起时，会得到六种第三种颜色：黄橙色，黄绿色，蓝绿色，蓝紫色，红紫色，红橙色。 这就是色轮的来源。

The image above shows colors arranged in the order of the spectrum: Red, orange, yellow, green, blue and purple (going anti-clockwise). Red is the warmest and blue is the coolest color. Warm tones appear in the red, orange and yellow side of the spectrum, with the cool tones appearing on the opposite side of the color wheel.

上图显示了按光谱顺序排列的颜色：红色，橙色，黄色，绿色，蓝色和紫色(逆时针旋转)。 红色是最温暖的，蓝色是最冷的颜色。 暖色调出现在光谱的红色，橙色和黄色一侧，冷色调出现在色轮的另一侧。

Monochromatic Color Schemes

单色配色方案

The monochromatic color scheme uses variations in lightness and saturation of a single color. This scheme tend to look clean, elegant while producing a soothing effect. The primary color can be integrated with neutral colors such as black, white, or gray. The downside of monochromatic color schemes is that the can sometimes lack contrast and appear less vibrant than some other schemes.

单色配色方案使用在一个单一的颜色的亮度和饱和度的变化。 该方案在保持舒缓效果的同时，看起来看上去干净，优雅。 可以将原色与黑色，白色或灰色等中性色集成在一起。 单色配色方案的缺点是，有时它们可​​能缺乏对比度，并且看上去比其他某些配色方案更鲜活。

Monochromatic scheme with a blue base

具有蓝色底色的单色方案

Monochromatic scheme with a red base

具有红色底色的单色方案

Analogous Color Schemes

类似配色方案

The analogous color scheme uses colors that are adjacent to each other on the color wheel. One color is set as the dominant color, the other add richness. The downside again is that there can sometimes be a lack of contrast.

类似的配色方案使用在色轮上彼此相邻的颜色。 一种颜色设置为主色，另一种颜色添加丰富度。 不利的一面是有时可能缺乏对比。

Analogous scheme with a blue base

具有蓝底的类似方案

Complimentary Color Scheme

免费配色方案

The complementary color scheme is made of two colors that are opposite each other on the color wheel. This scheme is very successful for creating strong contrast and for drawing attention.

互补色方案由色轮上彼此相对的两种颜色组成。 该方案对于产生强烈的对比度并引起注意非常成功。

Complementary scheme with a light green base

浅绿色基础的互补方案

Split Complementary Scheme

分割补充方案

The split complementary scheme is a variation of the standard complementary scheme. Take one color on the wheel and two colors adjacent to its complementary. The advantage of this scheme over a complimentary scheme is that it can be a little more sophisticated while still keeping a strong visual contrast.

分割互补方案是标准互补方案的一种变体。 在轮子上取一种颜色，在互补色上取两种颜色。 与互补方案相比，此方案的优势在于它可以更复杂一些，同时仍保持强烈的视觉对比。

Split Complementary scheme with a light green base

浅绿色基础的 分割 互补方案

Triadic Color Schemes

三色配色方案

The triadic color scheme uses three colors equally spaced around the color wheel. It’s great for providing balance, richness and contrast, although not as much contrast as the complimentary scheme.

三色配色方案使用在色轮周围均匀分布的三种颜色。 尽管提供的对比度不及免费方案，但它非常适合提供平衡，丰富和对比。

Triadic scheme with a blue base

蓝底三合会 计划

Tips for Using These Color Schemes

使用这些配色方案的提示

1. Choose one color to be used in larger amounts than others. You will get a horrible mess if you try to use equal amounts of every color. Be selective about your main or base color and then use the other colors to add interest.

1.选择一种要比其他更大数量使用的颜色。 如果尝试使用相等数量的每种颜色，您将陷入一团糟。 对主色或基色有选择性，然后使用其他颜色增加趣味。

The By The Pond site uses a lovely dark-blue grey with complimentary mustard text and highlights.

“ 在池塘边”网站使用深蓝灰色，并带有免费的芥末酱文字和高光。

2. If the colors look too gaudy, subdue them.

2.如果颜色看起来太艳丽，请制服它们。

3. There are several tools online for creating color schemes, my favorite is Kuler. It allows you to play with the colour wheel and choose the color schemes discussed here with one click.

3.在线上有几种用于创建配色方案的工具，我最喜欢的是Kuler 。 它使您可以玩色轮并一键选择此处讨论的配色方案。

4. *updated* Black, white and grey can be used in all of these color schemes. You could think of them as neutrals that can be used with any color scheme.

4. *更新*黑色，白色和灰色可用于所有这些配色方案。 您可以将它们视为可以与任何配色方案一起使用的中性色。

All colors are influenced by the colors placed around them. The symbol below is the same shade of red on the left and right, but the background color dramatically changes the look. The color scheme on the left is extremely hard on the eye, while on the right the colors work well together and have an uplifting feel.

所有颜色均受周围颜色的影响。 下方的符号在左侧和右侧是相同的红色阴影，但是背景颜色会极大地改变外观。 左侧的配色方案对眼睛非常困难，而右侧的配色效果很好，并具有令人振奋的感觉。

Inspiration from Nature

大自然的启发

If you’re looking for some inspiration and guidance for picking colours, turn off the computer and go outside. Mother Nature provides the best color combinations. Look at animals, plants, birds and take note of the amazing color schemes. Take photographs of them and keep them in your morgue file. Color Lovers has an excellent article on butterfly color schemes and I’ve written in the past about how to create color palettes from photographs in Photoshop and color schemes from paintings in Kuler.

如果您在寻找一些启发灵感和选择颜色的指导，请关闭计算机电源，然后出去看看。 大自然母亲提供最佳的色彩组合。 查看动物，植物，鸟类，并注意惊人的配色方案。 拍摄照片并将其保存在太平间文件中。 “色彩爱好者”有一篇关于蝴蝶色彩方案的优秀文章，我过去写过关于如何用Photoshop中的照片创建调色板和用库勒的绘画中 创建 色彩方案的文章 。

Things to think about when using color in your designs:

在设计中使用颜色时要考虑的事项：

1. Are the colors in your design working well together or are they hard on the eye? Is it difficult to read the text on the background?

1.设计中的颜色是否可以很好地配合使用？ 在背景上阅读文字是否困难？

2. Is your design too cool or too warm for what you want to convey? You can cool down overheated designs with small hints of cool colors (and vice versa).

2.您的设计对于要传达的内容而言是太凉还是太暖？ 您可以用一些淡淡的冷色来冷却过热的设计(反之亦然)。

3. Does your design work in black and white? If it does then a bit of color experimentation can really bring your design to its full potential.

3.您的设计是否黑白两种？ 如果这样做的话，那么进行一些色彩实验就可以真正将您的设计发挥到最大潜力。

4. If you’re designing for the web (or designing apps), have you thought about how color affects usability?

4.如果您是为网络(或设计应用程序)设计的，您是否考虑过色彩如何影响可用性 ？

Color theory is a huge, huge topic and we’ll be back to visit it plenty more times. For now I hope this has been a helpful overview and that you’ve found the series on principles of design useful. Thanks for reading.

颜色理论是一个巨大的主题，我们将再次访问它。 到目前为止，我希望这对您有所帮助，并且您发现关于设计原理的系列很有用。 谢谢阅读。

Do you have a natural flair for picking colors? What tools or methods do you use to help with picking colors?

您有自然的采色能力吗？ 您使用什么工具或方法来帮助选择颜色？

翻译自: https://www.sitepoint.com/principles-of-design-colour/

色彩设计的原理txt