淺析網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配

符文濤 郭艷華 （德宏師范高等專科學(xué)校 678400）

淺析網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配

符文濤 郭艷華 （德宏師范高等?？茖W(xué)校 678400）

網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程并不復(fù)雜，然而要想完美的設(shè)計(jì)出網(wǎng)頁(yè)作品，必須懂得怎樣運(yùn)用色彩的搭配，美觀而合理的網(wǎng)頁(yè)需要色彩的搭配。本文討論了色彩的種類、如何在網(wǎng)頁(yè)設(shè)計(jì)中合理搭配顏色、顏色搭配中應(yīng)注意的問(wèn)題等，希望能給網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐提供一定理論指導(dǎo)和參考。

色彩搭配；動(dòng)態(tài)色彩；靜態(tài)色彩；色彩語(yǔ)言；視覺(jué)印象

現(xiàn)階段我國(guó)網(wǎng)絡(luò)處于飛速發(fā)展時(shí)期，企事業(yè)單位以及眾多網(wǎng)民掀起了建網(wǎng)站熱潮，互聯(lián)網(wǎng)的發(fā)展速度特別快，網(wǎng)絡(luò)已經(jīng)走進(jìn)人們的生活世界。

網(wǎng)站是通過(guò)運(yùn)用互聯(lián)網(wǎng)來(lái)進(jìn)行交流溝通的，網(wǎng)站的訪問(wèn)次數(shù)與網(wǎng)頁(yè)設(shè)計(jì)有著直接關(guān)系，現(xiàn)在網(wǎng)站發(fā)布的信息已不是放在網(wǎng)頁(yè)上那么簡(jiǎn)單了，要考慮怎樣才能更吸引網(wǎng)民來(lái)訪問(wèn)自己的網(wǎng)站以及怎樣傳達(dá)網(wǎng)站的良好形象，怎樣能讓網(wǎng)民成為自己網(wǎng)站的長(zhǎng)期訪客。在網(wǎng)頁(yè)中搭配適合的色彩，能增強(qiáng)網(wǎng)站的吸引力，不做網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)站，就不能留住訪客，因此網(wǎng)站的好壞與網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配有著直接關(guān)系。

一、網(wǎng)頁(yè)的設(shè)計(jì)核心在于色彩的合理搭配

在對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)時(shí)，離不開(kāi)色彩的渲染，色彩對(duì)宣傳網(wǎng)頁(yè)內(nèi)容起到重要作用。色彩是網(wǎng)站留給訪客的第一視覺(jué)感受，進(jìn)入網(wǎng)站的用戶，首先瀏覽的并不是網(wǎng)站設(shè)計(jì)的版面或內(nèi)容，而是其搭配網(wǎng)站的色彩，色彩效果能引起人視覺(jué)上的注意，網(wǎng)站能否長(zhǎng)期留住訪客的首要條件就在于設(shè)計(jì)網(wǎng)頁(yè)的搭配色彩與應(yīng)用上，網(wǎng)頁(yè)設(shè)計(jì)者對(duì)平面效果進(jìn)行的設(shè)計(jì)，不包括動(dòng)畫，立體圖形等效果，單從平面效果來(lái)看，色彩搭配的運(yùn)用最有吸引力，色彩對(duì)網(wǎng)站設(shè)計(jì)的特色風(fēng)格，網(wǎng)站氣質(zhì)及其氣氛等的設(shè)計(jì)效果有著重要作用，在網(wǎng)站中運(yùn)用好色彩搭配是十分必要的。所以，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，要對(duì)色彩的搭配著重考慮，形成自己的網(wǎng)站特色，而這種特色取決于網(wǎng)站的性質(zhì)，要突出考慮主色調(diào)的搭配，在色彩選擇上要合理，才能顯示自己的網(wǎng)站特色，實(shí)現(xiàn)吸引訪客的效果。例如，海爾公司選擇藍(lán)色為它的主色調(diào)，這能顯示出公司擁有先進(jìn)的科學(xué)技術(shù)，還能展現(xiàn)公司的開(kāi)拓進(jìn)取精神的內(nèi)涵。另外，還要進(jìn)行色調(diào)的搭配，這種搭配的規(guī)律是要選擇與本企業(yè)形象相吻合的色調(diào)，這都能彰顯企業(yè)風(fēng)格。

二、在網(wǎng)頁(yè)的設(shè)計(jì)中如何運(yùn)用色彩的搭配

