王周娟

（北海職業(yè)學(xué)院 廣西 北海 536000）

1 引言

“互聯(lián)網(wǎng)+”是時(shí)代的必然趨勢，為各地各業(yè)創(chuàng)造了條件。各國在互聯(lián)網(wǎng)領(lǐng)域投入大量資金和技術(shù)，網(wǎng)絡(luò)科技是新月異，滿足社會對互聯(lián)網(wǎng)的要求和需求。設(shè)備越來越好，網(wǎng)絡(luò)的速度越來越快，互聯(lián)網(wǎng)上的信息不斷增加，如何有效的呈現(xiàn)信息，留住瀏覽者的目光，是網(wǎng)頁設(shè)計(jì)人員的終極目標(biāo)，文字、圖片、音樂、視頻等媒體元素網(wǎng)頁的主體，而頁面色彩的設(shè)計(jì)則是呈現(xiàn)主體的載體，合理美觀的色彩設(shè)計(jì)，是網(wǎng)頁畫面成敗的關(guān)鍵。

2 色彩的基本理論

只有了解色彩的基礎(chǔ)理論，才能更加科學(xué)的、合理的應(yīng)用網(wǎng)頁色彩。

2.1 三原色。肉眼看到的色彩空間由3種基礎(chǔ)顏色構(gòu)成，疊加型的三原色是紅色、綠色和藍(lán)色。

2.2 色彩的三要素色相、飽和度和明度。色相是指不同波長的色的情況，也就是什么顏色的意思，波長最長的是紅色，最短的是紫色；飽和度是色彩的鮮艷的程度，也叫顏色的純度，飽和度越高，顏色越鮮艷，飽和越低，顏色越淡；明度是色彩的明亮程度，明度越高，色彩越明亮，明度越高，色彩越暗沉。所以色彩的三要素本質(zhì)上是，顏色，彩色程度，明亮程度。

2.3 色彩的種類分為無彩色和有彩色。無彩色是白色、黑色、以及灰色；有彩色是指色相為紅、橙、黃、綠、青、藍(lán)、紫等的顏色。

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

3.1 呈現(xiàn)網(wǎng)頁風(fēng)格，突出網(wǎng)頁主題

色彩是會給人冷曖、軟硬、輕重等各種感受的。色彩調(diào)配和是裝飾網(wǎng)頁的好方法，能夠在視覺方面展現(xiàn)獨(dú)特魅力，給網(wǎng)頁變幻多彩的新衣，形成一系列特色風(fēng)格。通過不同風(fēng)格的呈現(xiàn)，可以突出網(wǎng)頁的主題，不同的主題會選擇不同的色彩呈現(xiàn)。

3.2 直觀劃分視覺功能區(qū)域，配合網(wǎng)頁布局

網(wǎng)頁整體的合理布局、配色能夠清晰的梳理頁面內(nèi)容，尤其幫助不同板塊形成鮮明的排版，這不但可以豐富網(wǎng)頁設(shè)計(jì)形式，還能夠借助色彩應(yīng)用和搭配進(jìn)行色彩視覺分區(qū)規(guī)劃，形成主次有別、層次分明的頁面設(shè)計(jì)[1]。有效進(jìn)行頁面色彩選擇設(shè)計(jì)，是可以明確區(qū)分網(wǎng)頁的功能，在色彩模塊和色彩造型上載入文字和圖像等，色彩模塊可以在瀏覽者的腦中形成頁面布局和網(wǎng)頁功能導(dǎo)航，烘托出整網(wǎng)頁錯落有致的布局。

3.3 吸引瀏覽者目光

