網(wǎng)頁(yè)設(shè)計(jì)中的色彩理論(要看)

無(wú)可爭(zhēng)議的是，色彩是任何設(shè)計(jì)領(lǐng)域中最重要的一方面。
There is no design field, color is the most important aspect of.

設(shè)計(jì)師在決定了一個(gè)北京網(wǎng)站設(shè)計(jì)風(fēng)格的同時(shí)，也決定了網(wǎng)站的情感，而情感的表達(dá)很大程度上取決于顏色的選擇。顏色是很有力的工具，所有設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)時(shí)就應(yīng)該明白這一點(diǎn)。
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.

一、顏色術(shù)語(yǔ)(Colour terms)

你們當(dāng)中很多人可能已經(jīng)在學(xué)校學(xué)過(guò)一些色彩基礎(chǔ)知識(shí)，讓我們快速回顧一些術(shù)語(yǔ)，來(lái)更好的把握色彩和運(yùn)用色彩。
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.

色輪的主要組成
The main composition of the color wheel

所有的色彩能在一個(gè)色輪中呈現(xiàn)。在這個(gè)色輪中，我們能把顏色分成3大塊：原色，輔助色和第三顏色。
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.

三原色分別是紅色，藍(lán)色和黃色。這些色彩是基礎(chǔ)色，他們組成了色輪上的所有其他顏色。
Primary colors are red, blue and yellow. The color is the color on the color wheel, they are composed of all the other colors.

把原色混合在一起，你就能得到輔助色，它們是橙色、綠色和紫色。
The colors are mixed together, you can get a complementary color, they are orange, green and purple.

二、顏色的關(guān)系(The relation of color)

描述顏色有大量的術(shù)語(yǔ)，了解這些術(shù)語(yǔ)將有助于我們討論的色彩和色彩的情感含義。
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.

互補(bǔ)色是互補(bǔ)互調(diào)的色彩，它們坐落在色輪上對(duì)立的位置。這些互補(bǔ)色有藍(lán)色和橙色、紫色和黃色、以及紅色和綠色。
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.

鄰色是色輪上相毗鄰的色彩，所以當(dāng)鄰色一起用時(shí)，可以是很好的搭配，但不會(huì)有明顯的對(duì)比。
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.

第三顏色是由中間色組成的，例如黃綠色和藍(lán)綠色，即由一個(gè)原色和一個(gè)輔助色混合組成。
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.

三、基于情感的色彩群體(Based on the emotional color groups)

一些色彩群體是和情感聯(lián)系在一起的，比如溫暖、冷靜和中立的情感。
Some color group and emotionally linked, such as warm, cool and neutral emotional.

暖色能讓人感覺(jué)到溫暖，例如紅色、黃色和橙色。
Warm color can make a person feel warm, such as red, yellow and orange.

冷色讓人聯(lián)想到?jīng)鏊秃洌缢{(lán)色，綠色和紫色。
Cool colors reminiscent of cool and cold, such as blue, green and purple.

中性色，顧名思義，并不創(chuàng)造怎樣的情感。像灰色和棕色就是中性色。
Neutral color, as the name suggests, is not how to create emotion. Like the grey and Brown is a neutral color.

了解色彩這些方面的知識(shí)可以用幫助一個(gè)設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁(yè)時(shí)不用文字就能表達(dá)特定含義和特定情感，并彰顯優(yōu)勢(shì)。
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.

四、設(shè)計(jì)中顏色的類(lèi)型(Design of color type)

這里有兩種不同的顏色系統(tǒng)，兩者的運(yùn)用取決于你設(shè)計(jì)什么。
There are two different color system, both use depends on what do you design.

RGB是這個(gè)色彩系統(tǒng)中三個(gè)基本色“紅、綠、藍(lán)”的英文縮寫(xiě)，這三種基本色是光的三原色。RGB運(yùn)用在電視電腦屏幕和任何類(lèi)型的屏幕上。
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是“青色、洋紅、黃色、黑色”的英文縮寫(xiě)，這些顏色是顏料的原色，CMYK被運(yùn)用于印刷。
CMYK is " cyan, magenta, yellow, black" English abbreviation, these colors are pigment colors, CMYK is used in printing.

網(wǎng)頁(yè)上的設(shè)計(jì)是建立在RGB色彩系統(tǒng)上的。
On the webpage design is based on the RGB color system.

五、明智地選擇色彩、傳達(dá)意義(A judicious choice of color, convey a meaning)

色彩理論是運(yùn)用顏色背后的意義給用戶(hù)帶來(lái)感官體驗(yàn)的實(shí)踐所得。這種實(shí)踐經(jīng)驗(yàn)再加上一些知識(shí)和想法可以運(yùn)用到網(wǎng)頁(yè)的設(shè)計(jì)中去。
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.

人們往往不會(huì)同意一些特定色彩的含義以及設(shè)計(jì)師們應(yīng)該用哪些顏色來(lái)加強(qiáng)特定的情感。但無(wú)需爭(zhēng)論的是，客戶(hù)對(duì)顏色是有情感的反應(yīng)的。
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.

當(dāng)為你的設(shè)計(jì)品選擇顏色時(shí)要慎重，不要無(wú)目的地使用顏色。你所選擇的顏色要適合你的目標(biāo)受眾、能表達(dá)客戶(hù)希望你傳達(dá)的信息，能符合你對(duì)用戶(hù)在你的網(wǎng)站所獲得的整體感受的期望。
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.

暖色能帶來(lái)陽(yáng)光明媚的情緒，用在希望帶來(lái)幸?？鞓?lè)感覺(jué)的網(wǎng)站上是明智的。舉一個(gè)例子，在2009年全球經(jīng)濟(jì)不太好的時(shí)候，黃色變成了網(wǎng)頁(yè)設(shè)計(jì)中非常流行的色彩，因?yàn)楣鞠Ｍ櫩驮谒麄兙W(wǎng)站上有到陽(yáng)光和舒適的感受。
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.

