摘要：伴隨著社會(huì)的不斷變化，人們對(duì)審美的追求逐步提升，優(yōu)秀的網(wǎng)頁(yè)視覺設(shè)計(jì)儼然成為受眾評(píng)判網(wǎng)頁(yè)成功與否的一個(gè)重要標(biāo)準(zhǔn)。在競(jìng)爭(zhēng)激烈的互聯(lián)網(wǎng)市場(chǎng)，若想要留住老用戶、獲得新用戶的青睞，網(wǎng)頁(yè)就必須在優(yōu)化功能內(nèi)容的基礎(chǔ)上擁有一個(gè)有想法、有特點(diǎn)、切合大眾審美性的視覺設(shè)計(jì)。而色彩作為視覺設(shè)計(jì)的組成部分之一，對(duì)整體網(wǎng)頁(yè)視覺設(shè)計(jì)的優(yōu)劣定性起著至關(guān)重要的作用，合理地應(yīng)用色彩規(guī)律，不僅是網(wǎng)頁(yè)在美觀性上的必然要求，也是幫助網(wǎng)頁(yè)信息分類和提升用戶瀏覽速度的有效方法。因此，如何通過色彩規(guī)律的應(yīng)用，使網(wǎng)頁(yè)的視覺效果達(dá)到最優(yōu)，便是值得我們探究和思考的問題。

關(guān)鍵詞：網(wǎng)頁(yè) 色彩 設(shè)計(jì)

一、網(wǎng)頁(yè)中色彩的設(shè)計(jì)原則

色彩規(guī)律在網(wǎng)頁(yè)視覺效果的設(shè)計(jì)過程中，要在保持審美標(biāo)準(zhǔn)的基調(diào)上，遵循相應(yīng)的設(shè)計(jì)原則，這樣才能呈現(xiàn)高規(guī)格且符合網(wǎng)頁(yè)各方面需求的視覺傳達(dá)形式。

（一）色彩的鮮明性原則。一個(gè)色彩鮮明的網(wǎng)頁(yè)，很容易就能抓住用戶的眼球，帶來一種耳目一新的視覺體驗(yàn)，從而更大程度地提升網(wǎng)頁(yè)整體的吸引力。

（二）色彩的獨(dú)特性原則。千篇一律的色彩形式會(huì)帶來審美的疲勞，甚至?xí)a(chǎn)生用戶過目即忘的后果，所以網(wǎng)頁(yè)的配色要有自身獨(dú)特的風(fēng)格，才能給瀏覽者留下深刻的印象?？梢岳锚?dú)特的色彩應(yīng)用帶給用戶更加強(qiáng)有力的視覺沖擊，促使用戶產(chǎn)生獨(dú)特的內(nèi)心體驗(yàn)。

（三）色彩的藝術(shù)性原則。網(wǎng)頁(yè)視覺設(shè)計(jì)本質(zhì)上來說其實(shí)是一種藝術(shù)活動(dòng)，所以我們要充分把握藝術(shù)規(guī)律，在全面考量網(wǎng)頁(yè)自身特點(diǎn)的同時(shí)，大膽地進(jìn)行藝術(shù)的創(chuàng)新。

（四）色彩的統(tǒng)一性原則。這里說的色彩的統(tǒng)一性，指的是在整體網(wǎng)頁(yè)設(shè)計(jì)中我們要注意色彩之間的和諧統(tǒng)一。每一個(gè)頁(yè)面都要形成統(tǒng)一的配色方案以便給用戶提供更流暢的瀏覽和操作體驗(yàn)。

二、網(wǎng)頁(yè)中色彩的設(shè)計(jì)方法

我們對(duì)顏色理解和感受的程度不同，影響了網(wǎng)頁(yè)頁(yè)面的視覺表現(xiàn)，熟練地運(yùn)用色彩規(guī)律進(jìn)行色彩的搭配，有利于我們更加迅速地把握設(shè)計(jì)方向。結(jié)合色彩的規(guī)律，我們可以將網(wǎng)頁(yè)中的色彩搭配分為三個(gè)大類來分析。

（一）色相差而形成的配色

