很多人以为UI的颜色选择主要取决于设计师的品味和美感。但是,颜色选择的过程比外表看起来要复杂很多,在设计中起着重要的作用。在我们之前的一篇关于颜色心理学的文章中,我们发现颜色对我们的心情和行为有很大的影响。这就是为什么产品的胜利很大水平上取决于设计所选择的颜色。研讨标明,人们只需90秒就能对一种产品做出下认识的判别,而其中62%至90%的判别仅基于颜色。因而,选择适宜的颜色关于改良产品的转换率和进步产品的可用性是十分有用的。
  Many people think that the choice of UI color depends mainly on the designer's taste and aesthetics. However, the process of color selection is much more complicated than the appearance and plays an important role in design. In our previous article on color psychology, we found that color has a great influence on our mood and behavior. That's why the success of a product depends largely on the color chosen by the design. The study shows that people can recognize a product in 90 seconds, and 62% to 90% of the discrimination is based on color only. Therefore, it is very useful to choose the appropriate color for improving the conversion rate of products and improving the usability of products.
  为了发明好的设计,更有效地运用颜色,你需求理解颜色是如何构成的,以及它们之间是如何互相联络的。这就是为什么艺术学校、学院和大学的学生学习颜色理论,努力于研讨颜色的实质。今天,我们提供应你记住(以至学习)颜色理论的根底上的颜色组合,能够有效地应用于你的设计创作。
  In order to invent good designs and use colors more effectively, you need to understand how colors are made up and how they relate to each other. That's Why art school, college and university students learn color theory and try to study the essence of color. Today, we offer you a combination of colors that you can remember (and even learn) from the fundamentals of color theory and can be effectively applied to your design.
  01.色相环/色轮
  01. Chromatic Phase Loop/Chromatic Wheel
  假如你上过有关绘画的课,你一定见过由不同颜色组成的圆圈。它被称为色相环/色轮,这有助于了解不同的颜色如何互相关联,以及如何将它们组合起来。色相环通常由主色、次色和三色组成。主要的是这三种色素的颜色不能构成任何其他颜色的组合。把原色分离起来,就得到了第二种颜色,而原色和第二种颜色的混合就得到了第三种颜色,它们通常有两个词的名字,比方红紫。
  If you have taken a class on painting, you must have seen a circle of different colors. It is called a hue loop/color wheel, which helps to understand how different colors relate to each other and how they are combined. Chromatic rings are usually composed of primary, secondary and tricolor. Most importantly, the colours of the three pigments cannot constitute any other combination of colours. Separating the primary colour gives you the second colour, and mixing the primary colour with the second colour gives you the third colour. They usually have two names, such as red and purple.
  02.颜色模型
  02. Color Model
  在你开端混合颜色之前,你需求理解颜色有两种不同的性质:有形的颜色是物体外表的颜色,其他颜色是由光产生的,比方电视的光束。这些类型创立了两个颜色模型,经过它们能够构成色轮:加法和减法。
  Before you start mixing colours, you need to understand that colours have two different properties: tangible colours are the colours of an object's appearance, and other colours are produced by light, such as the light beam of a TV. These types create two color models through which the color wheel can be constructed: addition and subtraction.
  加色模型将红、蓝、绿作为原色,因而也称为RGB颜色系统。这个模型是屏幕上运用的一切颜色的根底。在这个系统中,原色以相同比例组合而成的第二种颜色是青色、品红和黄色,但是你需求记住,你添加的光越多,颜色就变得越亮越浅。关于习气于油漆、染料、油墨和其他有形物体的减色法的人来说,经过混合加色得到的结果常常是违背直觉的。
  The additive model takes red, blue and green as primary colors, so it is also called RGB color system. This model is the basis of all the colors used on the screen. In this system, the second color that the primary color combines in the same proportion is cyan, magenta and yellow, but you need to remember that the more light you add, the lighter the color becomes. For people accustomed to subtraction of paints, dyes, inks and other tangible objects, the results obtained by mixing and adding colors are often counter-intuitive.
  减色法经过对光的减法得到颜色。它由两种颜色系统组成。种是RYB(红、黄、蓝),也称为艺术系统,常用于艺术教育,特别是绘画。RYB是现代科学颜色理论的根底,该理论以为青色、品红和黄色是三种颜色中有效的组合。这就是CMY颜色模型的构成过程。它主要用于印刷,当制版印刷的关键部件为黑色油墨时,该系统被命名为CMYK(青色、品红、黄色和黑色)。假如没有这种额外的色素,接近黑色的阴影将是混浊的棕色。
  The subtraction method obtains the color by subtracting light. It consists of two color systems. The first is RYB (red, yellow, blue), also known as the art system, which is often used in art education, especially painting. RYB is the foundation of modern scientific color theory, which considers cyan, magenta and yellow as the most effective combination of the three colors. This is the formation process of CMY color model. It is mainly used for printing. When the key component of plate-making printing is black ink, the system is named CMYK (blue, magenta, yellow and black). Without this extra pigment, the nearest shade to black would be cloudy brown.
  03.颜色的加法与减法
  03. Addition and subtraction of color
  您应该记住这两个系统之间的主要区别:加法用于数字屏幕,减法用于印刷媒体。假如你正在做的设计项目是要打印出来的,不要遗忘一个简单但重要的规则:你在屏幕上看到的颜色在打印出来的时分看起来不一样。加色谱比CMYK更宽,这也是为什么倡议设计师在打印前把他们的项目转换成减色法,这样他们就能够看到接近他们得到的结果。但是,假如您运用数字产品,RGB颜色系统是明智的选择,由于它允许创立惊人的东西与它的广谱彩色。
  You should remember the main difference between the two systems: additions for digital screens and subtractions for print media. If your design project is to be printed, don't forget a simple but important rule: the color you see on the screen looks different when printed. Addition chromatography is broader than CMYK, which is why designers are encouraged to convert their projects into subtractions before printing, so that they can see results close to what they get. But if you use digital products, the RGB color system is a wise choice, because it allows you to create amazing things with its broad-spectrum color.
