于嘉鈺 金文玥

摘 要：色彩擇選及搭配的合理性及實效性高低，從某種意義上來講，直接影響著網(wǎng)站整體設(shè)計質(zhì)量的高低。本文首先對色彩的基本特征進(jìn)行了簡要分析，隨后針對網(wǎng)頁設(shè)計過程中如何進(jìn)行有效的色彩搭配實施了較為詳細(xì)的探討和分析，希望可以為有關(guān)人員的研究提供一些參考和幫助。

關(guān)鍵詞：網(wǎng)頁設(shè)計;色彩搭配;主色調(diào)

引言

信息化社會發(fā)展腳步不斷加快，網(wǎng)絡(luò)現(xiàn)如今已經(jīng)成為了人們?nèi)粘Ｉ詈凸ぷ鬟^程中不可缺少的一部分，也促使網(wǎng)站具有的意義越來越重要，而在設(shè)計網(wǎng)頁的過程中，通過高質(zhì)量的色彩搭配，不僅可以優(yōu)化網(wǎng)站功能，也可以使其實效性充分發(fā)揮出來，既可以提升設(shè)計整體效果，也可以加強網(wǎng)頁魅力。

一、色彩的基本特征

第一，色相主要指的為各種顏色的色別，例如翠綠、玫瑰紅等。色相表現(xiàn)的為色彩的種類，是色彩的重要特征之一。第二，明度具體指色彩的明亮程度，同一種類的色彩基于各種情況下，也可能存在深淺之分，此即為色彩明度作用的效果，各純色的明度均不同。其中，明度最高的為黃色;最低的為藍(lán)紫色;處于中間的為綠色和紅色。第三，純度主要指色彩的飽和程度或者純凈程度，簡而言之，即為色彩中各有色成份占據(jù)的比例[1]。

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

（一）突出色彩針對性

第一，以娛樂為主題的網(wǎng)頁，主要目的為給人們帶來輕松感、愉悅感，因此，此類網(wǎng)頁在設(shè)計上更強調(diào)美觀，多擇選刺激性較強的黑色或者紅色作為主色調(diào)，以達(dá)到突顯個性的效果。第二，經(jīng)濟(jì)、商業(yè)類網(wǎng)頁一般為商家用來宣傳自身門戶的主要工具，瀏覽的人群多為從事商業(yè)活動的員工、雇主以及搜索商業(yè)信息的客戶等。在色彩搭配及設(shè)計上，多強調(diào)應(yīng)用企業(yè)標(biāo)準(zhǔn)色作為主色調(diào)，既有助于提升企業(yè)形象，將服務(wù)理念直觀的傳遞出來，也有利于加深瀏覽者印象。

（二）保持色彩整體感印象

網(wǎng)頁色彩整體感主要指的為網(wǎng)頁間色彩具有的系統(tǒng)性高低。各個具有一定聯(lián)系的網(wǎng)頁基于鏈接，在內(nèi)容上都存在著一定程度的聯(lián)系，網(wǎng)頁色彩也是根據(jù)此類聯(lián)系進(jìn)行過渡及相互作用的，且此類過渡及相互作用理應(yīng)是和諧、自然的。僅有從一開始的時候，就注重確保網(wǎng)頁色彩設(shè)計及規(guī)劃的合理性及系統(tǒng)性，才可以對上述聯(lián)系加以合理的維護(hù)。色彩系統(tǒng)性主要指的為對各個存在關(guān)聯(lián)性的網(wǎng)頁色調(diào)及配色方案實施的組織與協(xié)調(diào)，這些網(wǎng)頁于色彩基調(diào)明確的基礎(chǔ)上，對自身的配色方案加以協(xié)調(diào)和組織，例如類似色配置以及補色配置等，色配相同的網(wǎng)頁色彩整體感也體現(xiàn)在網(wǎng)頁本身具有的協(xié)調(diào)感上[2]。

網(wǎng)頁中具有的內(nèi)容較多，例如圖形圖像、導(dǎo)航條以及VI視覺符號等，這內(nèi)容產(chǎn)生的色彩變化可對相應(yīng)頁面的色彩協(xié)調(diào)產(chǎn)生直接影響，尤其是帶有動態(tài)效果的GIF及FLASH動畫等視覺元素，由于其色彩始終處于變化狀態(tài)，所以在具體設(shè)計的過程中，不但需要對相應(yīng)動畫各幀間色彩的協(xié)調(diào)加以充分考量，還需要對網(wǎng)頁色調(diào)及動畫色調(diào)的調(diào)和、對比加以有效分析，不僅確保頁面色彩具有較高的協(xié)調(diào)性，對網(wǎng)頁背景色加以合理應(yīng)用也至關(guān)重要，具體而言，可將網(wǎng)頁背景色配置當(dāng)作網(wǎng)頁色彩基調(diào)，并以此為基礎(chǔ)對各個要素色彩的調(diào)和及對比加以有效處理，有助于大幅度提升色彩效果。

