色彩元素在網(wǎng)頁(yè)設(shè)計(jì)中的研究與運(yùn)用微探

周小麗（浙江同濟(jì)科技職業(yè)學(xué)院，浙江 杭州 311231）

網(wǎng)頁(yè)所呈現(xiàn)給受眾的視覺感官感受是通過設(shè)計(jì)師對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行分析，結(jié)合受眾需要所設(shè)計(jì)出的。設(shè)計(jì)者在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的過程中，對(duì)色彩的把握要極為準(zhǔn)確，否則會(huì)使得受眾在網(wǎng)頁(yè)瀏覽時(shí)產(chǎn)生不良的感受。網(wǎng)頁(yè)設(shè)計(jì)中對(duì)網(wǎng)站整體的風(fēng)格、定位通過色彩呈現(xiàn)在受眾面前，這種直觀的感官刺激方式比較容易引起受眾的情感共鳴，使得受眾更愿意對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行深入了解。

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

1.增強(qiáng)藝術(shù)特性

網(wǎng)站頁(yè)面的設(shè)計(jì)中，色彩的搭配是極為重要的環(huán)節(jié)，它能夠貫穿于網(wǎng)站頁(yè)面的整體設(shè)計(jì)過程，不論是在宣傳頁(yè)面，還是在產(chǎn)品介紹頁(yè)面，色彩都能夠吸引受眾在進(jìn)行網(wǎng)頁(yè)瀏覽時(shí)的注意力。網(wǎng)頁(yè)設(shè)計(jì)中，不論板塊和文字多么豐富，如果沒有色彩的輔助搭配，網(wǎng)頁(yè)展示在瀏覽者面前都會(huì)黯然失色，在網(wǎng)頁(yè)設(shè)計(jì)中色彩的作用較多，色彩能夠增強(qiáng)藝術(shù)特性。網(wǎng)頁(yè)作品的生命力強(qiáng)弱是由不同的色彩設(shè)計(jì)決定的，色彩會(huì)使得網(wǎng)頁(yè)設(shè)計(jì)的象征意義和對(duì)受眾的心理都產(chǎn)生變化，良好的色彩設(shè)計(jì)能夠有效增強(qiáng)網(wǎng)頁(yè)作品的藝術(shù)性。

2.吸引焦點(diǎn)目光

現(xiàn)階段，我們國(guó)家的網(wǎng)頁(yè)設(shè)計(jì)作品數(shù)不勝數(shù)，在眾多的網(wǎng)站中想要占據(jù)有利位置，就必須要確保網(wǎng)頁(yè)的設(shè)計(jì)能夠吸引焦點(diǎn)目光，而能夠?qū)崿F(xiàn)這一目標(biāo)的就是在網(wǎng)頁(yè)設(shè)計(jì)中對(duì)色彩的熟練使用，利用色彩對(duì)受眾視覺上產(chǎn)生沖擊，結(jié)合設(shè)計(jì)作品的文字和主題，采用不同的顏色與其交相呼應(yīng)，這種方能使得瀏覽者挑剔的眼睛為其作品停留，才能夠使得網(wǎng)頁(yè)設(shè)計(jì)作品占據(jù)行業(yè)有利位置。。

3.突出重點(diǎn)主題

網(wǎng)絡(luò)多媒體浩瀚的信息群體中，瀏覽者在進(jìn)行網(wǎng)頁(yè)信息的選擇時(shí)比較困難，很難在有效時(shí)間內(nèi)選擇出自己需要的相關(guān)資料和信息，網(wǎng)頁(yè)設(shè)計(jì)者基于此可以在進(jìn)行設(shè)計(jì)的時(shí)候，充分利用將網(wǎng)頁(yè)的形式和內(nèi)容與色彩的情感效應(yīng)和色彩自身表現(xiàn)力進(jìn)行有效的融合，利用色彩將網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)主題突出，這樣能吸引更多需要相關(guān)信息的瀏覽者，同時(shí)也能夠?qū)崿F(xiàn)瀏覽者和網(wǎng)頁(yè)的有效溝通。

