美工設計的配色方案

　　在網頁設計中色彩搭配是相當重要的一個環節，網頁的視覺效果情況對于游客的印象分有著很大的影響，因此也就形成了網頁美工這個行業。下面是小編為大家整理的美工設計的配色方案，歡迎參考~

　　藍色多與白、橙搭配，藍為主調。白底，藍標題欄，橙色按鈕或ICON做點綴;藍天白云，沉靜整潔的感覺。

　　綠色多與白、蘭兩色搭配，綠為主調。白底，綠標題欄，蘭色或橙色按鈕或ICON做點綴，綠白相間，雅致而有生氣。

　　橙色多與白、紅搭配，橙為主調。白底，橙標題欄，暗紅或桔紅色按鈕或ICON做點綴，橙色活潑熱情，標準的商業色調，因此多用于商業網站的網頁美工設計。

　　暗紅色顯得寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色，常以暗紅為主調。黑或灰底，暗紅標題欄，文字內容背景為淺灰色。

　　網頁美工設計色彩忌諱盡管三原色的相互搭配創造出了無數顏色，可不是所有的顏色都適用于網頁美工設計，不同的顏色在搭配上也有著其中的學問，網頁設計就相當于平面設計，網頁設計師可以將平面設計中的審美觀點套用到這上面來，所以平面設計上的審美的觀點在網頁設計上非常實用。

　　在網頁美工設計中對于色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。

　　忌臟是指背景與文字內容對比不強烈，灰暗的背景令人沮喪!

　　忌純是指艷麗的純色對人的刺激太強烈抗議，缺乏內涵。

　　忌跳是指再好看的顏色，也不能脫離整體。

　　忌花是指要有一種主色貫穿其中，主色并不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用。

　　忌粉是指顏色淺固然顯的干凈，但如果對比過弱，顯得蒼白無力了，就象病夫一樣無可救藥。

　　另外，藍色忌純，綠色忌黃，紅色忌艷。

　　設計師不要“為設計而設計”。再炫酷的頁面效果、再豐富的表現形式，如果偏離了以用戶為中心的主線，讓用戶抓不住重點，感悟不到網頁本身所需要體現的信息，那么，再好的畫面呈現也是敗筆。

　　一、學配色，必須先了解配色比例

　　日本的設計師提出過一個配色黃金比例，是70：25：5，其中的70%為大面積使用的主色，25%為輔助色，5%為點綴色。一般情況下建議畫面色彩不超過3種，3種是指的3種色相，比如深紅和暗紅可以視為一種色相。

　　一般來說顏色用的越少越好，顏色越少畫面越簡潔，作品會顯得更加成熟，顏色越少我們越容易控制畫面。除非有特殊情況，比如一些節日類的海報等，要求畫面有一種熱鬧，活力的氛圍的，多些顏色可以畫面顯得很活躍，但是顏色越多越要嚴格按照配色比例來分配顏色，不然會使得畫面非常混亂，難以控制。

　　二、了解色彩的關系

　　色彩搭配就是不同色相之間相互呼應相互調和的過程，色彩之間的關系取決于在色相環上的位置，色相和色相之間距離的角度越近，則對比越弱，離得越遠則對比越強烈。

　　背下這六種色相之后，那你的配色之旅已經起步了，因為所有的顏色都可以根據這六種基礎色相來調配。這就是六字真言。下面我們來說下3種最最常見的色彩配色方式。

　　①相鄰色搭配

　　在色輪中挨著比較近的就是鄰近色，根據紅橙黃綠藍紫這六字順序，相鄰色搭配就是紅+橙，橙+黃, 黃+綠，綠+藍……以此類推。

　　相鄰色因為比較鄰近，有很強的關聯性，非常協調柔和，畫面非常和諧統一，可以制造出一種柔和溫馨的感覺，因為在色輪中位置較近所以這種搭配視覺沖擊力較弱。

　　幾個例子：