在設(shè)計(jì)網(wǎng)頁(yè)色彩時(shí)為突出網(wǎng)頁(yè)的整體效果，在進(jìn)行色彩組合搭配時(shí)，不僅要根據(jù)設(shè)計(jì)的網(wǎng)頁(yè)構(gòu)架來(lái)布置色彩的位置，還要考慮網(wǎng)頁(yè)中出現(xiàn)的不確定色彩因素，如果按照彰顯色彩的設(shè)計(jì)來(lái)完成網(wǎng)頁(yè)風(fēng)格，就必須規(guī)劃好色彩的組合與布局結(jié)構(gòu)。

1.網(wǎng)頁(yè)設(shè)計(jì)中，通常運(yùn)用“動(dòng)態(tài)色彩”與“靜態(tài)色彩”

在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，要對(duì)“動(dòng)態(tài)色彩”與“靜態(tài)色彩”進(jìn)行合理的安排，這種色彩在網(wǎng)頁(yè)中有著不同的應(yīng)用，它們互相協(xié)作和配合，實(shí)現(xiàn)色彩的和諧統(tǒng)一，形成視覺(jué)美感。

所謂靜態(tài)色彩是指網(wǎng)頁(yè)的背景顏色，構(gòu)架顏色等色彩，這種色彩并不是靜止的。網(wǎng)站風(fēng)格主要取決于網(wǎng)頁(yè)框架的色彩形式，它擁有超凡脫俗的魅力與色彩識(shí)別作用，比如新浪網(wǎng)站的框架顏色是黃色，建議留言本為紅色等。這些顏色的框架都用細(xì)線條來(lái)構(gòu)成框架邊框，如果框架的邊框線條較粗，就會(huì)造成本末倒置，失去原來(lái)設(shè)計(jì)的意向，況且框架邊框的線條分明，對(duì)整體效果也有負(fù)面影響；另外，框架的邊框一般運(yùn)用高亮度的顏色進(jìn)行搭配，如果在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用的是淡色調(diào)，對(duì)框架的邊框設(shè)計(jì)效果就不明顯；細(xì)邊框與冷暖色調(diào)相搭配，讓人產(chǎn)生若有若無(wú)的錯(cuò)覺(jué)，進(jìn)而達(dá)到了網(wǎng)頁(yè)的設(shè)計(jì)效果。綜上所述網(wǎng)頁(yè)中靜態(tài)色彩的設(shè)計(jì)的勾勒網(wǎng)站風(fēng)格能給訪問(wèn)用戶留下美好的顏色感覺(jué)。

網(wǎng)頁(yè)設(shè)計(jì)中的動(dòng)態(tài)色彩是指廣告中的顏色變換及其網(wǎng)頁(yè)圖片的更換，而這些色調(diào)一般都要與其它色彩相結(jié)合才能夠進(jìn)行更好的描繪，而且渲染多種多樣的色調(diào)，需根據(jù)網(wǎng)頁(yè)圖像的頁(yè)面變換，這種動(dòng)態(tài)的色彩就會(huì)隨著更改，但這種顏色對(duì)訪問(wèn)的用戶來(lái)講只是一個(gè)稍縱即逝的過(guò)程，更換頁(yè)面后就會(huì)忘記，但在網(wǎng)頁(yè)的設(shè)計(jì)中，卻不能缺少它的搭配，否則在設(shè)計(jì)網(wǎng)頁(yè)上就會(huì)少一種氣勢(shì)。

根據(jù)上述分析，在進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)時(shí)，要怎樣搭配這兩種色彩才合適，動(dòng)態(tài)色彩只能發(fā)揮瞬間的作用，而靜態(tài)色彩的存在效果卻是永恒的，只有掌握靜態(tài)色彩的使用，才能掌握設(shè)計(jì)網(wǎng)站的顏色格調(diào)。對(duì)動(dòng)態(tài)色彩的使用要協(xié)調(diào)，它能給網(wǎng)頁(yè)增添活力，對(duì)網(wǎng)站發(fā)展有很大幫助，通常運(yùn)用靜態(tài)色彩為主的網(wǎng)站都是電子商務(wù)、大型門戶以及資訊等信息的網(wǎng)站。

2.如何布局網(wǎng)頁(yè)色彩

