網(wǎng)頁美工設(shè)計配色特點

　　我們在打開一個網(wǎng)站時，第一印象并不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩搭配得如何。網(wǎng)站色彩的搭配對人的視覺效果非常具有沖擊力。大家知道：網(wǎng)頁設(shè)計屬于平面效果設(shè)計之一，排除立體圖形、動畫效果等，在平面視覺上色彩的沖擊力是最強(qiáng)的。因此，一個網(wǎng)站設(shè)計得成敗與否，一定程度上取決于網(wǎng)頁美工設(shè)計者對色彩的搭配運用。以下是小編為大家精心整理的網(wǎng)頁美工設(shè)計配色特點，歡迎大家參考！

　　網(wǎng)頁美工設(shè)計配色特點

　　配色主要有兩種方式，一種是通過色彩的色相、明度、純度的對比來控制視覺刺激，達(dá)到配色的效果。另一種是通過心理層面感觀傳達(dá)，間接地改變顏色，從而達(dá)到配色的效果。網(wǎng)頁美工設(shè)計中除立體圖形、動畫效果外，在平面畫面中色彩的沖擊力是最強(qiáng)的。下面只針對前一種方式進(jìn)行闡述。

　　1、使用一個色系

　　就是用一個感覺的色彩，如淡藍(lán)、淡黃、 淡綠或者土黃、土灰、土藍(lán)。即在同一色系里采用不同的顏色。例如：網(wǎng)頁使用淡藍(lán)、淡黃、淡綠，不僅色彩豐富，而且色調(diào)統(tǒng)一。這種配色在網(wǎng)站設(shè)計中最為常見。

　　2、使用一種色彩

　　先選定一種色彩，然后調(diào)整純度、明度，產(chǎn)生新的色彩。這樣的頁面看起來色彩統(tǒng)一，有層次感。例如：在兒童網(wǎng)頁設(shè)計中通常使用綠色作為網(wǎng)站的主體顏色，然后通過調(diào)整綠色的明度或飽和度定位網(wǎng)頁中的其它要素。

　　3、使用灰色

　　灰色在網(wǎng)頁設(shè)計中又稱為“萬能色”，其特點是可以和任何顏色搭配。例如：使用灰色不同明度、純度的變化，結(jié)合橙色作為點綴，這樣盡量避免網(wǎng)頁整體變灰。

　　4、使用兩種色彩

　　先選定一種色彩，然后使用它的對比色。例如：橙色是藍(lán)色的對比色。網(wǎng)頁的背景色使用藍(lán)色，主色調(diào)使用橙紅色，使視覺刺激非常強(qiáng)烈，運用大面積高純度來突出藍(lán)色產(chǎn)品主體物，又形成了一次頁面上的視覺對比--背景藍(lán)色與前景橙紅色，前景橙紅色與產(chǎn)品主體物藍(lán)色的二次對比。

　　在網(wǎng)面配色中，盡量控制在3種色彩以內(nèi)，以避免網(wǎng)頁花、亂、沒有主要的顯現(xiàn)，而且背景色和文字顏色的對比盡量要強(qiáng)烈，以使突出主要文字內(nèi)容，同時也便于用戶瀏覽信息。例如：背景色用黑色，綠色作為點綴色，視覺感受強(qiáng)烈。 般來說，網(wǎng)站美工設(shè)計的背景色應(yīng)該柔和一些、素雅一些、淡雅一些，再配上深色的文字，使人看起來會從心理上產(chǎn)生自然、舒暢的感覺。如果為了追求醒目的視覺效果，可以為標(biāo)題使用較深的顏色。

　　網(wǎng)頁美工設(shè)計配色的注意點

　　1.一定要做好網(wǎng)頁寬度的設(shè)置設(shè)計，一般網(wǎng)頁寬度有760PX、900PX、1000PX等，最好不要超過1200PX的寬度，高度沒有限制。大多數(shù)做網(wǎng)站的公司都有一個比較合理的標(biāo)準(zhǔn)。

　　2.作為網(wǎng)頁背景、網(wǎng)頁圖標(biāo)的要清晰，在網(wǎng)站設(shè)計的時候比較注重。所以在切圖的時候不要切出來的效果與設(shè)計的效果相差太大。

　　3.有特效地方，有必要設(shè)計出特效樣式，以便DIV CSS制作的時候切圖使用。

　　4.在做成網(wǎng)頁后可改變的文字，需要使用宋體、黑體無需修飾

　　5.細(xì)節(jié)一定要對齊

　　美工圖設(shè)計好后要注意的兩點：

　　1.導(dǎo)出JPGGIFPNG等格式觀察效果。

　　2.不要合層，盡量保持每個文字圖標(biāo)圖片都有獨立圖層，這樣在DIV CSS切圖時方便隱藏顯示切圖。

　　在新建設(shè)置之后，就要開始進(jìn)行網(wǎng)頁美工設(shè)計了，在網(wǎng)頁美工設(shè)計的過程中要注意：

