美工設計配色方案
在網頁設計中色彩搭配是相當重要的一個環節,網頁的視覺效果情況對於遊客的印象分有着很大的影響,因此也就形成了網頁美工這個行業。因爲網頁視覺效果的重要性,因此在網頁設計的過程中,色彩搭配原則是作爲一名合格的網頁美工必須要掌握的。網頁設計色彩搭配原則網頁美工設計中,最常用的幾個顏色爲藍色、綠色、橙色,以及暗紅色。
藍色多與白、橙搭配,藍爲主調。白底,藍標題欄,橙色按鈕或ICON做點綴;藍天白雲,沉靜整潔的感覺。
綠色多與白、蘭兩色搭配,綠爲主調。白底,綠標題欄,蘭色或橙色按鈕或ICON做點綴,綠白相間,雅緻而有生氣。
橙色多與白、紅搭配,橙爲主調。白底,橙標題欄,暗紅或桔紅色按鈕或ICON做點綴,橙色活潑熱情,標準的商業色調,因此多用於商業網站的網頁美工設計。
暗紅色顯得寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色,常以暗紅爲主調。黑或灰底,暗紅標題欄,文字內容背景爲淺灰色。
網頁美工設計色彩忌諱儘管三原色的相互搭配創造出了無數顏色,可不是所有的顏色都適用於網頁美工設計,不同的顏色在搭配上也有着其中的學問,網頁設計就相當於平面設計,網頁設計師可以將平面設計中的審美觀點套用到這上面來,所以平面設計上的審美的觀點在網頁設計上非常實用。
在網頁美工設計中對於色彩的使用特別忌諱髒、純、跳、花、粉這幾種情形。
忌髒是指背景與文字內容對比不強烈,灰暗的背景令人沮喪!
忌純是指豔麗的純色對人的刺激太強烈抗議,缺乏內涵。
忌跳是指再好看的顏色,也不能脫離整體。
忌花是指要有一種主色貫穿其中,主色並不是面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領導者一樣,雖然在人數上居少數,但起決定作用。
忌粉是指顏色淺固然顯的乾淨,但如果對比過弱,顯得蒼白無力了,就象病夫一樣無可救藥。
另外,藍色忌純,綠色忌黃,紅色忌豔。
設計師不要“爲設計而設計”。再炫酷的'頁面效果、再豐富的表現形式,如果偏離了以用戶爲中心的主線,讓用戶抓不住重點,感悟不到網頁本身所需要體現的信息,那麼,再好的畫面呈現也是敗筆。
一、學配色,必須先了解配色比例
日本的設計師提出過一個配色黃金比例,是70:25:5,其中的70%爲大面積使用的主色,25%爲輔助色,5%爲點綴色。一般情況下建議畫面色彩不超過3種,3種是指的3種色相,比如深紅和暗紅可以視爲一種色相。
一般來說顏色用的越少越好,顏色越少畫面越簡潔,作品會顯得更加成熟,顏色越少我們越容易控制畫面。除非有特殊情況,比如一些節日類的海報等,要求畫面有一種熱鬧,活力的氛圍的,多些顏色可以畫面顯得很活躍,但是顏色越多越要嚴格按照配色比例來分配顏色,不然會使得畫面非常混亂,難以控制。
二、瞭解色彩的關係
色彩搭配就是不同色相之間相互呼應相互調和的過程,色彩之間的關係取決於在色相環上的位置,色相和色相之間距離的角度越近,則對比越弱,離得越遠則對比越強烈。
背下這六種色相之後,那你的配色之旅已經起步了,因爲所有的顏色都可以根據這六種基礎色相來調配。這就是六字真言。下面我們來說下3種最最常見的色彩配色方式。
①相鄰色搭配
在色輪中挨着比較近的就是鄰近色,根據紅橙黃綠藍紫這六字順序,相鄰色搭配就是紅+橙,橙+黃, 黃+綠,綠+藍……以此類推。
相鄰色因爲比較鄰近,有很強的關聯性,非常協調柔和,畫面非常和諧統一,可以製造出一種柔和溫馨的感覺,因爲在色輪中位置較近所以這種搭配視覺衝擊力較弱。
幾個例子:
這兩張基本都是採用相鄰色的搭配方式,第一張還加了一筆橙色起到點綴的作用,整體畫面非常柔和協調,因此這類配色常用家居,棉織品,小清新淡雅的服裝,中國風等能給人以寧靜,柔和,傳統感覺的產品。
相近色搭配中還有一種單色系的搭配方式,採用同一色相,僅僅調整該色的明度/飽和度,得到另外一種顏色。如上圖所示,文字顏色就是用背景色降低飽和度/明度後的結果。本身背景色明度很高,又採用單色搭配手法所以會給人高雅,淡雅,寧靜的感覺。主標題的字體也配合整個畫面採用了一些變形,使得整體非常統一和諧。
七夕這張圖片使用的藍與紫搭配,畫面寧靜和諧。旁邊這張圖片使用的單色搭配,深藍+淺藍,畫面統一帶有一點傳統的感覺。
這張海報用的紅+橙的搭配方式,以橙色爲主色調,背景中採用不同橙色增加了畫面的空間感,並且讓畫面看起來不是那麼的單調。海報中鄧超驚訝的表情,以及背景傾斜的線條和幾何方塊的點綴,漂浮的產品使得原本穩定的畫面變得活潑輕快富有衝擊力,可見海報做成什麼格調也與畫面每個組成部分都有密切的關係。
②間隔色搭配
根據紅橙黃綠藍紫這六字順序,紅+黃 ,橙+綠 ,黃+藍 ,綠+紫 , 藍+紅,因爲這種搭配方式中間都隔了一個顏色,因此稱爲間隔色。
間隔色相比較相鄰色,2色之間在色輪上相隔遠一些,因此視覺衝擊力會強於相鄰色,而且間隔色使用非常廣泛,既沒有180互補色衝擊力那麼具有刺激性,又比相鄰色多了一些明快丶活潑丶對比鮮明的感覺。特別是紅黃藍三原色之間的相互搭配,應用非常廣泛,也非常流行。
幾個例子:
這張基本是很典型的藍黃間隔色搭配,畫面非常明快時尚,文字還採用了白色作爲調和。藍色本身就具有一種科技的格調。這裏用藍黃白搭配再合適不過了。
這張是典型的三原色紅黃藍組合,畫面比例控制的非常好,以藍色爲點綴,也採用了白色作爲調和緩衝,使得畫面有一定的空間感。
紫綠搭配,很明快,略帶一絲傳統,算是一種中性的搭配方式。
紅黃百搭色,有非常搶眼的促銷感。
大家可以看上方這幾個圖片的背景都不是單一顏色,比如最後這張海報,紅色背景上又加了一個深紅色的放射性背景。第三張海報,紫色背景後面還加了一些深紫色的幾何方塊做點綴。雖然是兩個顏色,但是都屬於一種色相,這樣可以使得畫面擺脫單調的感覺,增加畫面的空間感,給人以活潑時尚的感覺。
配色一定要控制好畫面的色彩比例!
重點說下紅藍搭配:紅藍搭配應用非常廣泛,因爲這2個顏色是典型的冷暖結合的顏色,有很強的對比性,會給人留下很深刻的印象。比如百度的logo, 百事可樂的logo,公安局的警車,超人丶蜘蛛俠的動漫形象,很多國家的國旗等。這2種色彩對比很容易讓人產生視覺疲勞和心理亢進,所以不適用家居等靜物。由於紅藍搭配衝擊過於強烈,因此最常見是採用白色作爲調和色,最典型的就是百事可樂的Logo。
相關文章
-
美工設計的配色方案
在網頁設計中色彩搭配是相當重要的一個環節,網頁的視覺效果情況對於遊客的印象分有着很大的影響,因此也就形成了網頁美工這個行業。下面是小編爲大家整理的美工設計的配色方案,歡迎參考~ 美工設計的配色方案藍色多與 -
美工設計配色方案介紹
學美工設計一定要學會配色,下面小編爲大家介紹美工設計配色方案,希望能幫到大家!一、學配色,必須先了解配色比例日本的設計師提出過一個配色黃金比例,是70:25:5,其中的70%爲大面積使用的主色,25%爲輔助色,5%爲點綴色。一般情況 -
美工設計的三種配色方案
對於美工來說,顏色搭配有很多種。下面是由yjbys小編帶來的最爲常見的三種,希望能對各位美工初學者有所啓發。想了解更多相關資訊請持續關注我們應屆畢業生培訓網。 一、學配色,必須先了解配色比例日本的設計師提出過 -
網頁美工設計色彩搭配的方法
網頁的色彩是樹立網站形象的關鍵之一,色彩搭配卻是網友們感到頭疼的問題。網頁的背景,文字,圖標,邊框,超鏈接……,應該採用什麼樣的色彩,應該採用什麼樣的色彩,應該搭配什麼色彩才能最好的表達出預想的內涵呢?下面主桅跟您分 -
網頁設計配色方案
學會配色對於網頁設計者來說也是有很大的幫助的,下面是關於網頁設計配色方案,歡迎閱讀!每個網站都有一個配色方案,在它的主要區域使用主要顏色。正如我們一直在討論的,這些顏色的重複使用將影響用戶的心態和心情,通常是潛意 -
扁平化設計的配色方案
扁平化概念的核心意義是:去除冗餘、厚重和繁雜的裝飾效果。下面是YJBYS小編帶來的扁平化設計的配色方案,歡迎閱讀! 1、確定色彩基調扁平化設計並不侷限於某種色彩基調,它可以使用任何色彩。但是大多數的設計師都傾向 -
室內設計色彩搭配方案
在室內設計中色彩的和諧性,就如同音樂的節奏與和聲,本文爲大家介紹幾種室內設計色彩搭配方案,歡迎閱讀了解。藍色+紫色=夢幻組合以藍色爲中心的色彩組合,是讓人感覺舒暢的一種裝飾風格。在冷色系中,藍色在視覺上具有縮小、 -
平面設計常用的配色方案
色彩是人的視覺最敏感的東西。主頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應用原則應該是總體協調,局部對比,也就 是:主頁的整體色彩效果應該是和諧的,只有局部的,小範圍的地方可以有一些強烈色彩的對比 -
美工設計配色技巧
白色T恤在潮人手中簡直就是時髦單品,對於不會搭配的人來說則非常棘手。那麼白色T恤怎麼搭配比較好呢?下面我們給大家介紹最新歐美白色T恤街拍,玩轉自己的百變風格。白色T恤可以說是四季必備的單品,衣櫃中無論怎麼換都少不 -
美工設計配色知識
導語:做美工設計可能要做很多方面的內容,做圖絕對是其中最重要也常見的工作之一,而圖片要能夠呈現出美感,配色是一定要能夠注意的。今天小編就給大家總結了關於美工外包之做美工一定要了解配色相關知識,希望對大家有所幫助