冷色最好是用在想要表達(dá)出專(zhuān)業(yè)或整潔感覺(jué)的網(wǎng)站上，以呈現(xiàn)出一個(gè)冷靜的企業(yè)形象。冷色表達(dá)出權(quán)威、明確和信任的感覺(jué)。例如，冷靜的藍(lán)色用在許多銀行的網(wǎng)站上，比如大通銀行。冷色運(yùn)用在以樂(lè)觀為主題的網(wǎng)站上是不明智的，因?yàn)橛脩?hù)會(huì)得到錯(cuò)誤的印象。
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.

六、顏色對(duì)于用戶(hù)的意義(Color for the user of the significance of)

大多數(shù)顏色能表達(dá)積極或消極的情緒，這取決于它是怎樣被運(yùn)用的，以及周?chē)渌念伾€有網(wǎng)站本身的內(nèi)涵。
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.

以下是一些流行色彩的普遍意義。
The following are some of the popular color of universal significance.

紅色Red

紅色象征著火和力量，還與激情和重要性聯(lián)系在一起。它還有助于激發(fā)能量和提起興趣。
Red symbolizes the fire and power, but also with passion and importance to link together. It also helps to stimulate energy and interest.

紅色的負(fù)面內(nèi)涵是憤怒、危急和生氣，緊急情況下，和憤怒，這也源于紅色本身里的熱情和進(jìn)取。
Red negative connotation is angry, critical and angry, emergencies, and anger, which also stems from the red itself enthusiasm and initiative.

橙色Orange

橙色是色輪上紅、黃兩個(gè)鄰色的組合色。橙色象征著幸福，快樂(lè)和陽(yáng)光。這是一個(gè)歡快的色彩，喚起孩子般的生機(jī)。
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.

橙色沒(méi)有紅色那么積極，但是它也有一部分這樣的特質(zhì)，刺激著心理活動(dòng)。但它也象征著愚昧和欺騙。
Orange red so positive, but it is also part of this trait, stimulating mental activity. But it also symbolizes ignorance and deception.

黃色Yellow

明亮的黃色是一種幸福的顏色，代表著積極黃色特質(zhì)：喜悅，智慧，光明，能量，樂(lè)觀，和幸福。
Bright yellow is a happy color, represents the positive yellow traits: joy, wisdom, light, energy, optimism, and happiness.

一個(gè)昏暗的黃色則帶來(lái)負(fù)面的感受：警告，批評(píng)，懶惰，和嫉妒。
A dim yellow brings negative feelings: a warning, criticism, lazy, and envy.

綠色Green

綠色象征著自然，并且有一種治愈性的特質(zhì)。它可以用來(lái)象征成長(zhǎng)與和諧。綠色讓人感到安全。醫(yī)院經(jīng)常使用綠色。
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.

另一方面，綠色的是金錢(qián)的象征，表達(dá)著貪婪或嫉妒。它也可以被用來(lái)象征缺乏經(jīng)驗(yàn)或初學(xué)者需要成長(zhǎng)（“沒(méi)有經(jīng)驗(yàn)的綠色”）。
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 " ).

