Color Theory in Web Design (to see)
Source: Shangpin China |
Type: website encyclopedia |
Time: November 14, 2012
It is indisputable that color is the most important aspect in any design field. There is no design field, color is the most important aspect of.
The designer has decided on a Beijing Website Design At the same time, style also determines the emotion of the website, and the expression of emotion largely depends on the choice of color. Color is a powerful tool, and all designers should understand this when designing web pages. Designers in the decisions of a Beijing web site design style at the same time, also determines the site of emotion, and emotion expression depends greatly on the choice of the color of. Color is a very powerful tool, all designers in the design of webpage when they should understand that.
1、 Colour terms
Many of you may have learned some basic knowledge of color in school. Let's quickly review some terms to better grasp and use color. Many of you may have learned at school. Some basic knowledge of color, let us quickly review some terminology, to better grasp the color and the use of color.
Main components of color wheel The main composition of the color wheel
All colors can be displayed in one color wheel. In this color wheel, we can divide the color into three parts: primary color, secondary color and third color. All the colors in a color wheel in. At the wheel, we can colors are divided into 3 blocks: primary, secondary color and third color.
The three primary colors are red, blue and yellow. These colors are the basic colors, and they form all the other colors on the color wheel. Primary colors are red, blue and yellow. The color is the color on the color wheel, they are composed of all the other colors.
By mixing the primary colors together, you can get the secondary colors, which are orange, green and purple. The colors are mixed together, you can get a complementary color, they are orange, green and purple.
2、 The relationship of color
There are a lot of terms to describe color. Understanding these terms will help us to discuss color and its emotional meaning. Describe the color has a large number of terms, the understanding of these terms will be helpful for us to discuss the color and the emotional meaning.
Complementary colors are complementary and tonal colors, which are located in opposite positions on the color wheel. These complementary colors are blue and orange, purple and yellow, and red and green. Complementary color complementary intermodulation color, they are located on the color wheel opposite position. These complementary colors are blue and orange, purple and yellow, and red and green.
Adjacent colors are adjacent colors on the color wheel, so when adjacent colors are used together, they can be a good match, but there will be no obvious contrast. Adjacent color is a color wheel adjacent colors, so when the adjacent color when used, can be very good match, but there is no obvious contrast.
The third color is composed of intermediate colors, such as yellow green and blue green, that is, a primary color and an auxiliary color are mixed together. The third color is determined by the intermediate color components, such as yellow green and blue green, whereby a primary and a secondary color mixing.
3、 Based on the emotional color groups
Some color groups are associated with emotions, such as warm, calm and neutral emotions. Some color group and emotionally linked, such as warm, cool and neutral emotional.
Warm colors can make people feel warm, such as red, yellow and orange. Warm color can make a person feel warm, such as red, yellow and orange.
Cool colors are associated with cool and cold, such as blue, green and purple. Cool colors reminiscent of cool and cold, such as blue, green and purple.
Neutral color, as its name implies, does not create any emotion. Like gray and brown are neutral colors. Neutral color, as the name suggests, is not how to create emotion. Like the grey and Brown is a neutral color.
Understanding the knowledge of color can help a designer express specific meanings and emotions without words when designing a web page, and show his advantages. To understand the color of these knowledge can be used to help a designer in the design of webpage without words can express specific meaning and specific emotion, and highlight the advantages.
4、 Design of color type
There are two different color systems, and the use of both depends on what you design. There are two different color system, both use depends on what do you design.
RGB is the abbreviation of the three basic colors "red, green and blue" in this color system. These three basic colors are the three primary colors of light. RGB is used on TV computer screens and any type of screen. RGB is the color system in three basic color " red, green, blue" English abbreviation, the three basic colors are the primary colors of light. RGB used in the television and computer screen any type of screen.
CMYK is the abbreviation of "cyan, magenta, yellow and black". These colors are the primary colors of pigments. CMYK is used in printing. CMYK is " cyan, magenta, yellow, black" English abbreviation, these colors are pigment colors, CMYK is used in printing.
Web design is based on RGB color system. On the webpage design is based on the RGB color system.
5、 A judicious choice of color, convey a meaning
Color theory is the practical result of using the meaning behind color to bring sensory experience to users. This practical experience, together with some knowledge and ideas, can be applied to the design of web pages. Color theory is the use of color meanings behind to give the user to bring the sensory experience of the practice. This experience plus some knowledge and ideas can be applied to the design of the webpage.
People tend not to agree on the meaning of some specific colors and what colors designers should use to enhance specific emotions. But there is no need to argue that customers have an emotional response to color. Often people do not agree with some specific color meaning as well as the designers should use what color to enhance the specific emotion. But without doubt is, customers of color is emotional reaction.
Be careful when choosing colors for your designs. Don't use colors aimlessly. The color you choose should be suitable for your target audience, be able to express the information that customers want you to convey, and meet your expectations for the overall feelings of users on your website. When you choose a color design products to be careful, not to use color. Your choice of colors to suit your target audience, can express customers wish to your message, you can meet the users on your site gets the whole experience expectations.
Warm colors can bring sunny mood, so it is wise to use them on websites that hope to bring happiness. For example, when the global economy was not so good in 2009, yellow became a very popular color in web design, because companies wanted customers to feel sunshine and comfort on their websites. Warm color can bring sunny mood, in hope to bring happiness to the feel of the website is wise. To cite an example, in 2009 the global economy is not good, yellow to a webpage design is very popular color, because the company wants customers at their website to sunshine and comfortable feeling.
Cool colors are best used on websites that want to express a professional or neat feeling to present a calm corporate image. Cool colors express a sense of authority, clarity, and trust. For example, cool blue is used on the websites of many banks, such as Chase Bank. It is unwise to use cool colors on optimistic websites, because users will get the wrong impression. Cool colors are preferably used in professional or want to express and feel of the site, to show a cool corporate image. Cool express authority, clear and the feeling of trust. For example, cool blue used in many bank website, such as JPMorgan Chase bank. Cool colors used in optimistic as the theme of the website is not wise, because the user can get the wrong impression.
6、 Color for the user of the significance of
Most colors can express positive or negative emotions, depending on how they are used, other colors around them, and the content of the website itself. Most of the colors can express positive or negative emotions, depending on how it is used, as well as around other colors, and the website itself connotation.
Here are some general meanings of popular colors. The following are some of the popular color of universal significance.
Red
Red symbolizes fire and power, and is also associated with passion and importance. It also helps stimulate energy and interest. Red symbolizes the fire and power, but also with passion and importance to link together. It also helps to stimulate energy and interest.
The negative connotation of red is anger, urgency and anger. In emergency, and anger, it also comes from the enthusiasm and enterprising of red itself. Red negative connotation is angry, critical and angry, emergencies, and anger, which also stems from the red itself enthusiasm and initiative.
Orange
Orange is the combination of red and yellow adjacent colors on the color wheel. Orange symbolizes happiness, happiness and sunshine. This is a cheerful color, arousing the vitality of children. Orange is the color red, yellow two adjacent color combinations of color. Orange is a symbol of happiness, happiness and sunshine. This is a lively color, evoking childlike vitality.
Orange is not as active as red, but it also has some of these characteristics, which stimulate psychological activities. But it also symbolizes ignorance and deception. Orange red so positive, but it is also part of this trait, stimulating mental activity. But it also symbolizes ignorance and deception.
Yellow
Bright yellow is a happy color, representing positive yellow characteristics: joy, wisdom, brightness, energy, optimism, and happiness. Bright yellow is a happy color, represents the positive yellow traits: joy, wisdom, light, energy, optimism, and happiness.
A dark yellow brings negative feelings: warning, criticism, laziness, and jealousy. A dim yellow brings negative feelings: a warning, criticism, lazy, and envy.
Green
Green symbolizes nature and has a healing quality. It can be used to symbolize growth and harmony. Green makes people feel safe. Hospitals often use green. Green symbolizes nature, and there is a cure for character. It can be used to symbolize the growth and harmonious. Green lets a person feel safe. Hospitals often use the green.
On the other hand, green is the symbol of money, expressing greed or jealousy. It can also be used to symbolize inexperience or the need for beginners to grow ("inexperienced green"). On the other hand, the green is the symbol of expression with money, greed or envy. It can also be used to symbolize the lack of experience or beginners need to grow ( " no experience of the green " ).
Blue
Blue is a peaceful and peaceful color, emitting stability and professionalism, so it is widely used in corporate websites. Blue can also symbolize trust and reliability. Blue is a peaceful, calm colors, exuding stability and professional, so it is widely used in enterprise website. Blue also symbolizes trust and reliability.
A cool shadow can bring the negative side of blue, symbolizing depression, indifference and passivity. A cool blue shadows can bring negative side, symbolizing depression, apathy and passive.
Purple Violet
Purple is the color of royalty and education, representing wealth and luxury. It also gives a sense of spirituality and encourages creativity. Purple is a royal and well-bred color, represents the wealth and luxury. It also gives the feeling of spirituality, and encouraging creativity.
The light purple can send out a magical feeling. It can improve creativity and express femininity. Shallow purple can send out a kind of strange feeling. It is a good way to promote creativity and expression of femininity.
Deep purple can show depression and sadness. Deep purple can appear depressed and sad mood.
Black
Although black is not part of the color wheel, it can still be used to imply feeling and meaning. It is often associated with power, elegance, refinement, and depth. It is said that wearing black clothes during the interview can show that the candidate is a powerful individual, and the same is true for the website. Although black is it right? Wheel part, it can still be used to suggest the feeling and meaning. It is often associated with power, elegant, refined, and depth together. Said in the interview wearing black clothing can show the applicant is a powerful individuals, the website is the same.
Black can also be regarded as negative because it is associated with death, mystery and the unknown. This is the color of sadness, mourning and sadness, so you must choose wisely when using it. Black can also be viewed as a negative, because it is associated with death, mysterious and unknown together. This is sad, mourning and the colour of mourning, so when in use must be a wise choice.
White
White, also not a part of the color wheel, symbolizes purity and innocence. It also conveys cleanliness and safety. White, also not part of the color wheel, a symbol of purity and innocence. It also conveys a clean and safe.
On the contrary, white can also be regarded as a symbol of cold and faraway, representing the harsh and painful nature of winter. On the contrary, white can also be considered cold and distant symbol, representing the winter's harsh and bitter qualities.
7、 Examples of color use in websites of large companies
Large company sites in color application examples
Let's take a look at the websites of some large companies to know how they use colors and what those colors mean to their users. We will have a look some big company's Web site, to know how they use color, and that color for their users means what.
Nike
Nike often updates their website, but it is usually black and gray, and it is usually dark. Black shows the power of their products, leaving everyone the impression that they sell high-quality products to sports loving customers. Nike often updated their website, but is usually black and grey tones, it is usually dark. Black display their products in the power, for everyone to love their movement of customers to sell quality products impression.
The White House
The White House website is mainly white and light gray, plus some blue and red for strong color. White symbolizes hope and freedom, showing the value of peace and purity. Red and blue are of course the representative colors of the United States. Red represents enthusiasm and energy, while blue represents stability and peace. The White House website is mainly white and light gray, plus some blue and red as an accent color. White is a symbol of hope and freedom, showing peace and pure value. Red and blue are of course the United States representative color, red represents passion and energy, blue represents peace and stability.
Amazon
Amazon's website is mostly white, which has the best contrast and readability. It also shows neatness, allowing users to browse the website freely. The emphasis colors of orange and blue make users feel stable and excited, and also make them expect to find the most satisfactory purchase. Amazon's site is mostly white, white has the best contrast and readability. It also reveals the clean, so that users can freely browse website. In order to orange and blue accent color allows users to feel safe, excited, also make they expect to find the most satisfied with the purchase.
Verizon Company
Red is the main color of Verizon's corporate brand and also the color throughout the website. Red is helpful to stimulate the excitement of users and show the image of a company selling exciting and rapidly updated products. The use of white background is similar to that of Amazon, which helps users read the website through a clean and orderly interface. Red is the main color of Verizon brand, but also throughout the web colors. Red helps stimulate the excitement of users, showing a sale of exciting and rapid updating of product image of the company. White background with a similar application, through a neat and orderly interface to help users to read this site.
Best buy
Best Buy's website is dark blue, showing its stability and strength in the electronic market. Customers need a sense of security and peace because of their large purchases on Best Buy. The happy atmosphere in yellow makes them feel excited and interesting when shopping. Best buy the website color is dark blue, showing them in electronic market stability and strength. Best buy customers in the procurement of a large number of makes them need a sense of security and a sense of security. Yellow with happy atmosphere in their purchase feel the excitement and fun.
Schwab
Credit Suisse is an investment company. In an unstable market environment, they need to make consumers feel peaceful on their website. They use soft dark blue tones to achieve this and establish a calm and peaceful atmosphere. Neutral brown is another corporate color that helps coordinate the extreme user experience. Orange, as an accent color, can make users feel excited when buying stocks, and also bring happiness to the website. Schwab is an investment company, in an unstable market environment they need to make consumers on their website a sense of peace and. They use a soft blue hue to realize this point, and establish a calm, peaceful atmosphere. Neutral Brown is another help coordinate the extreme users feel enterprise color. Orange as an accent color, can allow users to buy stocks to generate excitement, but also for the site brings happiness.
Dodge
Dodge's websites are mostly black, which can make the pictures on the website stand out. They use a bright red as the accent color. Black brings a sense of strength to the website and displays their products in an atmosphere of delicacy and masculinity. Black is a good color. It can make products look precious and valuable. Red is an expression of passion and excitement, hoping to make consumers think that they are vehicles purchased from a trustworthy company with guaranteed quality. Dodge's site is mostly black, can let the pictures on the website highlights. They use a bright red as an accent color. Black site to bring power, in a delicate and masculine atmosphere to showcase their products. Black is a good color, it can make the product look, precious valuable. Red expression of passion and excitement, is the hope can let consumer believe they are from a trusted, quality of security companies to purchase vehicles.
Whole Foods Market Whole foods company
The main color of the whole food brand is green, which is the same as the color of their website. Whole food sells healthy organic food at a higher price. The green in web design shows the concept of health and purity that they cherish, as well as their products close to nature. They also used a light yellow color that matches green as an accent color, adding interest to the website. Whole foods brand's main color and their website color is green. Whole foods at higher prices to sell healthy organic food. Webpage design in green is a great example of what they cherish health and pure concept, as well as their close to natural products. They also used a very pale yellow with green as an accent color, as the website adds interest.
8、 Color in Web Application
Color can give meaning to a website without descriptive text. Whether you intend to add some meaning to them or not, colors themselves have many specific impressions. When a user browses a web page, the color helps to divert the user's attention and guide the user how to browse a page. As can be seen from the websites of many enterprises, colors express emotions and values, and show users how their companies are and what products they sell. Does not need the descriptive text, color can give meaning to website. Whether you intend for their plus a certain meaning, the color itself has many particular impression. Users browsing webpage, color helps to transfer the user's line of sight, and guide the users how to navigate to a page. In many business web site can be seen, the color expression of feelings and values, to show the user what is their company, they sell products is how.
Careful selection of complementary colors can make you better use of colors. Once selected, the meaning you want to express will be shown. Careful selection of complementary color can make you a better use of color, once selected when you want to express meaning also appears.
The use of matching colors can change the meaning of a website. Give a website with soft blue as its color, which expresses calm, and match it with bright orange, so that it can become a website that makes people feel more excited and interesting. Match colors used to change the meaning of a website. Give a soft blue hue, expressed peace site with bright orange, make people feel more exciting and interesting sites.
Maybe your customers think that the website you designed is too dark gray and too serious, and the soft blue can make your website have a calm and peaceful tone. Maybe your customer that you design websites dark grey too much, too serious, with soft blue can make your site has a calm, peaceful tone.
9、 With the use of color related resources
Many websites have discussed color theory and color use in design. You can use these useful resources to find color matching and inject more meaning into your website design. Many websites about color theory and color in the design of the use of. Can use the following these useful resources to find color matching and for your web site designed to inject more significance. This article was published in Shangpin China UEO Marketing website construction company //ihucc.com/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