促使色彩進(jìn)行有規(guī)律的突變、重復(fù)，便可以制造出網(wǎng)頁色彩的視覺節(jié)奏，使得這些節(jié)奏感較強的色調(diào)及色彩加以合理結(jié)合，可于相應(yīng)頁面中制造處于特定的視覺流程，進(jìn)而促使靈活性較高的色彩韻律及律動形成。

（三）明確頁面主色調(diào)

基于網(wǎng)頁的主體及受眾群體等，對主色調(diào)進(jìn)行科學(xué)擇選，有助于制造出獨立的風(fēng)格。在設(shè)計過程中，整個網(wǎng)頁最好以一個色調(diào)為主，即擇選一種主色調(diào)。通常情況下，主調(diào)色彩可以應(yīng)用企業(yè)的標(biāo)準(zhǔn)色，和企業(yè)的形象戰(zhàn)略較為貼合，有助于擴(kuò)大企業(yè)形象的影響。以個別網(wǎng)站為例，相應(yīng)企業(yè)擇選的色彩即為代表可良好反映企業(yè)形象的黃色及紅色?；{(diào)等同于樂曲中的主旋律，可對網(wǎng)頁設(shè)計起到?jīng)Q定性影響。受眾群體不同，理應(yīng)擇選具有差異性的色彩，究其原因，人們基于性別、宗教及文化修養(yǎng)的不同，對色彩的理解和想象存在的差異性較大。

同時，色彩還具有較強的個性化特點，例如灰暗色及冷色等，多代表內(nèi)斂、沉穩(wěn)的內(nèi)向型;純色及暖色等，多代表積極、活潑的外向型。一種色彩無法同時表現(xiàn)多種個性的，因此，在進(jìn)行網(wǎng)頁設(shè)計以及色彩搭配的過程中，需要重視基于網(wǎng)頁受眾人群的基本特點，包括文化層次及年齡結(jié)構(gòu)等，擇選不同的色彩作為基調(diào)色彩，該色彩可以影響網(wǎng)頁的整體設(shè)計風(fēng)格，包括流行、嚴(yán)肅等。

在具體選擇和應(yīng)用色調(diào)時，可利用飽和度較高的色彩，例如紅色或者黃色等當(dāng)作網(wǎng)頁的主色調(diào)，有助于表現(xiàn)出生命力旺盛及活潑的氛圍，且此類色彩多帶有極強的視覺吸引力，有助于促使人們對網(wǎng)頁內(nèi)容產(chǎn)生興趣，提升網(wǎng)頁瀏覽量;應(yīng)用飽和度以及明度較低的消色或者復(fù)合色當(dāng)作網(wǎng)頁的主色調(diào)，包括棗紅、淺灰等，可有效減少對眼睛的刺激，并可以將內(nèi)涵豐富、嚴(yán)肅的氣氛體現(xiàn)的淋漓盡致;利用柔和色調(diào)或者粉彩作為主色調(diào)設(shè)計而成的網(wǎng)頁，可傳達(dá)出歡快、明朗的氣氛，包括新綠、分紅等，有助于幫助一些生活節(jié)奏高度緊張的人們緩解壓力。

（四）基于主調(diào)色搭配輔助色

在確定完主調(diào)色以后，可以擇選一種或者兩種輔助色進(jìn)行搭配，究其原因，促使網(wǎng)頁色彩種類保持在三個或者三個以內(nèi)，可有效提升設(shè)計效果。其中，倘若僅利用一種顏色進(jìn)行網(wǎng)頁設(shè)計，即僅利用一種色相，所擇選的輔助色僅可以于純度及明度上進(jìn)行調(diào)整，期間也可以搭配中性色。應(yīng)用單一色調(diào)，較易制造出一種風(fēng)格，于網(wǎng)頁中個別位置應(yīng)用適量的對比色可有效提升頁面設(shè)計效果。同時，可利用和主調(diào)色相近的一些顏色作為輔助色，也可以利用對比色，例如，如果網(wǎng)頁的主色調(diào)為黃色，而擇選了其相近色紅色作為輔助色，可促使觀賞者體驗到一種“甜膩”的感覺，可應(yīng)用于以美食為主題的網(wǎng)頁中。

結(jié)束語

綜上所述，我們可以得知的是，高質(zhì)量的網(wǎng)頁設(shè)計并不能僅依靠利用電腦中已經(jīng)成型的素材強行拼湊出來，而是需要經(jīng)由設(shè)計師憑借自身經(jīng)驗，深入思考，經(jīng)過無數(shù)次的實踐設(shè)計出來的，如此一來，設(shè)計出的網(wǎng)頁才可以打動人心。合理、科學(xué)的色彩搭配可以給人一種耳目一新的感覺，有助于提升整體設(shè)計效果。

參考文獻(xiàn)

[1]李淑玲.網(wǎng)頁設(shè)計中計算機(jī)圖像處理技術(shù)的應(yīng)用[J].信息與電腦（理論版），2017（24）：157-158.

[2]沙桐，鄭珺.基于受眾審美需求的視覺效果呈現(xiàn)及發(fā)展——“新媒體環(huán)境下網(wǎng)頁設(shè)計的視覺元素和藝術(shù)表現(xiàn)力”課題結(jié)題報告[J].藝術(shù)科技，2017，30（11）：59.