這種方式指的是由一種色相構(gòu)成的統(tǒng)一性配色。也就是由某一種色相統(tǒng)一主導(dǎo)、支配整個(gè)畫面；如果說不是同一種色相，那色環(huán)上相鄰的類似色也可以形成相近的配色形式；當(dāng)然也有一些色相之間差異較大的配色方法，例如撞色。首先就某一種色相主導(dǎo)統(tǒng)一的形式來說，Twitter的網(wǎng)頁(yè)設(shè)計(jì)就是典型的同色系配色案例，它采用藍(lán)色給用戶帶來整體的印象，再用不同深淺的藍(lán)色來代表不同類型的信息，用顏色主導(dǎo)著網(wǎng)頁(yè)的信息功能層級(jí)，像淺藍(lán)色代表回復(fù)內(nèi)容，更深一些的藍(lán)色代表著可回復(fù)操作的含義。

鄰近色和類似色是現(xiàn)在比較常見的網(wǎng)頁(yè)配色方式。鄰近色和類似色的表現(xiàn)效果會(huì)比同色系略微豐富一些，由于在色相環(huán)上相近，色相的過渡就非常柔和，統(tǒng)一性中帶了一些色彩的變化，能在緩解單一色產(chǎn)生的單調(diào)感的基礎(chǔ)上，有效避免因色彩使用過多而易造成的混亂感。在色相差而形成的配色方法中還包括中差色、對(duì)比色、中性色和多色搭配等等，這些方法下的網(wǎng)頁(yè)視覺效果會(huì)更具有視覺沖擊性。

（二）色調(diào)調(diào)和而形成的配色

色調(diào)調(diào)和而形成的配色方法中有三種情況：第一種是有主導(dǎo)色調(diào)配色而成的方法，第二種是同色調(diào)調(diào)和而成的方法，第三種是同色深淺搭配方法。有主導(dǎo)色調(diào)配色而成的方法指的是由同一色調(diào)構(gòu)成的統(tǒng)一性配色，這種方式下，即便出現(xiàn)多種色相，只要保持色調(diào)一致，畫面依然可以表現(xiàn)出整體統(tǒng)一感。例如一個(gè)陰暗色調(diào)的頁(yè)面，哪怕是加入了幾個(gè)頗為鮮艷的色相，只要降低其色彩飽和度使各色塊協(xié)調(diào)并融合進(jìn)大背景內(nèi)，這樣的多彩色經(jīng)過統(tǒng)一的色調(diào)處理，也不會(huì)影響表現(xiàn)整體的視覺氛圍。同色調(diào)調(diào)和而成的方式說的是由同一種或是類似色調(diào)中的色相變化組成的配色形式，某種意義上來說這與主導(dǎo)色調(diào)配色方式歸屬于同一類手法，其區(qū)別就在于色調(diào)分布均勻，并沒有過深抑或是過淺的色塊，整體的色調(diào)范圍更為嚴(yán)格一些。第三種同色深淺搭配指的是由同一色相的色調(diào)差組成的配色類型，其實(shí)也是歸屬于單一色彩配色的一種，從理論上來看，在同一色相下的色調(diào)并不會(huì)出現(xiàn)色相的差異化，而應(yīng)該是通過不同的色調(diào)階層混合形成。

（三）對(duì)比配色而形成的配色

對(duì)比色配色指的是由對(duì)比色相相互對(duì)比形成的配色，總的來說可以分成互補(bǔ)色和相反色搭配而成的色相對(duì)比、由白色或黑色等明度差異構(gòu)成的對(duì)比效果和由純度差異形成的純度對(duì)比效果。

互補(bǔ)色和相反色搭配而成的色相對(duì)比中包括雙色、三色和多色對(duì)比形式。雙色對(duì)比的視覺沖擊力很強(qiáng)烈，能夠利于吸引用戶的視覺注意力，在網(wǎng)頁(yè)設(shè)計(jì)的使用過程中經(jīng)常大范圍地搭配使用。例如VISA的品牌官網(wǎng)，巧妙地運(yùn)用了深藍(lán)色和黃色的色彩對(duì)比方式，深藍(lán)色表現(xiàn)著安全和平的品牌形象，黃色給用戶帶來幸福和滿足感，結(jié)合色彩心理學(xué)的角度，完美地傳達(dá)了品牌的理念。三色對(duì)比從色相的角度來說會(huì)更為豐富一些，當(dāng)然，在實(shí)際網(wǎng)頁(yè)視覺的使用中會(huì)通過色調(diào)的重點(diǎn)來集中突出某一種顏色，并且在色彩的使用面積上也很是講究。多色對(duì)比在網(wǎng)頁(yè)中的應(yīng)用則會(huì)給用戶帶來一種豐富飽滿的感受，在色調(diào)的和諧處理下，會(huì)使得頁(yè)面呈現(xiàn)出精致的視覺效果。