色彩對人眼很有的沖擊力的視覺元素，特別鮮艷的色彩，波長很長的色彩，人眼尤其敏感，網(wǎng)頁設(shè)計(jì)中將色彩應(yīng)用到極致能夠凸顯色彩的魅力。人們在瀏覽網(wǎng)頁過程中，最先受到的視覺沖擊不是文字、圖片，而是大面積的網(wǎng)頁背景顏—，風(fēng)格簡約大方、粉嫩可愛、星光璀璨，成熟穩(wěn)定，低調(diào)奢華，冷靜清爽等不同風(fēng)格的顏色調(diào)配，都是為能夠在最短的時(shí)間吸引瀏覽者，留住瀏覽者的目光。比如“OPPO”手機(jī)官網(wǎng)首頁，一進(jìn)入官網(wǎng)，映入眼簾的就是黑底的圖像輪播，黑色中央是玫紅色的動感旋轉(zhuǎn)手機(jī)，奢華大氣。向下拉網(wǎng)頁下半部分分成4塊大色塊區(qū)域，分別是紅灰白藍(lán)畫面簡潔分明。

3.4 增加網(wǎng)頁美觀程度

色彩是視覺傳達(dá)的方式，也是藝術(shù)設(shè)計(jì)的語言，色彩讓網(wǎng)頁具有個(gè)性化的高效途徑，即使是典型的上中下結(jié)構(gòu)的企業(yè)網(wǎng)頁，也因?yàn)樯实暮侠磉\(yùn)用，畫面效果大不一樣，可以極大的增強(qiáng)網(wǎng)頁的藝術(shù)性和美觀程度，讓網(wǎng)頁像畫一樣美麗，更具有藝術(shù)感。當(dāng)我們?yōu)g覽一張網(wǎng)頁，有像欣賞一幅畫一樣美好感受，那這個(gè)網(wǎng)頁就是成功的網(wǎng)頁。

4 網(wǎng)頁設(shè)計(jì)中的色彩應(yīng)用原則

4.1 以突出主題為根本

色彩應(yīng)用對于網(wǎng)頁設(shè)計(jì)而言是不可缺少的模塊，人們習(xí)慣了五彩繽紛的世界，因此在觀看任何事物時(shí)都會有色彩喜好，因此而形成各種各樣的偏愛[2]。但一個(gè)網(wǎng)頁的色彩基調(diào)，不能一味的取悅瀏覽者，也無法取悅所有的瀏覽者，還是要從網(wǎng)頁的主題出發(fā)，網(wǎng)頁的產(chǎn)品出發(fā)，結(jié)合受眾，注意網(wǎng)頁主題和色彩的配合，選擇適合的色彩，二者兼顧。

4.2 網(wǎng)頁整體色調(diào)要和諧統(tǒng)一

根據(jù)要表達(dá)的內(nèi)容，要遵行色彩規(guī)律，依次先確定底色、主色、輔色、點(diǎn)綴色，各種色彩的角色和面積大小不同，要全面控好構(gòu)成畫面的色彩的色相、飽和度、明度，熟悉經(jīng)典的配色方案，如黑白配色、黑底暖色、黑底冷色、白底暖色、冷暖交錯配色、色彩深淺配色、色彩明暗配色。使頁面在視覺上呈現(xiàn)和諧統(tǒng)一的一致性。

4.3 以靈動點(diǎn)睛為靈魂

可以將網(wǎng)頁設(shè)計(jì)當(dāng)作畫面創(chuàng)作過程，在整個(gè)畫面和內(nèi)容排版中，要有一個(gè)點(diǎn)是能充分吸引瀏覽者的，也就是抓住眼球，現(xiàn)在網(wǎng)頁設(shè)計(jì)中的banner廣告設(shè)計(jì)一般占據(jù)網(wǎng)頁最黃金的位置，一找開網(wǎng)頁基本都是banner廣告的為多。要把核心產(chǎn)品和核心內(nèi)容的色彩設(shè)計(jì)做到極致，靈動有生命。

5 色彩設(shè)計(jì)的具體應(yīng)用

網(wǎng)頁計(jì)中的色彩功能區(qū)分是很明確的，大致可以分為背景色、主色、輔色、點(diǎn)綴色。

