設計用超級棒配色方案及色標圖表

/配色方案及色標無論是平面設計，還是網(wǎng)頁設計，色調(diào)恒久是最重要的一環(huán)。當我們距離顯示屏較遠的時候，我們看到的不是美麗的版式或者是美麗的圖片，而是網(wǎng)頁的色調(diào)。

關于色調(diào)的原理有許多，在此我們不行能一一闡述，大家可以看看相關設計書籍，有利于系統(tǒng)地理解。在此我們僅僅想告知大家一些網(wǎng)頁配色時的小技巧。

1．用一種色調(diào)。這里是指先選定一種色調(diào)，然后調(diào)整透亮度或者飽和度，產(chǎn)生新的色調(diào)，用于網(wǎng)頁。這樣的頁面看起來色調(diào)統(tǒng)一，有層次感。

2．用兩種色調(diào)。先選定一種色調(diào)，然后選擇它的對比色。

3．用一個色系。簡潔的說就是用一個感覺的色調(diào)，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網(wǎng)頁配色中，還要切記一些誤區(qū)：

1．不要將全部顏色都用到，盡量限制在三種色調(diào)以內(nèi)。

2．背景和前文的對比盡量要大，(確定不要用花紋繁復的圖案作背景)，以便突出主要文字內(nèi)容。

色標

一.基本配色——奔放

藉由運用象朱紅色這種一般最令人熟知的色調(diào)，或是它眾多的明色和暗色中的一個，都能在一般設計和平面設計上呈現(xiàn)活力和熱忱。中心為紅橙色的色調(diào)組合最能輕易創(chuàng)建出有活力、充溢溫煦的感覺。

這種色調(diào)組合讓人有青春、朝氣、活潑、頑皮的感覺，常常出現(xiàn)在廣告中，展示精力足夠的特性和生活方式。把紅橙和它的補色——藍綠色——搭配組合起來，就具有親近、隨和、活潑、主動的效果，每當應用在織品、廣告和包裝上，都是特殊有效。

基本配色——奔放2

基本配色——奔放3

二.基本配色——傳統(tǒng)

傳統(tǒng)的色調(diào)組合常常是從那些具有歷史意義的色調(diào)那里仿來的。

藍、暗紅、褐和綠等保守的顏色加上了灰色或是加深了色調(diào)，都可表達傳統(tǒng)的主題。

例如，綠，不管是純色或是加上灰色的暗色，都象征財寶。

狩獵綠（huntergreen）配上濃金或是暗紅或是黑色表示穩(wěn)定和富有。這種色調(diào)常出現(xiàn)在銀行和律師事務所的裝潢上，因為它們代表恒久和價值。

基本配色——傳統(tǒng)2

基本配色——傳統(tǒng)3

三.基本配色——低沉

