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

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

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

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

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

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

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

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

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

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

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

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

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

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

（三）對比配色而形成的配色

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

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

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

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

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

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

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

四、結(jié)語

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

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