To give you Photoshop software users to detailed analysis to share the new 0 basic color scheme for beginners.
Today, some color techniques and methods to do a share and summary, whether you have an art foundation/color base or 0 basis, you can use this method to create a secure color scheme.
The so-called security color matching, is to follow some design specifications, color specifications, adapt to the web and other aspects of the UI design, on the basis of these colors, as long as you can control a good proportion, you can be bold color, no reference, no need to copy, no reference. A kind of perceptual safe color matching, a standard safe color match.
This sharing involved some of their own study summed up the color theory, of course, if students can learn to consolidate their own color theory, a solid foundation of their art, to play the color is very good. This article by no place Daobo the main @chuckie-chang to share the reorganization, welcome everybody exchanges.
3 ways to learn color matching
Learning Method 1: Paint graffiti
Buy a little pigment, watercolor, gouache, propylene can, learn a little bit of the basics of color, and then use a variety of pigments bold palette, you will find that the original color and color between very magical, and so fun, what is excellent? No need to think about it, follow your own preferences, scribble, and use paint to make a bold blend.
Learning Method 2: Observing Life
Our wooden table, for example, consists of those similar to brown. Miscellaneous points, dust, the use of night lamp or daytime natural light, the table's color saturation, the degree of darkness will change. Again like the outside tree, different time, its shadow length, depth, angle, what is different, different plant green have what kind of difference, see more, clap clap, you will have a lot of color feeling.
Learning Method 3: Topsy software
For example, use Photoshop CS above the plug-in Adobe Kuler, CC2015 version is Adobe Color Themes. Observe their color patterns, color ring angle, color position, can also find a lot of color feeling.
to 0 color matching, without any reference to create a UI design of the security color scheme, we can through four stages to train to learn.
The first stage, the color knowledge understanding
Familiar with the basic "common color common sense", fast familiar, you can not go to memorize concepts, terminology interpretation, only need to look at the map to!!! Of course, if you are good at learning, you can learn to understand the concept of terminology.
(This stage of the picture more from the Internet, their own use of some color software screenshots, other art books, are some of the more common pictures, here I learn according to their own degree of understanding, according to their preferences do a certain screening finishing)
If you want to control the color of some accurate, more feelings, we can learn some commonly used color knowledge, of course, some are not how to use the understanding, I do not list here, the following is my own commonly used some color knowledge.
(As for a lot of color terminology of accurate, detailed explanation, I do not repeat it, want to understand their own to Baidu encyclopedia or buy some art books to learn, here I mainly intuitive observation of color, use the feeling to understand the basic color principle):
1. Color ring, hue, lightness, contrast color, warm and cold color
Look directly at this picture, you probably know what these color terms mean.
The three primary colors are divided into two types:
A) light source, display: red-green-blue (RGB), the design is commonly used.
b Paint, Paint bucket, art: red, yellow and blue.
Say simple, black and white ash, in real life, no color is quite a bit.
4. Analogy color, similar color
Look directly at the picture, the angle in the color loop, at a glance.
5. Complementary color, contrasting color
Look directly at the figure, the 180-degree diagonal is.
The "lightness" of a color is a change.
7. Split complementary color (also using complementary and analog color methods to determine the colour relationship)
A slightly more complex color relationship, but also quite common:
8. Two times color (Trinity)
Like a magic array, you can rotate to take color oh.
CMY is the first letter of 3 printing ink names: Cyan cyan, magenta magenta, yellow yellow. And K takes the last letter of Black, and the reason for not taking the first letter is to avoid confusion with blue.
Commonly used printing color, to understand, do the UI I do not think about this.
This is my own reading of the United States visual design materials after the pick, that is, we often say that the connotation of color, color transmission significance.
11. Partial Color Adjustment
When you use paint to play with color is more commonly used, if you use Photoshop to play, it can be undone.
Partial red, Product: Gatzing (complementary color of red), reducing product
Purple: (A lot of blue, a little red) add yellow, reduce products
The second stage, the application of color matching software
Quickly understand the above commonly used some color knowledge, you can use software to color, here I summed up a number of methods, we can do a reference, because everyone's color habits are different, only for reference.
(This phase of the picture is their own hands-on screenshot)
This method is very simple, do not need to use software to build a color relationship, choose a picture, suggest "landscape", because the color of nature is the most harmonious, safest, do not recommend the use of other people's illustrations or design works to mosaic.
(a) First of all, what is the goal of your own design? Do I have to do a personal website or do you want to do a Halloween UI or do you want to do a business product station or do you want to do a girl's theme?
B and then according to your understanding of color psychology, if it is to do the UI for girls, then we can use pink, purple and so on girls will like the bright colors, then we try to find a "fall, leaves, beautiful" scenery photos
The figure below is my direct Baidu to find, small figure large image watermark without watermark does not matter, we do not take to commercial, we just take to "mosaic", will not infringe copyright, nothing.
C then use Photoshop to put it mosaic, filter under the Mosaic, remember to be big yards.
Achieve the following effects:
D Well, the color scheme has come out, very safe, what else do you want? If you do not like this color, to adjust, layer to establish a saturation adjustment layer can be convenient and fast.
According to the need to adjust, I have arrows labeled the security of the color Oh, I can also filter some.
2. Photoshop plugin method (Adobe Kuler, Adobe Color Themes)
This method is directly using a high version of the Photoshop color plug-in, the default is to bring, CS6 to the above version of the default with one of them.
A For example I want to design a Christmas site, Christmas with Candy, a Christmas tree, then I need to define a "core color", green or red, Christmas tree or Christmas hat color.
Then I can use the software to boldly create a color scheme.
Here I choose "green", I do not care about my green saturation brightness is how to choose, I just according to their own feelings, first choose a green on the line.
Well, on it, choose a very bright green, it is not natural green.
b then set the background color of the toolbar to this color, so that we directly in the plug-in call.
C to open the plugin, the background color to apply to the plug-in "Base Color", click the arrow button can be
Select the color collocation, followed by: Similar color, monochrome, two times color (Trinity combination), complementary color (contrast), composite color, dark (shadow color), custom.
After you choose, you can drag the color Control point transformation, and then click on the image button to add to the palette to use
The swatches are as follows:
OK, the color scheme has been out, if you need, you can increase the contrast color, my own common 3 color matching mode is: Similar color, monochrome, contrasting color (appropriate)
When you formally design the Web or app interface, you have to control the proportion of color, this need to accumulate for a long time, but we just remember, the contrast color appropriate, some special style can be used to 1/2, but most of the time the contrast is a small number of colors, the color is paved.
The third stage, the sense of color memory
Familiar with the common color of the web design, and even more memory, cultivate a subconscious color feeling, memory of commonly used colors in English name and Chinese name.
(The image below is a reference to the visual part of the American web Design specification, since there are hundreds of web specification colors, we can't one by one remember, we just need to be familiar with these several commonly used colors, there is a feeling, background and text color, then we can also directly refer to the color, As long as we remember the position of these common colors in the color board, its lightness and saturation difference, then we can easily call them directly. )
Phase IV, high quality color resources exploration and learning
Learn new gadgets such as the color,material design in Google design, and learn about innovative ways to color ideas and ideas.
(The image below is a screenshot of the website)
OK, through the above 4 stages of learning, or general learning to the second stage, you can use the software security to create a set of color scheme. Do not need too deep color base.
If you are really lazy, it does not matter, as long as you master the second phase of the software color method, OK, of course, the proportion of color to their own more exercise control, not that you create a color scheme can make beautiful works. This requires us to master the following color proportional control!!
Well, the above information is small to give you photoshop this software users to bring the detailed 0 basic color scheme for beginners to share all the content, you see the users here, now you are very clear about it, Hope that the contents of the small series did not want to bring useful help to everyone.