4.劃分視覺區(qū)域

設(shè)計(jì)者在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的之后，需要對(duì)不同的信息進(jìn)行分類和劃分，色彩可以有效的實(shí)現(xiàn)視覺區(qū)域的劃分，利用不同的顏色、不同的飽和度對(duì)網(wǎng)頁(yè)內(nèi)容的主次順序有所分明，使得瀏覽者在進(jìn)行網(wǎng)頁(yè)信息選擇時(shí)，能夠首先看到重點(diǎn)內(nèi)容，在心理上與瀏覽者產(chǎn)生共鳴。

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

瀏覽者在進(jìn)行網(wǎng)頁(yè)瀏覽的時(shí)候，相較于其他設(shè)計(jì)的元素，網(wǎng)頁(yè)界面的色彩是首先映入眼簾的。換言之，網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)元素就是色彩，同時(shí)色彩也決定著設(shè)計(jì)師所設(shè)計(jì)出來(lái)的網(wǎng)站是否能夠成功投入使用。網(wǎng)頁(yè)作為一種平面設(shè)計(jì)產(chǎn)品，能夠帶給受眾最大視覺沖擊的是其色彩，同時(shí)色彩也決定著瀏覽者對(duì)網(wǎng)頁(yè)的第一印象。就目前而言，大部分網(wǎng)頁(yè)設(shè)計(jì)者在進(jìn)行網(wǎng)站的設(shè)計(jì)時(shí)候，會(huì)應(yīng)用多種色彩，但是其忽略色彩的搭配，使得網(wǎng)頁(yè)設(shè)計(jì)變得不倫不類，比較俗氣。還有一些設(shè)計(jì)者會(huì)太過重視網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性，在同一頁(yè)面上放入不同風(fēng)格不同顏色的文字和圖片，反而使得網(wǎng)站的色彩感太過濃厚，瀏覽者對(duì)其感到推陳乏味?，F(xiàn)階段網(wǎng)頁(yè)設(shè)計(jì)的過程中色彩的使用在帶來(lái)益處的同時(shí)也會(huì)產(chǎn)生不良問題，比如設(shè)計(jì)者會(huì)過于重視色彩在網(wǎng)頁(yè)設(shè)計(jì)中的使用，這樣反而會(huì)使得網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)在美感和統(tǒng)一的協(xié)調(diào)感被破壞，也大大阻礙了受眾進(jìn)行網(wǎng)頁(yè)瀏覽的效率。還有一些設(shè)計(jì)師在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候?qū)ι适褂玫目紤]并不得當(dāng)，使用深色的網(wǎng)頁(yè)背景，這種背景顏色會(huì)對(duì)受眾的瀏覽產(chǎn)生制約，受眾識(shí)別信息變得比較困難。一部分網(wǎng)站會(huì)過于重視色彩的使用從而忽略網(wǎng)站的實(shí)質(zhì)性信息，網(wǎng)站的個(gè)性和風(fēng)格并不鮮明，瀏覽者對(duì)這種網(wǎng)站的印象并不會(huì)很深刻。

三、網(wǎng)頁(yè)設(shè)計(jì)中色彩的注意事項(xiàng)

1.重視色彩的對(duì)比

在網(wǎng)頁(yè)設(shè)計(jì)中色彩使用的注意事項(xiàng)也很多，首先需要重視的是色彩的對(duì)比。其中包括色彩的面積對(duì)比、純度對(duì)比和明度對(duì)比。色彩的力量是通過色彩的面積和明度展現(xiàn)出來(lái)的，網(wǎng)頁(yè)設(shè)計(jì)中的背景的縱深感和厚重感都是通過色彩的面積對(duì)比展現(xiàn)出來(lái)的，在大面積色彩統(tǒng)一的前提下，對(duì)色彩的變化也需要不斷創(chuàng)新。網(wǎng)頁(yè)設(shè)計(jì)中色彩的純度對(duì)比也比較重要，柔和單一的色彩是通過弱對(duì)比表現(xiàn)出來(lái)的。網(wǎng)頁(yè)實(shí)際的色彩應(yīng)用過程中，大多是采用帶有一定灰度的非飽和色。網(wǎng)頁(yè)的設(shè)計(jì)中通過對(duì)色彩明度的對(duì)比，可以有效的將形態(tài)特征突出，突出主題的效果由顏色的明度決定。比如說(shuō)在網(wǎng)頁(yè)設(shè)計(jì)中，背景底色和溫習(xí)的色彩之間倘若存在的差異比較大，此時(shí)會(huì)產(chǎn)生明度差，這時(shí)候?yàn)g覽者在進(jìn)行網(wǎng)頁(yè)信息瀏覽的時(shí)候，更便于對(duì)信息和文字的閱讀。

