藝術設計的配色多為藍色配白色和橙色,以藍色為主調。白色背景,藍色標題欄,橙色按鈕或圖標作為點綴;藍天白雲,安靜整潔的感覺。
綠色多以白色和藍色搭配,以綠色為主調。白色的背景,綠色的標題欄,藍色或橙色的按鈕或圖標作為點綴,綠白相間,優雅活潑。
橙色多以白色和紅色搭配,橙色為主調。白色背景,橙色標題欄,深紅色或橙色按鈕或圖標作為點綴,橙色活潑熱情,標準的商業色調,所以多用於商業網站的網頁美工設計。
暗紅色比較厚重、嚴肅、高貴,需要搭配黑色、灰色來壓制刺激的紅色,往往以暗紅色為主調。黑色或灰色背景,深紅色標題欄,文本內容的淺灰色背景。
雖然三原色創造了無數的色彩,但並不是所有的色彩都適合網頁藝術設計,不同的色彩在搭配上也有其學問。網頁設計相當於平面設計,網頁設計師可以將平面設計中的美學觀點運用到其中,所以平面設計中的美學觀點在網頁設計中非常實用。
在網頁的美術設計中,顏色的使用尤其忌諱臟、純、跳、花、粉等情況。
忌臟是指背景和文字內容對比不強烈,灰暗的背景令人壓抑!
忌純色是指鮮艷的純色對人的刺激抗議太強烈,缺乏內涵。
忌跳,就是顏色再好看,也離不開整體。
避免花意味著有壹個主要的顏色貫穿其中。主色調不是最大的顏色,而是最能揭示和體現主題的顏色。就像壹個領導,雖然他是少數,但他起著決定性的作用。
忌粉是指淺色明顯幹凈,但如果對比太弱,就顯得蒼白無力,就像壹個病人。
另外,藍色是純凈的,綠色是黃色的,紅色是明亮的。
設計師不應該“為設計而設計”。頁面效果再酷,表達再豐富,如果偏離了以用戶為中心的主線,讓用戶無法抓住重點,感受到頁面本身需要反映的信息,那麽再好的圖片呈現也是失敗的。
壹、學習配色首先要了解配色比例。
日本設計師提出了配色的黃金比例,70: 25: 5,其中70%是大面積使用的主色,25%是輔助色,5%是裝飾色。壹般情況下,建議畫面中的顏色不超過三種,三是指三種色調,如深紅色、暗紅等,可視為壹種色調。
壹般來說,顏色用得越少越好。顏色越少,畫面越簡單,作品也會越成熟。顏色越少,我們越容易控制畫面。除非有特殊情況,比如壹些節日海報,需要活潑有活力的氛圍,顏色多壹些可以讓畫面看起來很活躍,但是顏色越多,就要嚴格按照配色比例來分配顏色,否則畫面會很亂,很難控制。
第二,了解顏色之間的關系
配色是不同色調相互呼應,相互調和的過程。顏色之間的關系取決於色調環上的位置。色調之間的角度越近,對比越弱,越遠,對比越強。
記住這六種色調之後,妳的配色之旅就已經開始了,因為所有的顏色都可以根據這六種基本色調進行調整。這就是六字真言。先說三種最常見的配色方法。
①相鄰配色
相鄰的顏色在色輪中彼此接近。按照紅、橙、黃、綠、藍、紫的順序,相鄰的顏色是紅+橙、橙+黃、黃+綠、綠+藍,以此類推。
相鄰的色彩關系緊密,非常和諧柔和,畫面非常和諧統壹,能營造出柔和溫暖的感覺。因為它們在色輪上比較接近,所以這種搭配的視覺沖擊力較弱。
幾個例子:
這兩張圖基本都是相鄰色搭配,第壹張用了壹個橙子做裝飾,所以整體畫面非常柔和和諧。所以這種配色常用於家居、棉織品、小清新淡雅的衣服、中國風等能給人安靜、柔和、傳統感覺的產品。
相似顏色搭配中還有壹種單色搭配法,采用相同的色相,只調整顏色的明度/飽和度,得到另壹種顏色。如上圖所示,文字顏色是用背景色降低飽和度/明度的結果。底色很鮮艷,采用了單色的搭配手法,所以會給人壹種優雅、飄逸、寧靜的感覺。主標題的字體也采用了壹些變形來配合整個畫面,使得整個畫面非常統壹和諧。
七夕的畫面使用了藍色和紫色,畫面寧靜和諧。這張圖旁邊用的是單色搭配,深藍色+淺藍色,畫面統壹了壹點傳統感。
這張海報采用了紅色+橙色的搭配方式,以橙色為主調,背景中不同的橙色增加了畫面的空間感,讓畫面看起來不那麽單調。海報中鄧超驚訝的表情,以及背景中的虛線和幾何方塊,飄動的產品讓原本穩定的畫面變得活潑、輕盈而富有沖擊力,可見海報的風格也與畫面的各個組成部分息息相關。
②區間配色
按照紅、橙、黃、綠、藍、紫、紅+黃、橙+綠、黃+藍、綠+紫、藍+紅的順序,因為這種搭配中間有壹種顏色,所以叫區間色。
與相鄰色相比,區間色相在色輪上相隔較遠,所以視覺沖擊力會比相鄰色更強,區間色應用廣泛,沒有180補色的沖擊力那麽刺激,但也比相鄰色有更活潑的對比感。尤其是紅、黃、藍三原色的相互搭配,應用非常廣泛,非常受歡迎。
幾個例子:
這張圖基本上是典型的藍黃間色搭配,畫面非常明亮時尚,文字也和白色很協調。藍色本身就有技術風格。藍色、黃色和白色在這裏是完美的。
這張圖是典型的三原色組合,紅、黃、藍。畫面比例控制的很好,藍色作為點綴,白色作為調和緩沖,讓畫面有壹定的空間感。
紫綠色的搭配,很鮮艷,略顯傳統,是壹種中性的搭配方式。
紅、黃、野的顏色有非常醒目的提升感。
可以看到以上圖片的背景並不是單壹的顏色。比如最後壹張海報,紅底深紅放射性背景。在第三張海報中,紫色背景的後面增加了壹些深紫色的幾何方塊。雖然是兩種顏色,但都屬於同壹個色調,可以使畫面擺脫單調感,增加空間感,給人活潑時尚的感覺。
配色壹定要控制好畫面的色彩比例!
重點紅藍搭配:紅藍搭配應用廣泛,因為這兩種顏色是典型的冷暖色,對比強烈,會給人留下深刻的印象。比如百度的logo,百事可樂的logo,公安局的警車,超人,蜘蛛俠的卡通形象,很多國家的國旗。這兩種顏色的對比很容易導致視覺疲勞和精神亢奮,所以不適合家居等靜物。因為紅藍搭配的沖擊力太強,所以白色是最常見的顏色,最典型的就是百事可樂的Logo。