不同于其它色調(diào)呈現(xiàn)松軟，低沉之美的灰紫色沒有對比色?；易仙{(diào)合了紅紫色、灰色和白色，是個少見的彩色。

任何顏色加上少許的灰色或白色，能表達出的松軟之美，有許多種包括灰藍色、灰綠色等。但若灰紫色本身被賦其它彩度或亮度，則可能掩蓋了原顏色的原有意境。運用補色，或比原色更生動的顏色，可使這些呈現(xiàn)松軟之美的顏色突然生意昂然，但要保持自然的美麗，亮度的變更應盡少運用。

基本配色——低沉2

基本配色——低沉3

四.基本配色——動感

最明麗的色調(diào)組合通常中心都有原色——黃色。黃色代表帶給萬物朝氣的太陽，活力和永恒的動感。當黃色加入了白色，它光亮的特質(zhì)就會增加，產(chǎn)生出特殊刺眼的全盤效果。

高度對比的配色設計，像黃色和它的補色紫色，就含有活力和行動的意味，尤其是出現(xiàn)在圓形的空間里面。身處在黃色或它的任何一個明色的環(huán)境，幾乎是不行能會感到沮喪的。

基本配色——動感2

基本配色——動感3

五基本配色——豐富

要表現(xiàn)色調(diào)里的濃烈、富足感可藉由組合一個有力的色調(diào)和它暗下來的補色。例如，深白蘭地酒紅色就是在紅色中加了黑色，就像產(chǎn)自法國葡萄園里陳年純美的葡萄酒，象征財寶。白蘭地酒紅色和深森林綠假如和金色一起運用可表現(xiàn)富有。

這些深色、華麗的色調(diào)用在各種各樣的織料上，如皮革和水紋皺絲等等，可創(chuàng)建出戲劇性、難以忘懷的效果。這些色調(diào)會給人一種財寶和地位的感覺。

基本配色——豐富2

基本配色——豐富3

六.基本配色——高雅

高雅的色調(diào)組合只會運用最淡的明色。例如，少許的黃色加上白色會形成粉黃色，這種色調(diào)會給全白的房間帶來更溫馨的感覺。自然光造成松軟的陰影，并且凸顯建筑上的微小部分，如此，將能達到設計出幽雅的目的。

在服裝設計上，米色色調(diào)高雅的亞麻、絲綢、羊毛和絲絨能輕描淡寫地表示古典、珍貴的氣質(zhì)，給人一種雍容華貴的印象。

基本配色——高雅2

基本配色——高雅3

七.基本配色——古典

古典的色調(diào)組合帶有勢力和權威的意味，猛烈的寶藍色（royalblue）是任何一個古典色調(diào)組合的中間裝飾色。它是如此地醒目，就算和其它的色調(diào)搭配在一起，也毫不會遜色。

古典的色調(diào)組合表示真理、責任和信任。又因為它接近綠色，寶藍色會喚起人許久、穩(wěn)定和力氣的感覺，特殊是和它的分裂補色——紅橙和黃橙色搭配在一起。

基本配色——古典2

基本配色——古典3

八.基本配色——懷舊

任何色調(diào)搭配淡紫色，最能詮釋懷舊思古之情。能令人仿佛回到維多利亞時代，如夢似幻的時刻，美麗的詩歌和浪漫的樂章。

在紫色系中，淡紫色融合了紅和藍，比起粉色較精致，也較剛硬。淡紫色盡管無聲無息，和其它色調(diào)相配后，仍可見其清麗出眾，往日如歌，猶在耳際。

基本配色——懷舊2

基本配色——懷舊3

九.基本配色——活力

表達活力的色調(diào)必定要包含紅紫色。它是“運動”的最佳代言人。紅紫色搭配它的補色黃綠色，將更能表達精力足夠的氣息。

較不好的色調(diào)是紅紫色加黃色，或紅紫色加綠色，這兩種色調(diào)或許短暫給人激揚的感覺，但其實已減弱了整體的效果。唯有黃綠色融合加上紅紫色，才是充分呈現(xiàn)熱力、活力和精神的色調(diào)。

基本配色——活力2

基本配色——活力3

十.基本配色——牢靠

海藍（navyblue）是最為大眾所接受的顏色之一。接受這種顏色的色調(diào)組合可說明成牢靠、值得信任的色調(diào)。

這類組合也帶有不行置疑的權威感。警官、海軍軍官或法官都穿著深色、穩(wěn)定的海軍藍，以便在值勤時表現(xiàn)出統(tǒng)率、支配的權威感。

當海軍藍用紅和金色來強調(diào)時，會變得較不肅穆，但仍表達出堅決、有力氣的感覺。

基本配色——牢靠2

基本配色——牢靠3

十一.基本配色——浪漫

粉紅代表浪漫。粉紅色是把數(shù)量不一的白色加在紅色里面，造成一種光明的紅。象紅色一樣，粉紅色會引起人的愛好和快感，但是比較松軟、寧靜的方式進行。

浪漫色調(diào)設計，藉由運用粉紅、淡紫和桃紅（略帶黃色的粉紅色），會令人覺得松軟、高雅。和其它光明的粉彩協(xié)作起來，紅色會讓想起夢幻般的６月天和滿滿一束夏日炎炎下嬌柔的花朵。

基本配色——浪漫2

基本配色——浪漫3

十二.基本配色——流行

今日“流行”的，明天可能就“落伍”了。流行的配色設計看起來挺舒適的，但卻有震撼他人目光的效果。

淡黃綠色（chartreuse）就是一個很好的例子，色調(diào)醒目，適用于青春有活力且不尋常的事物上。

從棒球運動鞋到毛衣，這種顯明的色調(diào)在流行服飾里創(chuàng)建出多數(shù)成功的色調(diào)組合。黃綠或淡黃綠色和它完備的補色——苯胺紅（magenta）搭配起來，就是一種絕妙的對比色調(diào)組合。

基本配色——流行2

基本配色——流行3

十三.基本配色——寧靜

在任何充溢壓力的環(huán)境里，只要搭配出一些灰藍或淡藍的明色色調(diào)組合，就會制造出令人平和、寧靜的效果。

中間是淡藍的配色設計，會給人安心的感覺，因為它看起來懇切、干脆。

帶著明色的寒色可保持寧靜、平和的感覺。補色和這些強調(diào)寧靜的色調(diào)在明暗度方面確定要類似，這點很重要，因為要是色調(diào)太顯明，會制造出不必要的驚惶。

基本配色——寧靜2

基本配色——寧靜3

十四.基本配色——猛烈

最有力的色調(diào)組合是充溢刺激的快感和支配的欲念，但總離不開紅色；不管顏色是怎么組合，紅色確定是少不了的。

紅色是最終力氣來源——猛烈、大膽、極端。力氣的色調(diào)組合象征人類最激烈的感情：愛、恨、情、仇，表現(xiàn)情感的充分發(fā)泄。

在廣告和展示的時候，有力色調(diào)組合是用來傳達活力、醒目等猛烈的訊息，并且總能吸引眾人的目光。

基本配色——猛烈2

基本配色——猛烈3

十五.基本配色——清爽

被認為是清爽的色調(diào)組合，通常包括淡而淺的藍綠和它的搭檔——紅橙色——也是它的補色。

藍綠或是鴨綠（teal），色調(diào)清爽、舒爽，常常以純色來描寫游歷和閑適。

清爽的色調(diào)組合假如添以光彩，可散發(fā)出祥和、寧靜的氣息。

基本配色——清爽2

基本配色——清爽3

十六.基本配色——清爽

綠色擁有同樣多的藍色和黃色，帶著蒸蒸而上、健康的氣息。

就算是綠色里最松軟的明色，一種蕭索的色調(diào)，只要配上少許的紅色（它猛烈的補色），即能創(chuàng)建出一股生命力。

接受色相環(huán)上綠色的類比色，可設計出代表戶外環(huán)境、顯明、生動的色調(diào)。

一如晴空萬里下，一片剛整理好的草坪，天藍草綠，合起來看是那么地清爽、自然。

基本配色——清爽2

基本配色——清爽3

十七.基本配色——熱帶

色相環(huán)上帶有熱帶風味的色調(diào)，確定包括綠松石綠（truquoise）。添加些色調(diào)，使其漸亮，成為綠松石綠——一種冷色系里最溫煦的色調(diào)。

和其它藍綠色的明色家族成員在一起，可增加寧靜的感覺和訊息。

利用紅橙色——綠松石綠的補色——在任一個這些色調(diào)組合里，都有最佳的效果。

就像大自然里的花朵，這些配色設計可強化任一場景，并創(chuàng)建多重祥和寧靜、逍遙自由的感覺。

基本配色——熱帶2

基本配色——熱帶3

十八.基本配色——熱忱

接受黃橙、琥珀色的色調(diào)組合，是最具親和力的。添加少許紅色的黃色會發(fā)出奪目的色調(diào)，到處惹人憐愛。假如充分表現(xiàn)出這類色調(diào)組合的強度時，會使人聯(lián)想到刺眼的金光或是珍貴的番紅花。

把番紅花色（saffron）加上白色，來作單色配色的設計時，會產(chǎn)生一種古典的美感，令人心動神搖。

淡琥珀色組成的配色，使人有舒適、溫馨的感覺。這類色調(diào)可作多種應用，像淡黃的明色可以營造出歡樂、懇切的氣氛。

基本配色——熱忱2

基本配色——熱忱3

十九.基本配色——松軟

當我們要設計出松軟的色調(diào)組合時，運用沒有高度對比的明色，是最明智不過的了。桃色在無言的調(diào)色板上傳達出迷人、甜蜜的色調(diào)訊息，特殊適合任何場所，無論是在餐廳，展示商品的店里，還是在流行服飾中，這類色調(diào)都呈現(xiàn)出可愛、迷人的一面。

和紫色、綠色搭配起來，雖然色調(diào)漸趨松軟，但是另一番奇幻的神韻卻油然而生，成為一種二次色的配色設計。

居室內(nèi)的裝潢，假如接受這類溫順、緩和的色調(diào)來設計，往往是特殊志向的，因為這類色調(diào)不但表現(xiàn)出開朗、活潑的特性，同時也表現(xiàn)出平和大方的氣度。

基本配色——松軟2

基本配色——松軟3

二十.基本配色——奇異

紫色透露著詭異的氣息，所以能制造奇幻的效果。各種彩度和亮度的紫色，配上橘色和綠色，便是刺激和新奇 的最佳代言人。

假如紫色配上黃綠色或黃橘色，色調(diào)不合、怪異，而且俗不行耐，但假如配上它真正的補色——黃色，便能呈現(xiàn)怪誕、詭異的感覺，令人不禁要駐足，欣賞一番。

以現(xiàn)代流行語來說，紫色象征“青澀”或“未成年”，常被用以代表兩代關系之間的溝通橋梁。

基本配色——奇異2

基本配色——奇異3

二十一.基本配色——堂皇

純藍和一些紅結合在一起，產(chǎn)生藍紫色，這是色相環(huán)上最深的顏色，不具黑色來減低它內(nèi)在的力氣。

和這類色調(diào)搭配，可象征權威，表現(xiàn)出皇家的氣派，就象夏日的梅子，有深不行測的藍黑，藍紫和它的補色——黃橙搭配起來，就創(chuàng)建出最驚人的色調(diào)設計。

這種豪華的組合設計，有皇室的雍容，但除了用在這類威嚇人的環(huán)境，一般是鮮少運用的。

基本配色——堂皇2

基本配色——堂皇3

二十二.基本配色——土性

深色、顯明的紅橙色叫赤土色。我們常用它來組合、設計出明麗、溫煦、充溢活力和土地味的色調(diào)。這種色調(diào)有種淡淡的溫煦，就像經(jīng)過琢磨、潤飾的銅器。

和白色搭配起來，就會象散發(fā)出自然絢麗的光。土性的色調(diào)有年輕人愛笑、愛鬧的特性，令人聯(lián)想到悠閑，舒適的生活。

因為是類比設計的一部分，這種溫馨、土味的色調(diào)會產(chǎn)生好玩的色調(diào)組合。例如出現(xiàn)在美國西部的裝潢設計。

基本配色——土性2

基本配色——土性3

二十三.基本配色——友善

配色設計要想表達友善之意時，常會運用到橙色。這種色調(diào)組合，開放、隨和，又有一切表現(xiàn)能量和動力的素養(yǎng)。能夠創(chuàng)建出同等、有序氣氛，卻沒有強勢和支配的霸氣。

橙色和它鄰近的幾個色調(diào)常應用在快餐廳，因為這類色調(diào)會散發(fā)出食物品質(zhì)好、價錢公道等迷人的訊息。橙色有刺眼、活力的特質(zhì)，所以被選為在緊急地區(qū)的國際平安色。橙色的救生筏和救生設備（例如救生衣等）可以讓人輕易地在藍色和灰色的大海里發(fā)覺蹤跡。

基本配色——友善2

基本配色——友善3

二十四.基本配色——專職

在商業(yè)活動中，顏色受到細致的評估，一般流行的看法，灰色或黑色系列可以象征“職業(yè)”，因為這些顏色較不具個人主義，有中庸之感。

灰色其實是明麗的紅色或橘色最好的背景色。這些活潑的顏色加上低沉的灰色，可以使原有的熱力稍加收斂、含蓄一些。

雖然灰色不具刺激感，卻富有實際感。它傳達出一種實在、肅穆的氣息，絕少幽默之感

基本配色——專職2

基本配色——專職3

色調(diào)對比

1)同時對比和連續(xù)對比：