2.重視色彩數(shù)的控制

在進(jìn)行網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)時(shí)候，需要重視色彩數(shù)的控制。一般來(lái)說(shuō)，每一個(gè)網(wǎng)站在網(wǎng)頁(yè)的界面會(huì)有一個(gè)主色調(diào)，在網(wǎng)站的全部頁(yè)面中，這個(gè)主色調(diào)會(huì)貫穿其中，選取的主色調(diào)必須要能夠?qū)⒕W(wǎng)站主題宗旨表現(xiàn)出來(lái)，同時(shí)在網(wǎng)頁(yè)設(shè)計(jì)中不同的板塊和單元中再選取輔色來(lái)對(duì)其進(jìn)行搭配，但是要注意輔助顏色一般不要超過三種，不然會(huì)顯得網(wǎng)頁(yè)的界面比較亂。一般來(lái)說(shuō)在同一個(gè)單元模塊中出現(xiàn)的顏色不要超過三種，否者會(huì)使得閱讀者的瀏覽興趣降低，閱讀者的注意力也容易被分散，不利于網(wǎng)頁(yè)內(nèi)容的推廣。設(shè)計(jì)師在進(jìn)行網(wǎng)頁(yè)的色彩設(shè)計(jì)時(shí)，其背景大多會(huì)選擇比較淺的顏色，內(nèi)容的填充會(huì)選擇比較深的顏色，這樣閱讀者在進(jìn)行瀏覽的時(shí)候，視覺的感受會(huì)比較流暢，畫面的色調(diào)比較淡雅和柔和，這是網(wǎng)頁(yè)設(shè)計(jì)中比較容易突出頁(yè)面重點(diǎn)的一種形式，同時(shí)能夠完全符合受眾正常的認(rèn)知習(xí)慣。

四、色彩在網(wǎng)頁(yè)中的相關(guān)參考方案

1.智慧型科技網(wǎng)站

一般來(lái)說(shuō)智慧型科技網(wǎng)站大多會(huì)選擇綠色、灰色或者藍(lán)色。在一些電信機(jī)構(gòu)和金融機(jī)構(gòu)中，這些網(wǎng)站的形象大多比較穩(wěn)健，它們是屬于比較商務(wù)型的網(wǎng)站，在這些網(wǎng)站中主色調(diào)一般會(huì)選擇藍(lán)色。在一些高科技的網(wǎng)站中，其色彩的主色調(diào)大多會(huì)選擇黑色，這個(gè)顏色會(huì)渲染出先進(jìn)且敏銳的形象。在一些校園相關(guān)的網(wǎng)站中，其基本色調(diào)的會(huì)選擇藍(lán)綠色，這種顏色可以將校園中學(xué)生青春洋溢、朝氣蓬勃的精神面貌展現(xiàn)出來(lái)，同時(shí)還能將內(nèi)斂的沉靜的效果展現(xiàn)出來(lái)。在服裝行業(yè)比如高檔西服或者是辦公用品的相關(guān)網(wǎng)站的宣傳網(wǎng)頁(yè)中，大多會(huì)采用灰色作為渲染的基色，這樣能夠傳遞給瀏覽者比較穩(wěn)重柔和的信息，也使得網(wǎng)頁(yè)的風(fēng)格變得高檔，可以將充滿智慧感、灑脫且簡(jiǎn)練的氣氛營(yíng)造出來(lái)。

