- 相關(guān)推薦
美工設(shè)計(jì)的配色方案
在網(wǎng)頁(yè)設(shè)計(jì)中色彩搭配是相當(dāng)重要的一個(gè)環(huán)節(jié)，網(wǎng)頁(yè)的視覺(jué)效果情況對(duì)于游客的印象分有著很大的影響，因此也就形成了網(wǎng)頁(yè)美工這個(gè)行業(yè)。下面是小編為大家整理的美工設(shè)計(jì)的配色方案，歡迎參考~
藍(lán)色多與白、橙搭配，藍(lán)為主調(diào)。白底，藍(lán)標(biāo)題欄，橙色按鈕或ICON做點(diǎn)綴;藍(lán)天白云，沉靜整潔的感覺(jué)。
綠色多與白、蘭兩色搭配，綠為主調(diào)。白底，綠標(biāo)題欄，蘭色或橙色按鈕或ICON做點(diǎn)綴，綠白相間，雅致而有生氣。
橙色多與白、紅搭配，橙為主調(diào)。白底，橙標(biāo)題欄，暗紅或桔紅色按鈕或ICON做點(diǎn)綴，橙色活潑熱情，標(biāo)準(zhǔn)的商業(yè)色調(diào)，因此多用于商業(yè)網(wǎng)站的網(wǎng)頁(yè)美工設(shè)計(jì)。
暗紅色顯得寧重、嚴(yán)肅、高貴，需要配黑和灰來(lái)壓制刺激的紅色，常以暗紅為主調(diào)。黑或灰底，暗紅標(biāo)題欄，文字內(nèi)容背景為淺灰色。
網(wǎng)頁(yè)美工設(shè)計(jì)色彩忌諱盡管三原色的相互搭配創(chuàng)造出了無(wú)數(shù)顏色，可不是所有的顏色都適用于網(wǎng)頁(yè)美工設(shè)計(jì)，不同的顏色在搭配上也有著其中的學(xué)問(wèn)，網(wǎng)頁(yè)設(shè)計(jì)就相當(dāng)于平面設(shè)計(jì)，網(wǎng)頁(yè)設(shè)計(jì)師可以將平面設(shè)計(jì)中的審美觀點(diǎn)套用到這上面來(lái)，所以平面設(shè)計(jì)上的審美的觀點(diǎn)在網(wǎng)頁(yè)設(shè)計(jì)上非常實(shí)用。
在網(wǎng)頁(yè)美工設(shè)計(jì)中對(duì)于色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。
忌臟是指背景與文字內(nèi)容對(duì)比不強(qiáng)烈，灰暗的背景令人沮喪!
忌純是指艷麗的純色對(duì)人的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。
忌跳是指再好看的顏色，也不能脫離整體。
忌花是指要有一種主色貫穿其中，主色并不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。
忌粉是指顏色淺固然顯的干凈，但如果對(duì)比過(guò)弱，顯得蒼白無(wú)力了，就象病夫一樣無(wú)可救藥。
另外，藍(lán)色忌純，綠色忌黃，紅色忌艷。
設(shè)計(jì)師不要“為設(shè)計(jì)而設(shè)計(jì)”。再炫酷的頁(yè)面效果、再豐富的表現(xiàn)形式，如果偏離了以用戶為中心的主線，讓用戶抓不住重點(diǎn)，感悟不到網(wǎng)頁(yè)本身所需要體現(xiàn)的信息，那么，再好的畫面呈現(xiàn)也是敗筆。
一、學(xué)配色，必須先了解配色比例
日本的設(shè)計(jì)師提出過(guò)一個(gè)配色黃金比例，是70：25：5，其中的70%為大面積使用的主色，25%為輔助色，5%為點(diǎn)綴色。一般情況下建議畫面色彩不超過(guò)3種，3種是指的3種色相，比如深紅和暗紅可以視為一種色相。
一般來(lái)說(shuō)顏色用的越少越好，顏色越少畫面越簡(jiǎn)潔，作品會(huì)顯得更加成熟，顏色越少我們?cè)饺菀卓刂飘嬅妗３怯刑厥馇闆r，比如一些節(jié)日類的海報(bào)等，要求畫面有一種熱鬧，活力的氛圍的，多些顏色可以畫面顯得很活躍，但是顏色越多越要嚴(yán)格按照配色比例來(lái)分配顏色，不然會(huì)使得畫面非常混亂，難以控制。
二、了解色彩的關(guān)系
色彩搭配就是不同色相之間相互呼應(yīng)相互調(diào)和的過(guò)程，色彩之間的關(guān)系取決于在色相環(huán)上的位置，色相和色相之間距離的角度越近，則對(duì)比越弱，離得越遠(yuǎn)則對(duì)比越強(qiáng)烈。
背下這六種色相之后，那你的配色之旅已經(jīng)起步了，因?yàn)樗械念伾伎梢愿鶕?jù)這六種基礎(chǔ)色相來(lái)調(diào)配。這就是六字真言。下面我們來(lái)說(shuō)下3種最最常見(jiàn)的色彩配色方式。
①相鄰色搭配
在色輪中挨著比較近的就是鄰近色，根據(jù)紅橙黃綠藍(lán)紫這六字順序，相鄰色搭配就是紅+橙，橙+黃, 黃+綠，綠+藍(lán)……以此類推。
相鄰色因?yàn)楸容^鄰近，有很強(qiáng)的關(guān)聯(lián)性，非常協(xié)調(diào)柔和，畫面非常和諧統(tǒng)一，可以制造出一種柔和溫馨的感覺(jué)，因?yàn)樵谏喼形恢幂^近所以這種搭配視覺(jué)沖擊力較弱。
幾個(gè)例子：
這兩張基本都是采用相鄰色的搭配方式，第一張還加了一筆橙色起到點(diǎn)綴的作用，整體畫面非常柔和協(xié)調(diào)，因此這類配色常用家居，棉織品，小清新淡雅的服裝，中國(guó)風(fēng)等能給人以寧?kù)o，柔和，傳統(tǒng)感覺(jué)的產(chǎn)品。
相近色搭配中還有一種單色系的搭配方式，采用同一色相，僅僅調(diào)整該色的明度/飽和度，得到另外一種顏色。如上圖所示，文字顏色就是用背景色降低飽和度/明度后的結(jié)果。本身背景色明度很高，又采用單色搭配手法所以會(huì)給人高雅，淡雅，寧?kù)o的感覺(jué)。主標(biāo)題的字體也配合整個(gè)畫面采用了一些變形，使得整體非常統(tǒng)一和諧。
七夕這張圖片使用的藍(lán)與紫搭配，畫面寧?kù)o和諧。旁邊這張圖片使用的單色搭配，深藍(lán)+淺藍(lán)，畫面統(tǒng)一帶有一點(diǎn)傳統(tǒng)的感覺(jué)。
這張海報(bào)用的紅+橙的搭配方式，以橙色為主色調(diào)，背景中采用不同橙色增加了畫面的空間感，并且讓畫面看起來(lái)不是那么的單調(diào)。海報(bào)中鄧超驚訝的表情，以及背景傾斜的線條和幾何方塊的點(diǎn)綴，漂浮的產(chǎn)品使得原本穩(wěn)定的畫面變得活潑輕快富有沖擊力，可見(jiàn)海報(bào)做成什么格調(diào)也與畫面每個(gè)組成部分都有密切的關(guān)系。
②間隔色搭配
根據(jù)紅橙黃綠藍(lán)紫這六字順序，紅+黃 ，橙+綠 ，黃+藍(lán) ，綠+紫 ， 藍(lán)+紅，因?yàn)檫@種搭配方式中間都隔了一個(gè)顏色，因此稱為間隔色。
間隔色相比較相鄰色，2色之間在色輪上相隔遠(yuǎn)一些，因此視覺(jué)沖擊力會(huì)強(qiáng)于相鄰色，而且間隔色使用非常廣泛，既沒(méi)有180互補(bǔ)色沖擊力那么具有刺激性，又比相鄰色多了一些明快丶活潑丶對(duì)比鮮明的感覺(jué)。特別是紅黃藍(lán)三原色之間的相互搭配，應(yīng)用非常廣泛，也非常流行。
幾個(gè)例子：
這張基本是很典型的藍(lán)黃間隔色搭配，畫面非常明快時(shí)尚，文字還采用了白色作為調(diào)和。藍(lán)色本身就具有一種科技的格調(diào)。這里用藍(lán)黃白搭配再合適不過(guò)了。
這張是典型的三原色紅黃藍(lán)組合，畫面比例控制的非常好，以藍(lán)色為點(diǎn)綴，也采用了白色作為調(diào)和緩沖，使得畫面有一定的空間感。
紫綠搭配，很明快，略帶一絲傳統(tǒng)，算是一種中性的搭配方式。
紅黃百搭色，有非常搶眼的促銷感。
大家可以看上方這幾個(gè)圖片的背景都不是單一顏色，比如最后這張海報(bào)，紅色背景上又加了一個(gè)深紅色的放射性背景。第三張海報(bào)，紫色背景后面還加了一些深紫色的幾何方塊做點(diǎn)綴。雖然是兩個(gè)顏色，但是都屬于一種色相，這樣可以使得畫面擺脫單調(diào)的感覺(jué)，增加畫面的空間感，給人以活潑時(shí)尚的感覺(jué)。
配色一定要控制好畫面的色彩比例!
重點(diǎn)說(shuō)下紅藍(lán)搭配：紅藍(lán)搭配應(yīng)用非常廣泛，因?yàn)檫@2個(gè)顏色是典型的冷暖結(jié)合的顏色，有很強(qiáng)的對(duì)比性，會(huì)給人留下很深刻的印象。比如百度的logo, 百事可樂(lè)的logo，公安局的警車，超人丶蜘蛛俠的動(dòng)漫形象，很多國(guó)家的國(guó)旗等。這2種色彩對(duì)比很容易讓人產(chǎn)生視覺(jué)疲勞和心理亢進(jìn)，所以不適用家居等靜物。由于紅藍(lán)搭配沖擊過(guò)于強(qiáng)烈，因此最常見(jiàn)是采用白色作為調(diào)和色，最典型的就是百事可樂(lè)的Logo。
【美工設(shè)計(jì)的配色方案】相關(guān)文章：
夏季裝修的四大配色方案03-19
PPT的配色技巧04-01
色彩配色的介紹03-19
色彩明度配色的方法11-22
插花藝術(shù)如何配色03-26
圖案的色彩與配色方法02-20
服裝的配色藝術(shù)03-18
網(wǎng)頁(yè)設(shè)計(jì)配色技巧03-07
色彩墻漆在家居裝修中的配色方案03-19