同時對比：當兩種顏色同時并置在一起時，雙方都會把對方推向自己的補色，紅和綠并置，紅的更紅，綠的更綠；黑白并置，黑顯得更黑，白顯得更白。這種現(xiàn)象屬于色調(diào)的同時對比。

連續(xù)對比：指在不同的時間條件下，或者說在時間運動的過程中，不同顏色刺激之間的對比。

2)色相對比：

不同顏色并置，在比較中呈現(xiàn)色相差異，稱為色相對比。

A原色對比：紅、黃、藍表現(xiàn)了最猛烈的色相氣質(zhì)，它們之間的對比屬最強的色相對比。令人感受到一種極猛烈的色調(diào)沖突，似乎更具精神的特征。

B間色對比：橙、綠、紫為原色相混所得的間色，其色相對比略顯松軟。

C補色對比：在色環(huán)直徑兩端的為互補色。一對補色并置在一起，可以使對方的色調(diào)更加顯明。

D鄰近色相對比：在色環(huán)上依次相鄰的基礎色相，如紅和橙、黃和綠、橙和黃這樣的色并置關系。屬色相弱對比。特征是具明顯的統(tǒng)一調(diào)性，同時在統(tǒng)一中不失對比的變更。

E類似色相對比：在色環(huán)上特殊鄰近的色，如藍和綠味藍這樣的色相對比，是最弱的色相對比效果。