藍(lán)色Blue

藍(lán)色是一個(gè)和平、平靜的顏色，散發(fā)著穩(wěn)定和專(zhuān)業(yè)性，因此它普遍運(yùn)用于企業(yè)網(wǎng)站。藍(lán)也可以象征著信任和可靠性。
Blue is a peaceful, calm colors, exuding stability and professional, so it is widely used in enterprise website. Blue also symbolizes trust and reliability.

一個(gè)冷調(diào)的陰影能帶來(lái)藍(lán)色消極的一面，象征著抑郁，冷漠和被動(dòng)。
A cool blue shadows can bring negative side, symbolizing depression, apathy and passive.

紫色Violet

紫色是皇室和有教養(yǎng)的顏色，代表著財(cái)富和奢侈品。它也賦予了靈性的感覺(jué)，并鼓舞創(chuàng)造力。
Purple is a royal and well-bred color, represents the wealth and luxury. It also gives the feeling of spirituality, and encouraging creativity.

較淺的紫色可以散發(fā)出一種神奇的感覺(jué)。它能很好地提升創(chuàng)造力和表達(dá)女性特質(zhì)。
Shallow purple can send out a kind of strange feeling. It is a good way to promote creativity and expression of femininity.

較深的紫色可以呈現(xiàn)出沮喪和悲傷的情緒。
Deep purple can appear depressed and sad mood.

黑色Black

雖然黑色是不是色輪的一部分，它仍然可以被用來(lái)暗示感覺(jué)和意義。它往往是與權(quán)力，優(yōu)雅，精致，和深度聯(lián)系在一起。據(jù)說(shuō)在面試時(shí)穿黑色服裝可以表現(xiàn)出應(yīng)聘者是一個(gè)有力量的個(gè)體，網(wǎng)站也是同樣的道理。
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.

黑色也可以被看作是負(fù)面的，因?yàn)樗c死亡，神秘和未知聯(lián)系在一起。這是悲傷、悼念和悲哀的顏色，因此在運(yùn)用時(shí)必須明智選擇。
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

白色，也不是色輪的一部分，象征純潔和天真。它還傳達(dá)著干凈和安全。
White, also not part of the color wheel, a symbol of purity and innocence. It also conveys a clean and safe.

相反，白色還可以被認(rèn)為是寒冷和遙遠(yuǎn)的象征，代表著冬天的嚴(yán)酷和痛苦的特質(zhì)。
On the contrary, white can also be considered cold and distant symbol, representing the winter's harsh and bitter qualities.

七、大公司的網(wǎng)站中顏色運(yùn)用的例子
Large company sites in color application examples

我們來(lái)看看一些大公司的網(wǎng)站，來(lái)知曉他們是怎么運(yùn)用顏色的，以及那些顏色對(duì)于他們的用戶(hù)來(lái)說(shuō)意味著什么。
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

耐克常常更新他們的網(wǎng)站，但通常還是黑色和灰色的色調(diào)，它通常是暗。黑色顯示著他們產(chǎn)品中的力量，留給大家他們向愛(ài)運(yùn)動(dòng)的顧客出售優(yōu)質(zhì)產(chǎn)品的印象。
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

白宮的網(wǎng)站主要是白色和淺灰色，再加上一些藍(lán)色和紅色作強(qiáng)調(diào)色。白色象征著希望和自由，顯露出平安和純潔的價(jià)值。紅色和藍(lán)色當(dāng)然是美國(guó)的代表色，紅色代表著熱情和能量，藍(lán)色則代表著穩(wěn)定與和平。
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

亞馬遜的網(wǎng)站大多是白色的，白色有著最佳的對(duì)比度和可讀性。它還顯露出整潔性，讓用戶(hù)能自由地瀏覽網(wǎng)站。以橙色和藍(lán)色的強(qiáng)調(diào)色則讓用戶(hù)能感到安定、興奮，也讓他們期望找到最滿(mǎn)意的采購(gòu)。
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公司Verizon company

紅色是Verizon的企業(yè)品牌主色調(diào)，也是貫穿整個(gè)網(wǎng)站的顏色。紅色有助于刺激用戶(hù)的興奮性，展示出一個(gè)出售讓人興奮和快速更新的產(chǎn)品的公司形象。白色背景的運(yùn)用與亞馬遜類(lèi)似，通過(guò)一個(gè)整潔有序的界面來(lái)幫助用戶(hù)閱讀這個(gè)網(wǎng)站。
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.

百思買(mǎi)Best buy