比起色相的對(duì)比，純度差的對(duì)比會(huì)在色彩的選擇上更為廣泛，在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用形式也更為多樣化，常用于一些突出品牌或是營(yíng)銷類的場(chǎng)景。比如現(xiàn)如今許多網(wǎng)頁(yè)經(jīng)常用這種方式來處理登錄模塊，通過降低純度來設(shè)計(jì)出無色相的背景，再用一種色相作為登錄模塊的按鈕顏色設(shè)置，形成整體純度差的關(guān)系。這種對(duì)比關(guān)系給人的視覺刺激會(huì)更為柔和，便于突出表現(xiàn)主題內(nèi)容的真實(shí)感。

而明度的對(duì)比會(huì)比較接近于實(shí)際生活的反映，網(wǎng)頁(yè)的設(shè)計(jì)處理上往往會(huì)通過圖片或圖形元素的明暗處理，來構(gòu)建網(wǎng)頁(yè)的縱深空間層次，營(yíng)造出高低遠(yuǎn)近的視覺效果，用高明度來表現(xiàn)近景主題內(nèi)容，使用低明度來塑造遠(yuǎn)景的距離，利用明度差來使用戶的目光聚集在高亮位置的主題內(nèi)容之上。明度對(duì)比會(huì)顯得頁(yè)面單純又具有統(tǒng)一性，極具視覺空間感。

三、網(wǎng)頁(yè)設(shè)計(jì)中色彩的視覺語言

每種顏色有著自己獨(dú)特的顏色屬性和視覺語言。比如黑色就具備著鮮明、簡(jiǎn)潔的色彩特征，自身含義包括正式、莊嚴(yán)和肅穆、沉重等，還可以通過黑色色塊或線條來表現(xiàn)科技感，網(wǎng)頁(yè)往往會(huì)靈活地運(yùn)用黑色來提升信息的突出性。白色作為純潔無瑕的顏色代表，往往會(huì)在網(wǎng)頁(yè)中作為底色或留白來使用，借以展現(xiàn)網(wǎng)頁(yè)的視覺空間，也賦予頁(yè)面呼吸感?；疑鳛橐环N較為柔和的色彩，常常在網(wǎng)頁(yè)中用來劃分功能區(qū)域，緩和板塊之間的生硬過渡，烘托其他顏色，更好地提升用戶的使用感。紅色往往被用以營(yíng)造喜慶、溫暖的視覺氛圍，而黃色作為明度較高的顏色則給人一種鮮艷、明亮的視覺感受，紅色和黃色的搭配往往能夠給人靈活性、刺激性的內(nèi)心體驗(yàn)。綠色作為中性色則帶給用戶清新、平和、充滿生機(jī)的觀感。藍(lán)色通常適用于浪漫、沉穩(wěn)的風(fēng)格表現(xiàn)。

結(jié)合用戶對(duì)網(wǎng)頁(yè)的實(shí)際瀏覽情況來看，往往大家最先感受到的視覺效果和整體風(fēng)格傾向是色彩的表現(xiàn)，其實(shí)色彩就是網(wǎng)頁(yè)表達(dá)內(nèi)容的一種視覺語言。在這樣的背景下，我們進(jìn)行配色方案的選取前，針對(duì)網(wǎng)頁(yè)的功能和內(nèi)容以及要表現(xiàn)的主題進(jìn)行全面有效的分析，并根據(jù)分析結(jié)果來選取切合主題含義的顏色范圍，是確保配色方案成功的重要因素。在選定色彩范圍的時(shí)候，我們就必須充分考量色彩語言的差異和特點(diǎn)，選用最能合理為網(wǎng)頁(yè)“發(fā)聲”的顏色。

四、結(jié)語

綜上所述，現(xiàn)代網(wǎng)頁(yè)視覺設(shè)計(jì)中，若想提高整體審美性體驗(yàn)和用戶的使用好感度，離不開色彩的謹(jǐn)慎設(shè)計(jì)。因此，我們要根據(jù)色彩的規(guī)律，充分把握色彩的設(shè)計(jì)方法，合理選取配色方案，更高效率地去完成網(wǎng)頁(yè)的視覺設(shè)計(jì)。

（作者簡(jiǎn)介：梁蓉蓉，女，碩士研究生，湖南信息職業(yè)技術(shù)學(xué)院，助教，研究方向：數(shù)字媒體應(yīng)用技術(shù)）（責(zé)任編輯 劉冬楊）