2.溫馨型可愛網(wǎng)站

一般來(lái)說(shuō)溫馨可愛型的網(wǎng)站包括兒童教育類網(wǎng)站、母嬰網(wǎng)站、小清新服飾網(wǎng)站等等，這類網(wǎng)站大多是女性進(jìn)行瀏覽。在設(shè)計(jì)這類網(wǎng)站的時(shí)候，需要應(yīng)用溫馨的暖色調(diào)色彩，大多在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候主色調(diào)會(huì)選擇橙色、黃色和粉色這種暖色調(diào)，這樣的色彩的高明度和高純度保持的良好。在確定主色調(diào)以后，其輔助色調(diào)也可以選擇白色，通過白色與主色調(diào)的交相呼應(yīng)，可以營(yíng)造出溫馨可愛的氛圍，能夠使得網(wǎng)站頁(yè)面整體的色彩變得比較柔和，有利于吸引受眾群體。像這種配色風(fēng)格，在服務(wù)行業(yè)、紡織品和生活用品相關(guān)的網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用的也比較多。

3.動(dòng)感型喜慶網(wǎng)站

動(dòng)感型喜慶網(wǎng)站，在進(jìn)行網(wǎng)站頁(yè)面設(shè)計(jì)的時(shí)候，由于紅色可以使受眾感覺到溫暖、動(dòng)感且喜慶，所以大多會(huì)選擇代表熱情的紅色。這種類型的網(wǎng)站頁(yè)面設(shè)計(jì)主色調(diào)選取紅色后，一般會(huì)采用不同的輔色進(jìn)行搭配，搭配出來(lái)的效果也大有不同，比如在食品相關(guān)行業(yè)的網(wǎng)站頁(yè)面設(shè)計(jì)中，為了更好的營(yíng)造出休閑、愉悅且輕松的氛圍，大多會(huì)選擇能夠帶給受眾現(xiàn)代感的紅色主色調(diào)搭配白色輔色的色彩搭配方式；在一些與運(yùn)動(dòng)相關(guān)的動(dòng)感型的網(wǎng)站，比如運(yùn)動(dòng)服飾和體育相關(guān)網(wǎng)站的宣傳頁(yè)面中，為了營(yíng)造給受眾熱情、律動(dòng)且跳躍的感受，大多會(huì)選擇紅色主色調(diào)搭配黑色輔色的色彩搭配形式，這樣能夠滿足受眾對(duì)于網(wǎng)站頁(yè)面內(nèi)容和藝術(shù)板塊的需求。

結(jié)語(yǔ)

在網(wǎng)站頁(yè)面的整體設(shè)計(jì)中,色彩的設(shè)計(jì)貫穿于全過程，這是一項(xiàng)系統(tǒng)的工程。設(shè)計(jì)者在進(jìn)行網(wǎng)站頁(yè)面的設(shè)計(jì)時(shí)，首先需要對(duì)不同色彩代表的不同心理反應(yīng)有充分的認(rèn)識(shí)，然后需要對(duì)色彩具體的應(yīng)用法則和原理足夠了解，對(duì)色彩的表現(xiàn)特征進(jìn)行深入研究，這樣才能夠在進(jìn)行網(wǎng)站頁(yè)面設(shè)計(jì)的時(shí)候，能夠設(shè)計(jì)出統(tǒng)一的風(fēng)格，能夠?qū)ι蔬M(jìn)行統(tǒng)一的規(guī)劃，有利于網(wǎng)頁(yè)整體性的形成，這樣才能夠淋漓盡致的將網(wǎng)頁(yè)設(shè)計(jì)的審美意識(shí)和個(gè)性創(chuàng)造展現(xiàn)出來(lái)。網(wǎng)頁(yè)設(shè)計(jì)中的視覺元素包括色彩、圖片和板式都會(huì)影響到瀏覽者的視覺感受，在網(wǎng)頁(yè)的設(shè)計(jì)中，色彩是最為常用的元素，不同的色彩在網(wǎng)頁(yè)中不同的板塊，會(huì)帶給瀏覽者不一樣的感覺。