網站美工設計中的搭配方式

網站美工設計是會應用到很多圖片和顏色的，如何將圖片和背景色進行完美的搭配，則是網站美工設計師重點考慮的。下面是小編介紹的網站美工設計中幾種搭配方式相關知識，希望這個簡短精幹的理論知識能夠給大家帶來更多的啓示。

1、必須先了解配色比例

一般來說顏色用的越少越好，顏色越少畫面越簡潔，作品會顯得更加成熟，顏色越少我們越容易控制畫面。除非有特殊情況，比如一些節日類的海報等，要求畫面有一種熱鬧，活力的氛圍的，多些顏色可以畫面顯得很活躍，但是顏色越多越要嚴格按照配色比例來分配顏色，不然會使得畫面非常混亂，難以控制。日本的設計師提出過一個配色黃金比例，是70：25：5，其中的70%爲大面積使用的主色，25%爲輔助色，5%爲點綴色。一般情況下建議畫面色彩不超過3種，3種是指的3種色相，比如深紅和暗紅可以視爲一種色相。

2、瞭解色彩的關係

色彩搭配就是不同色相之間相互呼應相互調和的過程，色彩之間的關係取決於在色相環上的位置，色相和色相之間距離的角度越近，則對比越弱，離得越遠則對比越強烈。對於新人，我們只需記住紅、橙、黃、綠、藍、紫六種基礎色相即可。背下這六種色相之後，那你的配色之旅已經起步了，因爲所有的顏色都可以根據這六種基礎色相來調配。這就是六字真言。下面我們來說下3種最常見的色彩配色方式。

①間隔色搭配

根據紅橙黃綠藍紫這六字順序，紅+黃，橙+綠，黃+藍，綠+紫，藍+紅，因爲這種搭配方式中間都隔了一個顏色，因此稱爲間隔色。間隔色相比較相鄰色，2色之間在色輪上相隔遠一些，因此視覺衝擊力會強於相鄰色，而且間隔色使用非常廣泛，既沒有180互補色衝擊力那麼具有刺激性，又比相鄰色多了一些明快丶活潑丶對比鮮明的感覺。特別是紅黃藍三原色之間的'相互搭配，應用非常廣泛，也非常流行。

②互補色搭配

在色輪中相隔180的2個顏色互爲補色，是色彩搭配中，對比最爲強烈的顏色，沒有之一…根據紅橙黃綠藍紫這六字順序，互補色就是中間間隔2個顏色，紅+綠，橙+藍，黃+紫…

互補色搭配可以表現出一種力量，氣勢與活力，有非常強烈的視覺衝擊力，而且也是非常現代時尚的搭配。若控制的不好往往產生不協調，不含蓄，不安定的效果。

互補色搭配要注意三個方面：①一定要控制好畫面的色彩比例，因爲這個2個顏色放一起對抗非常激烈，所以一定要選出一個老大當主色調，另外一方作爲點綴或者輔助色。②可以降低其中一方的明度/飽和度，這樣可以產生一種明暗對比，緩衝其對抗性。③在畫面中加入黑/白作爲調和色進一步緩衝其對抗的特性。

③相鄰色搭配

在色輪中挨着比較近的就是鄰近色，根據紅橙黃綠藍紫這六字順序，相鄰色搭配就是紅+橙，橙+黃, 黃+綠，綠+藍……以此類推。相鄰色因爲比較鄰近，有很強的關聯性，非常協調柔和，畫面非常和諧統一，可以製造出一種柔和溫馨的感覺，因爲在色輪中位置較近所以這種搭配視覺衝擊力較弱。相近色搭配中還有一種單色系的搭配方式，採用同一色相，僅僅調整該色的明度/飽和度，得到另外一種顏色。

網站美工設計中幾種搭配方式就是這些了，希望在網站美工設計中要運用好色彩搭配，紅橙黃綠藍紫是可以搭配出上千種顏色的，完美的搭配能讓各種顏色都和諧相處。