- 相關(guān)推薦
網(wǎng)頁(yè)美工設(shè)計(jì)配色特點(diǎn)
我們?cè)诖蜷_(kāi)一個(gè)網(wǎng)站時(shí)，第一印象并不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩搭配得如何。網(wǎng)站色彩的搭配對(duì)人的視覺(jué)效果非常具有沖擊力。大家知道：網(wǎng)頁(yè)設(shè)計(jì)屬于平面效果設(shè)計(jì)之一，排除立體圖形、動(dòng)畫(huà)效果等，在平面視覺(jué)上色彩的沖擊力是最強(qiáng)的。因此，一個(gè)網(wǎng)站設(shè)計(jì)得成敗與否，一定程度上取決于網(wǎng)頁(yè)美工設(shè)計(jì)者對(duì)色彩的搭配運(yùn)用。以下是小編為大家精心整理的網(wǎng)頁(yè)美工設(shè)計(jì)配色特點(diǎn)，歡迎大家參考！
網(wǎng)頁(yè)美工設(shè)計(jì)配色特點(diǎn)
配色主要有兩種方式，一種是通過(guò)色彩的色相、明度、純度的對(duì)比來(lái)控制視覺(jué)刺激，達(dá)到配色的效果。另一種是通過(guò)心理層面感觀(guān)傳達(dá)，間接地改變顏色，從而達(dá)到配色的效果。網(wǎng)頁(yè)美工設(shè)計(jì)中除立體圖形、動(dòng)畫(huà)效果外，在平面畫(huà)面中色彩的沖擊力是最強(qiáng)的。下面只針對(duì)前一種方式進(jìn)行闡述。
1、使用一個(gè)色系
就是用一個(gè)感覺(jué)的色彩，如淡藍(lán)、淡黃、 淡綠或者土黃、土灰、土藍(lán)。即在同一色系里采用不同的顏色。例如：網(wǎng)頁(yè)使用淡藍(lán)、淡黃、淡綠，不僅色彩豐富，而且色調(diào)統(tǒng)一。這種配色在網(wǎng)站設(shè)計(jì)中最為常見(jiàn)。
2、使用一種色彩
先選定一種色彩，然后調(diào)整純度、明度，產(chǎn)生新的色彩。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。例如：在兒童網(wǎng)頁(yè)設(shè)計(jì)中通常使用綠色作為網(wǎng)站的主體顏色，然后通過(guò)調(diào)整綠色的明度或飽和度定位網(wǎng)頁(yè)中的其它要素。
3、使用灰色
灰色在網(wǎng)頁(yè)設(shè)計(jì)中又稱(chēng)為“萬(wàn)能色”，其特點(diǎn)是可以和任何顏色搭配。例如：使用灰色不同明度、純度的變化，結(jié)合橙色作為點(diǎn)綴，這樣盡量避免網(wǎng)頁(yè)整體變灰。
4、使用兩種色彩
先選定一種色彩，然后使用它的對(duì)比色。例如：橙色是藍(lán)色的對(duì)比色。網(wǎng)頁(yè)的背景色使用藍(lán)色，主色調(diào)使用橙紅色，使視覺(jué)刺激非常強(qiáng)烈，運(yùn)用大面積高純度來(lái)突出藍(lán)色產(chǎn)品主體物，又形成了一次頁(yè)面上的視覺(jué)對(duì)比--背景藍(lán)色與前景橙紅色，前景橙紅色與產(chǎn)品主體物藍(lán)色的二次對(duì)比。
在網(wǎng)面配色中，盡量控制在3種色彩以?xún)?nèi)，以避免網(wǎng)頁(yè)花、亂、沒(méi)有主要的顯現(xiàn)，而且背景色和文字顏色的對(duì)比盡量要強(qiáng)烈，以使突出主要文字內(nèi)容，同時(shí)也便于用戶(hù)瀏覽信息。例如：背景色用黑色，綠色作為點(diǎn)綴色，視覺(jué)感受強(qiáng)烈。 般來(lái)說(shuō)，網(wǎng)站美工設(shè)計(jì)的背景色應(yīng)該柔和一些、素雅一些、淡雅一些，再配上深色的文字，使人看起來(lái)會(huì)從心理上產(chǎn)生自然、舒暢的感覺(jué)。如果為了追求醒目的視覺(jué)效果，可以為標(biāo)題使用較深的顏色。
網(wǎng)頁(yè)美工設(shè)計(jì)配色的注意點(diǎn)
1.一定要做好網(wǎng)頁(yè)寬度的設(shè)置設(shè)計(jì)，一般網(wǎng)頁(yè)寬度有760PX、900PX、1000PX等，最好不要超過(guò)1200PX的寬度，高度沒(méi)有限制。大多數(shù)做網(wǎng)站的公司都有一個(gè)比較合理的標(biāo)準(zhǔn)。
2.作為網(wǎng)頁(yè)背景、網(wǎng)頁(yè)圖標(biāo)的要清晰，在網(wǎng)站設(shè)計(jì)的時(shí)候比較注重。所以在切圖的時(shí)候不要切出來(lái)的效果與設(shè)計(jì)的效果相差太大。
3.有特效地方，有必要設(shè)計(jì)出特效樣式，以便DIV CSS制作的時(shí)候切圖使用。
4.在做成網(wǎng)頁(yè)后可改變的文字，需要使用宋體、黑體無(wú)需修飾
5.細(xì)節(jié)一定要對(duì)齊
美工圖設(shè)計(jì)好后要注意的兩點(diǎn)：
1.導(dǎo)出JPGGIFPNG等格式觀(guān)察效果。
2.不要合層，盡量保持每個(gè)文字圖標(biāo)圖片都有獨(dú)立圖層，這樣在DIV CSS切圖時(shí)方便隱藏顯示切圖。
在新建設(shè)置之后，就要開(kāi)始進(jìn)行網(wǎng)頁(yè)美工設(shè)計(jì)了，在網(wǎng)頁(yè)美工設(shè)計(jì)的過(guò)程中要注意：
1.注意頁(yè)面的分塊，著手設(shè)計(jì)一個(gè)頁(yè)面的時(shí)候，你必須根據(jù)所掌握的內(nèi)容，以及其風(fēng)格，對(duì)頁(yè)面的整體進(jìn)行分塊。分塊是一個(gè)非常必要且難以掌握的技巧。對(duì)于一般雜志來(lái)說(shuō)，它們是有邊的，這意味著雜志美工設(shè)計(jì)師有邊可循，依靠邊來(lái)形成立體感，依靠邊來(lái)產(chǎn)生未盡的意韻；但是對(duì)于web頁(yè)面，邊的概念被淡化了，屏幕可以上下左右的拖動(dòng)。所以此時(shí)分塊顯得非常必要，目的也就是產(chǎn)生的效果。
分塊可以用不同著色的色塊、框、細(xì)線(xiàn)、排列整齊的英文等等，還可以混合使用，但是注意不要過(guò)于醒目，因?yàn)轫?yè)面的重點(diǎn)在內(nèi)容，而不在其他。
2、色彩的平衡與呼應(yīng)。
1）色彩的平衡。色彩在頁(yè)面中可以形成很多的效果，通過(guò)強(qiáng)烈的對(duì)比，可以突出頁(yè)面的重點(diǎn)。還可以通過(guò)色彩調(diào)配，達(dá)到頁(yè)面穩(wěn)重度的改變。一般的情況下，頁(yè)面上方的顏色總是很重，這樣才能壓住下面的顏色，如果不采取這種辦法，整個(gè)頁(yè)面將顯得很不穩(wěn)重，底下的文字圖片，有飄出的意味。因此，要使整個(gè)頁(yè)面顯得很平衡，必須要有能鎮(zhèn)住其他顏色的色彩。
2）色彩的呼應(yīng)。一種比較突出的色彩，如果很突兀地放在頁(yè)面中，無(wú)論你是突出重點(diǎn)也好，還是logo圖標(biāo)，都給整個(gè)頁(yè)面帶來(lái)了副作用。為此，你必須在相對(duì)稱(chēng)的位置加上該色系（對(duì)于頁(yè)面并不醒目）的色彩以呼應(yīng)，這樣可以弱化這種視覺(jué)的沖擊。
3、精確到1個(gè)像素
如果你是一個(gè)成功的頁(yè)面設(shè)計(jì)者，你至少會(huì)在做出頁(yè)面前已經(jīng)把整個(gè)頁(yè)面構(gòu)思好了；如果你很寬容地對(duì)待圖片中1個(gè)像素的差別，那說(shuō)明你還不是很合格。
網(wǎng)頁(yè)美工設(shè)計(jì)色彩的重要性
網(wǎng)頁(yè)讓人看上去舒適，協(xié)調(diào)，除了文字，圖片等內(nèi)容的合理排版，色彩的均衡也是相當(dāng)重要的一個(gè)部分。比如一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色，所以色彩的均衡問(wèn)題是設(shè)計(jì)者必須要考慮的問(wèn)題。色彩的均衡，包括色彩的位置，每種色彩所占的比例，面積等等。比如鮮艷明亮的色彩面積應(yīng)小一點(diǎn)，讓人感覺(jué)舒適，不刺眼。這就是一種均衡的色彩搭配。
一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色，讓人感覺(jué)單調(diào)，乏味；但是也不可能將所有的顏色都運(yùn)用到網(wǎng)站中，讓人感覺(jué)輕浮，花俏。一個(gè)網(wǎng)站必須有一種或兩種主題色，不至于讓客戶(hù)迷失方向，也不到于單調(diào)，乏味。所以確定網(wǎng)站美工設(shè)計(jì)的主題色也是設(shè)計(jì)者必須考慮的問(wèn)題之一。
但是，一個(gè)頁(yè)面盡量不要超過(guò)4種色彩，用太多的色彩讓人沒(méi)有方向，沒(méi)有側(cè)重。當(dāng)主題色確定好以后，考慮其它配色時(shí)，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。
在網(wǎng)站美工設(shè)計(jì)中的幾個(gè)網(wǎng)頁(yè)色彩搭配原理：
色彩的鮮明性：網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目。
色彩的獨(dú)特性：要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。
色彩的合適性：就是說(shuō)色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。
色彩的聯(lián)想性：不同色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。
一位網(wǎng)頁(yè)美工設(shè)計(jì)的前輩說(shuō)過(guò)：設(shè)計(jì)師不要“為設(shè)計(jì)而設(shè)計(jì)”。再炫酷的頁(yè)面效果、再豐富的表現(xiàn)形式，如果偏離了以用戶(hù)為中心的主線(xiàn)，讓用戶(hù)抓不住重點(diǎn)，感悟不到網(wǎng)頁(yè)本身所需要體現(xiàn)的信息，那么，再好的畫(huà)面呈現(xiàn)也是敗筆。因此，作為一名網(wǎng)站美工設(shè)計(jì)，不要懼怕失敗，只有不斷的學(xué)習(xí)與成長(zhǎng)，才能成為一名合格，甚至優(yōu)秀的網(wǎng)頁(yè)美工設(shè)計(jì)大師。
【網(wǎng)頁(yè)美工設(shè)計(jì)配色特點(diǎn)】相關(guān)文章：
如何學(xué)好網(wǎng)頁(yè)美工設(shè)計(jì)09-05
網(wǎng)頁(yè)美工設(shè)計(jì)崗位職責(zé)（精選28篇）05-10
企業(yè)網(wǎng)頁(yè)美工設(shè)計(jì)色彩搭配的技巧09-04
網(wǎng)頁(yè)美工設(shè)計(jì)崗位職責(zé)(5篇)03-02
網(wǎng)頁(yè)美工設(shè)計(jì)崗位職責(zé)（通用10篇）10-15
網(wǎng)頁(yè)美工設(shè)計(jì)崗位職責(zé)(匯編5篇)03-04
國(guó)畫(huà)牡丹的配色技巧06-08
設(shè)計(jì)師配色寶典04-22
色彩關(guān)系與彩妝配色09-07