F冷暖色相對比：從色環(huán)上看，明顯在寒冷印象的色調(diào)是藍綠至藍紫的色，其中藍色為最冷的色；明顯有溫煦感的色是紅紫至黃的色，其中紅橙色為最暖的色。冷暖對比產(chǎn)生奇異、生動、活潑的色調(diào)感覺。冷色和暖色能產(chǎn)生空間效果，暖色有前進感和擴張感，冷色有后退感和收縮感。

3)純度對比：

一個明麗的紅色和一個含灰的紅色并置，能比較出它們在鮮濁上的差異，稱為純度對比。

4)明度對比：每一種顏色都有自己的明度特征。當它們對比時，視覺除去辨別精彩相的不同，還會明顯感覺到明暗的差異，這就是色調(diào)的明度對比

色調(diào)心理

1)色調(diào)的物質(zhì)性心理錯覺

冷色和暖色是依據(jù)心理錯覺對色調(diào)的物理性分類，對于顏色的物質(zhì)性印象，大致由冷暖兩個色系產(chǎn)生。紅光和橙、黃色光本身有溫煦感，照射任何色都會產(chǎn)生溫煦感。相反，紫色光、藍色光、綠色光有寒冷的感覺。

冷色和暖色除去溫度不同的感覺外，還會有其它感受，如重量感、濕度感等。暖色偏重，冷色偏輕；暖色密度強，冷色淡??；冷色透亮感強，暖色透亮感較弱；冷色顯得潮濕，暖色顯得干燥；冷色在退遠感，暖色有迫近感。

