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

時間：2024-08-19 19:57:15 美工設計我要投稿

相關推薦

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

　　網站美工設計是會應用到很多圖片和顏色的，如何將圖片和背景色進行完美的搭配，則是網站美工設計師重點考慮的。下面小編介紹的網站美工設計中幾種搭配方式相關知識。

　　1、必須先了解配色比例

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

　　2、了解色彩的關系

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

　　①間隔色搭配

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

　　②互補色搭配

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

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

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

　　③相鄰色搭配

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

【網站美工設計中的搭配方式】相關文章：

淘寶店鋪美工設計必學的顏色搭配技巧09-18