百思買(mǎi)的網(wǎng)站的色調(diào)是深藍(lán)色，顯露出他們?cè)陔娮邮袌?chǎng)中的穩(wěn)定和實(shí)力。顧客在百思買(mǎi)上的大量采購(gòu)使得他們需要安全感與平和感。黃色散發(fā)的快樂(lè)氣氛讓他們?cè)诓少?gòu)時(shí)感覺(jué)到興奮與趣味。
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.

嘉信理財(cái)Schwab

嘉信理財(cái)是一家投資公司，在不穩(wěn)定的市場(chǎng)環(huán)境下他們需要讓消費(fèi)者在他們的網(wǎng)站上感受到平和。他們使用柔和的深藍(lán)色調(diào)來(lái)實(shí)現(xiàn)這一點(diǎn)，并建立起一種平靜、祥和的氣氛。中性的棕色則是另一種幫助協(xié)調(diào)偏激的用戶(hù)感受的企業(yè)色彩。橙色作為強(qiáng)調(diào)色，能讓用戶(hù)在買(mǎi)股票時(shí)產(chǎn)生興奮感，同時(shí)也為網(wǎng)站帶來(lái)了幸福感。
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

道奇的網(wǎng)站大多是黑色系，能讓網(wǎng)站上的圖片凸顯出來(lái)。他們使用一種鮮艷的紅色作為強(qiáng)調(diào)色。黑色給網(wǎng)站帶來(lái)力量感，在一種精致與陽(yáng)剛的氛圍下展示他們的產(chǎn)品。黑色是一種不錯(cuò)的顏色，它能使產(chǎn)品看起來(lái)珍貴、有價(jià)值。紅色則表達(dá)出激情和興奮，是希望能讓消費(fèi)者認(rèn)為他們是從一個(gè)值得信任、質(zhì)量有保障的公司購(gòu)買(mǎi)到的車(chē)輛。
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 company

全食食品企業(yè)品牌的主色調(diào)和他們的網(wǎng)站色調(diào)一樣，是綠色。全食食品以較高的價(jià)格售賣(mài)健康的有機(jī)食品。網(wǎng)頁(yè)設(shè)計(jì)中的綠色很好的展示了他們所珍視的健康與純凈的概念，以及他們親近自然的產(chǎn)品。他們也用了很配綠色的淡黃色作為強(qiáng)調(diào)色，為網(wǎng)站增添了趣味性。
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.

八、顏色在網(wǎng)站中的運(yùn)用(Color in Web Application)

不需要描述性的文字，顏色就能賦予網(wǎng)站以意義。無(wú)論你是否打算為他們加上某種意義，顏色本身就有許多特定的印象。用戶(hù)瀏覽網(wǎng)頁(yè)時(shí)，顏色幫助轉(zhuǎn)移用戶(hù)的視線，指引用戶(hù)怎么去瀏覽一個(gè)頁(yè)面。在許多企業(yè)的網(wǎng)站中可以看出，顏色表達(dá)了情感和價(jià)值觀，向用戶(hù)展示著他們的公司是怎樣的、他們所售賣(mài)的產(chǎn)品是怎樣的。
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.

仔細(xì)挑選補(bǔ)色能讓你更好地運(yùn)用顏色，一旦選定后你想要表達(dá)的意義也就顯示出來(lái)了。
Careful selection of complementary color can make you a better use of color, once selected when you want to express meaning also appears.

配對(duì)色的運(yùn)用能改變一個(gè)網(wǎng)站的意義。給以柔和的藍(lán)色為色調(diào)的、表達(dá)出平靜網(wǎng)站配上明亮的橙色，就能讓它變成讓人更多感受到興奮和趣味的網(wǎng)站。
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.

也許你的客戶(hù)認(rèn)為你所設(shè)計(jì)的網(wǎng)站深灰色過(guò)多、太過(guò)嚴(yán)肅，加上柔和的藍(lán)色能讓你的網(wǎng)站有平靜、平和的基調(diào)。
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.

九、與色彩運(yùn)用相關(guān)的資源(With the use of color related resources)

許多網(wǎng)站討論過(guò)色彩理論和設(shè)計(jì)中的色彩使用?？梢赃\(yùn)用以下這些有用的資源來(lái)尋找色彩搭配和為你的網(wǎng)站設(shè)計(jì)注入更多的意義。
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.
本文發(fā)布于尚品中國(guó)UEO營(yíng)銷(xiāo)型網(wǎng)站建設(shè)公司http://xjjufeng.cn/