　　這兩張基本都是采用相鄰色的搭配方式，第一張還加了一筆橙色起到點綴的作用，整體畫面非常柔和協調，因此這類配色常用家居，棉織品，小清新淡雅的服裝，中國風等能給人以寧靜，柔和，傳統感覺的產品。

　　相近色搭配中還有一種單色系的搭配方式，采用同一色相，僅僅調整該色的明度/飽和度，得到另外一種顏色。如上圖所示，文字顏色就是用背景色降低飽和度/明度后的結果。本身背景色明度很高，又采用單色搭配手法所以會給人高雅，淡雅，寧靜的感覺。主標題的字體也配合整個畫面采用了一些變形，使得整體非常統一和諧。

　　七夕這張圖片使用的藍與紫搭配，畫面寧靜和諧。旁邊這張圖片使用的單色搭配，深藍+淺藍，畫面統一帶有一點傳統的感覺。

　　這張海報用的紅+橙的搭配方式，以橙色為主色調，背景中采用不同橙色增加了畫面的空間感，并且讓畫面看起來不是那么的單調。海報中鄧超驚訝的表情，以及背景傾斜的線條和幾何方塊的點綴，漂浮的產品使得原本穩定的畫面變得活潑輕快富有沖擊力，可見海報做成什么格調也與畫面每個組成部分都有密切的關系。

　　②間隔色搭配

　　根據紅橙黃綠藍紫這六字順序，紅+黃 ，橙+綠 ，黃+藍 ，綠+紫 ， 藍+紅，因為這種搭配方式中間都隔了一個顏色，因此稱為間隔色。

　　間隔色相比較相鄰色，2色之間在色輪上相隔遠一些，因此視覺沖擊力會強于相鄰色，而且間隔色使用非常廣泛，既沒有180互補色沖擊力那么具有刺激性，又比相鄰色多了一些明快丶活潑丶對比鮮明的感覺。特別是紅黃藍三原色之間的相互搭配，應用非常廣泛，也非常流行。

　　幾個例子：

　　這張基本是很典型的藍黃間隔色搭配，畫面非常明快時尚，文字還采用了白色作為調和。藍色本身就具有一種科技的格調。這里用藍黃白搭配再合適不過了。

　　這張是典型的三原色紅黃藍組合，畫面比例控制的非常好，以藍色為點綴，也采用了白色作為調和緩沖，使得畫面有一定的空間感。

　　紫綠搭配，很明快，略帶一絲傳統，算是一種中性的搭配方式。

　　紅黃百搭色，有非常搶眼的促銷感。

　　大家可以看上方這幾個圖片的背景都不是單一顏色，比如最后這張海報，紅色背景上又加了一個深紅色的放射性背景。第三張海報，紫色背景后面還加了一些深紫色的幾何方塊做點綴。雖然是兩個顏色，但是都屬于一種色相，這樣可以使得畫面擺脫單調的感覺，增加畫面的空間感，給人以活潑時尚的感覺。

　　配色一定要控制好畫面的色彩比例!

　　重點說下紅藍搭配：紅藍搭配應用非常廣泛，因為這2個顏色是典型的冷暖結合的顏色，有很強的對比性，會給人留下很深刻的印象。比如百度的logo, 百事可樂的logo，公安局的警車，超人丶蜘蛛俠的動漫形象，很多國家的國旗等。這2種色彩對比很容易讓人產生視覺疲勞和心理亢進，所以不適用家居等靜物。由于紅藍搭配沖擊過于強烈，因此最常見是采用白色作為調和色，最典型的就是百事可樂的Logo。

【美工設計的配色方案】相關文章：

PPT的配色技巧04-01

插花怎么配色06-03

眼影配色技巧大全03-30

插花怎么配色最美05-18

國畫牡丹的配色技巧05-24

色彩明度配色的方法11-22

插花藝術如何配色03-26

家居配色不死定律01-13

圖案的色彩與配色方法02-20

怎么搭配色彩06-03