5.1 背景色的確立

背景色最常采用是的中性色，黑色、白色、灰色或者是直接使用主色作為背景色。背景色要純凈，柔和，有良好的過度效果，一般使用純色或者漸變和畫筆柔角筆頭營造。

5.2 根據(jù)行業(yè)特征對主色的選擇

主色，顧名思義就是主要色彩的地位非常重要，使用面積比較大。

主色彩的選擇奠定了整個(gè)網(wǎng)站的基調(diào)，其他部分色彩選擇需要根據(jù)主色彩進(jìn)行調(diào)和搭配，由此可見網(wǎng)頁設(shè)計(jì)的主色彩選擇是十分重要的。一個(gè)網(wǎng)站的頁面設(shè)計(jì)要敲定主色彩，只有確定主色彩的色系，才好陸續(xù)填充其他版塊是色彩，在選擇主色彩時(shí)需要注意通常不會選取過多的顏色同時(shí)作為網(wǎng)頁主色彩，只要選擇一兩中顏色就可以[3]。而主色具體的選擇最重要的是因素是產(chǎn)品本身特性和產(chǎn)品的目標(biāo)受眾的特定需求來確定。下面從行業(yè)方向分析一下網(wǎng)頁設(shè)計(jì)中主色的選擇，如圖1。

圖1 行業(yè)形象代表色

5.3 根據(jù)主色對輔色的選擇

配色是與主色彩相對的，配色可以分布于網(wǎng)頁的各個(gè)方位，配色所點(diǎn)的面積是次于主色的。主色和配色一定要協(xié)調(diào)，是符合色彩自然規(guī)律的，雜亂無章的配色選擇則容易主次不分，沒有重點(diǎn)，造成網(wǎng)頁視覺雜亂的后果。因此，許多網(wǎng)站在設(shè)計(jì)過程中會結(jié)合主色彩的色調(diào)專門調(diào)和與之相映的配色，比如在黑色為底色的網(wǎng)頁中，主色是深藍(lán)色，配色是黃色，非常的突出，如夜空中的明珠。

5.4 對點(diǎn)綴色的選擇

點(diǎn)綴色是比輔色更小的面積，起到畫龍點(diǎn)睛的作用，提亮畫面的效果。

5.5 根據(jù)頁面背景對文字色彩選擇

網(wǎng)頁的主體內(nèi)容還是文字，文字是傳播信息的基本元素，所以網(wǎng)頁設(shè)計(jì)過程中要重視文字的設(shè)計(jì)。選擇合適的背景顏色和文字顏色，能夠凸顯網(wǎng)頁的內(nèi)容設(shè)計(jì)，增強(qiáng)網(wǎng)頁吸引力，達(dá)到最終設(shè)計(jì)目的。常規(guī)用法是：深底亮字，淺底暗字，層次分明，交相輝映。在大幅廣告中的文字一定是視覺藝術(shù)設(shè)計(jì)中比重很高的一部分，在日常中很多人會忽視對文字的處理。

6 結(jié)語

總之，網(wǎng)頁設(shè)計(jì)的色彩應(yīng)用對網(wǎng)頁效果起到?jīng)Q定性作用，在網(wǎng)頁設(shè)計(jì)中，色彩的良好搭配不僅可以為網(wǎng)頁披上精致的衣裳，還能夠烘托網(wǎng)站的情感與內(nèi)容，可以幫助網(wǎng)站吸引更多網(wǎng)民，提高網(wǎng)站的點(diǎn)擊量。

[1]曾梅蘭.淺談網(wǎng)頁設(shè)計(jì)中色彩的應(yīng)用[J].信息系統(tǒng)工程，2013，(07)：81-82.

[2]呂思思.淺析網(wǎng)頁設(shè)計(jì)中的色彩應(yīng)用[J].大眾文藝，2013，(05)：85.