济南logo设计
  04.颜色谐和
  04. Color Harmony
  “谐和”这个词通常与有序和令人高兴的事物联络在一同。颜色谐和是指在设计中以吸收人、有效的方式对颜色停止排列,让用户感知。当颜色有条理的时分,观者会感到愉悦战争静,而不谐和的设计则会给人紊乱和厌恶的觉得。颜色的均衡在设计中是至关重要的,由于用户对网站或应用程序的印象,颜色有很大的影响。设计师辨别了有效工作的根本配色计划。
  The word "harmony" is usually associated with orderly and pleasant things. Colour harmony refers to the most absorbable and effective way to stop the arrangement of colors in the design, so that users can perceive it. When the color is organized, the viewer will feel happy and quiet, while the disharmonious design will give people a feeling of disorder and disgust. Color balance is very important in design, because the user's first impression of the website or application program, color has a great impact. The designer identified the fundamental color scheme for effective work.
  05.单色
  05. Monochrome
  它是基于一种颜色与它的各种色彩搭配。单色的呈现总是一个成功的选择,由于它颜色属性单一,容易发明一些简约的配色计划。
  It is based on the combination of a color and its various colors. Monochromatic rendering is always a successful choice. Because of its single color attribute, it is easy to invent some simple color matching plans.
  06.相似色/同类色
  06. Similar/Same Color
  要创立相似的颜色,您需求运用颜色轮上相邻的颜色。这品种型的配色计划用于不需求比照的设计,包括网页或横幅的背景。
  To create similar colors, you need to use adjacent colors on the color wheel. This variety of color matching schemes is used for design that does not require comparison, including the background of webpages or banners.
  07.互补色
  07. Complementary color
  互补的计划是混合的颜色放在彼此前面的色轮上。这个计划与相似的单色相反,由于它的目的是产生高比照度。例如,蓝色背景上的橙色按钮在任何界面中都很难被疏忽。
  The complementary plan is to put the blended colors on the color wheel in front of each other. This scheme is contrary to similar monochrome schemes, because its purpose is to produce high contrast. For example, orange buttons on a blue background are hard to ignore in any interface.
  08.分割互补
  08. Segmentation and Complementarity
  这个计划与前一个计划相似,但它运用了更多的颜色。例如,假如你选择蓝色,你需求选择另外两种颜色,这两种颜色相邻,意义是黄色和红色。这里的比照度没有互补计划那么鲜明,但它允许运用更多的颜色。
  This plan is similar to the previous one, but it uses more colors. For example, if you choose blue, you need to choose two other colors, which are adjacent, meaning yellow and red. The contrast here is not as bright as the complementary plan, but it allows for more colours.

上一篇:大众美学是如何发展他们的美学设计风格的?
下一篇:对于一个企业来说没有vi设计就是没有灵魂!