設(shè)計(jì)網(wǎng)站的色彩不只是給網(wǎng)站配色，我們要對(duì)整體網(wǎng)頁(yè)的信息框架來(lái)分配色彩搭配。為實(shí)現(xiàn)網(wǎng)頁(yè)中所有元素都達(dá)到合理安排，顏色的設(shè)計(jì)和網(wǎng)頁(yè)元素進(jìn)行綜合設(shè)計(jì)，有幾點(diǎn)需要注意的問(wèn)題：色彩平衡問(wèn)題，怎樣能達(dá)到色彩的平衡，在實(shí)際運(yùn)用中有一定的難度，色彩在與不同內(nèi)容設(shè)計(jì)時(shí)，要進(jìn)行頁(yè)面的相應(yīng)調(diào)整；色彩使用面積的對(duì)比問(wèn)題，對(duì)于相同的色彩組合來(lái)講，倘若組合色彩的面積比例是不同的，則其構(gòu)成的色彩風(fēng)格必定也不同，色彩面積的大小決定主色調(diào)的結(jié)構(gòu)；網(wǎng)頁(yè)設(shè)計(jì)中存在色彩語(yǔ)言的設(shè)計(jì)問(wèn)題，色彩顏色是語(yǔ)言的詮釋，顏色都有自己的意義，這種設(shè)計(jì)有著不同的視覺(jué)感受，反饋的內(nèi)容也有所不同，它在網(wǎng)頁(yè)設(shè)計(jì)中有非常重要的作用。所以，在進(jìn)行色彩的選擇時(shí)，還要關(guān)注色彩的屬性。通常來(lái)說(shuō)，灰白黑為顏色的萬(wàn)能搭配色，它們可以和各種顏色進(jìn)行搭配，在網(wǎng)頁(yè)中，主題文字多用黑色；背景，邊框等可帶有色彩；網(wǎng)頁(yè)背景顏色要明亮，文字內(nèi)容運(yùn)用暗色調(diào)，對(duì)比度高，最合理的搭配為白底黑字。

三、在對(duì)網(wǎng)頁(yè)進(jìn)行色彩搭配時(shí)，應(yīng)用注意幾點(diǎn)問(wèn)題

1.對(duì)單一顏色的運(yùn)用，制作網(wǎng)頁(yè)的初學(xué)者只能表達(dá)網(wǎng)站的內(nèi)容，卻不能很好的使用色彩來(lái)設(shè)計(jì)頁(yè)面，這種設(shè)計(jì)就顯得單調(diào)乏味，沒(méi)有新鮮感；因此，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)不要只用一種色彩，避免色彩上出現(xiàn)單調(diào)感覺(jué)。

2.背景頁(yè)面設(shè)計(jì)應(yīng)大于文字，頁(yè)面背景通常用素雅的顏色，應(yīng)注重頁(yè)面的背景色和文字的顏色對(duì)比稍強(qiáng)，否則造成本末倒置，無(wú)法突出主題文字。

3.使用色彩的數(shù)量超出規(guī)定范圍，初學(xué)網(wǎng)頁(yè)的設(shè)計(jì)者通常喜歡運(yùn)用多種色彩來(lái)設(shè)計(jì)網(wǎng)頁(yè)的形式美，導(dǎo)致網(wǎng)頁(yè)設(shè)計(jì)花哨，缺少色彩協(xié)調(diào)性，失去網(wǎng)頁(yè)原有的美感，達(dá)不到視覺(jué)上的賞心悅目效果。

四、結(jié)語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配，首先要選好主色調(diào)，主色調(diào)不要多，有一兩種色彩就好；對(duì)網(wǎng)站的整體設(shè)計(jì)頁(yè)面顏色不要超過(guò)三種，在網(wǎng)頁(yè)設(shè)計(jì)中要全面考慮到主色調(diào)和搭配顏色的協(xié)調(diào)處理，達(dá)到網(wǎng)頁(yè)頁(yè)面的和諧美觀。色彩是一種語(yǔ)言藝術(shù)，它是設(shè)計(jì)網(wǎng)頁(yè)的活躍因子，運(yùn)用好色彩這門藝術(shù)，才使網(wǎng)頁(yè)的設(shè)計(jì)更具有生命活力。

[1]王天亮，劉敏杰.網(wǎng)頁(yè)色彩搭配的設(shè)計(jì)藝術(shù)[J].計(jì)算機(jī)與網(wǎng)絡(luò)，2016（11）：42.

[2]魯章元，張建毅.從審美角度淺談網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)[J].中國(guó)電化教育，2016（215）：74.

[3]楊賀群.淺析網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配[J].長(zhǎng)沙民政職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2015（5）：68.

符文濤（1989-），男，云南芒市人，德宏師范高等?？茖W(xué)校教師，主要研究方向?yàn)閳@林規(guī)劃與設(shè)計(jì)、藝術(shù)設(shè)計(jì)。

郭艷華（1986-），女，云南盈江人，德宏師范高等?？茖W(xué)校教師，研究方向?yàn)榻逃夹g(shù)學(xué)。