色調(diào)的明度和純度也會引起對色調(diào)物理印象的錯覺。顏色的重量感主要取決于色調(diào)的明度，暗色重，明色輕。純度和明度的變更還會給人色調(diào)軟硬的印象，淡的亮色使人覺得松軟，暗的純色則有強硬的感覺。

2)顏色的表情：色調(diào)的情感是因為人們長期生活在色調(diào)的世界中，積累了許多視覺閱歷，視覺閱歷和外來色調(diào)剌激產(chǎn)生呼應時，就會在心理上引出某種心情。

紅色：是強有力的色調(diào)，是熱忱、沖動的色調(diào)，高度的莊重肅穆。在深紅的底子上，紅色寧靜下來，熱度在熄滅著；在藍色的底上，紅色就像熾烈燃燒的火焰；在黃綠色的底上，紅色變成一促冒失的、魯莽的闖入者，激烈而又尋常；在橙色的底上，紅色似乎被郁積著，暗淡而無生命，好象焦干了似的。

橙色：是特殊歡開心潑的光輝色調(diào)，是暖色系中最溫煦的色。

橙色稍稍混入黑或白色，會成為一種穩(wěn)重、含蓄又明快的暖色，但混入較多黑色，就會成為一種燒焦的色；橙色中加入較多的白色會帶有一種甜膩的味道。橙色和藍色搭配，構成了最嘹亮、最歡快的色調(diào)。

黃色：是亮度最高的色，在超群度下能保持很強的純度。黃色的絢麗、輝煌有著太陽般的光輝，因此象征著照亮黑暗的才智之光；黃色有金色的光線，因此又象征財寶和權力，是高傲的色調(diào)。黑或紫色的襯托可以使黃色達到力氣無限擴大的強度。白色是沉沒黃色的色調(diào)，淡淡的粉紅色也可以像美麗的少女一樣將黃色這高傲的王子折服。

黃色最不能承受黑色或白色的侵蝕，略微滲入，黃色即刻會失去光輝。

綠色：明麗的綠色特殊美麗，優(yōu)雅，很寬容、大度，無論藍色或黃色滲入