　　1.注意頁面的分塊，著手設(shè)計一個頁面的時候，你必須根據(jù)所掌握的內(nèi)容，以及其風(fēng)格，對頁面的整體進(jìn)行分塊。分塊是一個非常必要且難以掌握的技巧。對于一般雜志來說，它們是有邊的，這意味著雜志美工設(shè)計師有邊可循，依靠邊來形成立體感，依靠邊來產(chǎn)生未盡的意韻；但是對于web頁面，邊的概念被淡化了，屏幕可以上下左右的拖動。所以此時分塊顯得非常必要，目的也就是產(chǎn)生的效果。

　　分塊可以用不同著色的色塊、框、細(xì)線、排列整齊的英文等等，還可以混合使用，但是注意不要過于醒目，因為頁面的重點在內(nèi)容，而不在其他。

　　2、色彩的平衡與呼應(yīng)。

　　1）色彩的平衡。色彩在頁面中可以形成很多的效果，通過強(qiáng)烈的對比，可以突出頁面的重點。還可以通過色彩調(diào)配，達(dá)到頁面穩(wěn)重度的改變。一般的情況下，頁面上方的顏色總是很重，這樣才能壓住下面的顏色，如果不采取這種辦法，整個頁面將顯得很不穩(wěn)重，底下的文字圖片，有飄出的意味。因此，要使整個頁面顯得很平衡，必須要有能鎮(zhèn)住其他顏色的色彩。

　　2）色彩的呼應(yīng)。一種比較突出的色彩，如果很突兀地放在頁面中，無論你是突出重點也好，還是logo圖標(biāo)，都給整個頁面帶來了副作用。為此，你必須在相對稱的位置加上該色系（對于頁面并不醒目）的色彩以呼應(yīng)，這樣可以弱化這種視覺的沖擊。

　　3、精確到1個像素

　　如果你是一個成功的頁面設(shè)計者，你至少會在做出頁面前已經(jīng)把整個頁面構(gòu)思好了；如果你很寬容地對待圖片中1個像素的差別，那說明你還不是很合格。

　　網(wǎng)頁美工設(shè)計色彩的重要性

　　網(wǎng)頁讓人看上去舒適，協(xié)調(diào)，除了文字，圖片等內(nèi)容的合理排版，色彩的均衡也是相當(dāng)重要的一個部分。比如一個網(wǎng)站不可能單一的運用一種顏色，所以色彩的均衡問題是設(shè)計者必須要考慮的問題。色彩的均衡，包括色彩的位置，每種色彩所占的比例，面積等等。比如鮮艷明亮的色彩面積應(yīng)小一點，讓人感覺舒適，不刺眼。這就是一種均衡的色彩搭配。

　　一個網(wǎng)站不可能單一的運用一種顏色，讓人感覺單調(diào)，乏味；但是也不可能將所有的顏色都運用到網(wǎng)站中，讓人感覺輕浮，花俏。一個網(wǎng)站必須有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調(diào)，乏味。所以確定網(wǎng)站美工設(shè)計的主題色也是設(shè)計者必須考慮的問題之一。

　　但是，一個頁面盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側(cè)重。當(dāng)主題色確定好以后，考慮其它配色時，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。

　　在網(wǎng)站美工設(shè)計中的幾個網(wǎng)頁色彩搭配原理：

　　色彩的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目。

　　色彩的獨特性：要有與眾不同的色彩，使得大家對你的印象強(qiáng)烈。

　　色彩的合適性：就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點的柔性。

　　色彩的聯(lián)想性：不同色彩會產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。

　　一位網(wǎng)頁美工設(shè)計的前輩說過：設(shè)計師不要“為設(shè)計而設(shè)計”。再炫酷的頁面效果、再豐富的表現(xiàn)形式，如果偏離了以用戶為中心的主線，讓用戶抓不住重點，感悟不到網(wǎng)頁本身所需要體現(xiàn)的信息，那么，再好的畫面呈現(xiàn)也是敗筆。因此，作為一名網(wǎng)站美工設(shè)計，不要懼怕失敗，只有不斷的學(xué)習(xí)與成長，才能成為一名合格，甚至優(yōu)秀的網(wǎng)頁美工設(shè)計大師。

【網(wǎng)頁美工設(shè)計配色特點】相關(guān)文章：

如何學(xué)好網(wǎng)頁美工設(shè)計09-05

網(wǎng)頁美工設(shè)計崗位職責(zé)（精選28篇）05-10

企業(yè)網(wǎng)頁美工設(shè)計色彩搭配的技巧09-04

網(wǎng)頁美工設(shè)計崗位職責(zé)(5篇)03-02

網(wǎng)頁美工設(shè)計崗位職責(zé)（通用10篇）10-15

網(wǎng)頁美工設(shè)計崗位職責(zé)(匯編5篇)03-04

國畫牡丹的配色技巧06-08

設(shè)計師配色寶典04-22

色彩關(guān)系與彩妝配色09-07

UI美工設(shè)計的職責(zé)02-08