網頁設計中的色彩應用研究

王周娟

（北海職業學院 廣西 北海 536000）

1 引言

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

2 色彩的基本理論

只有了解色彩的基礎理論，才能更加科學的、合理的應用網頁色彩。

2.1 三原色。肉眼看到的色彩空間由3種基礎顏色構成，疊加型的三原色是紅色、綠色和藍色。

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

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

3 網頁設計中色彩的作用

3.1 呈現網頁風格，突出網頁主題

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

3.2 直觀劃分視覺功能區域，配合網頁布局

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

3.3 吸引瀏覽者目光

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

3.4 增加網頁美觀程度

色彩是視覺傳達的方式，也是藝術設計的語言，色彩讓網頁具有個性化的高效途徑，即使是典型的上中下結構的企業網頁，也因為色彩的合理運用，畫面效果大不一樣，可以極大的增強網頁的藝術性和美觀程度，讓網頁像畫一樣美麗，更具有藝術感。當我們瀏覽一張網頁，有像欣賞一幅畫一樣美好感受，那這個網頁就是成功的網頁。

4 網頁設計中的色彩應用原則

4.1 以突出主題為根本

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

4.2 網頁整體色調要和諧統一

根據要表達的內容，要遵行色彩規律，依次先確定底色、主色、輔色、點綴色，各種色彩的角色和面積大小不同，要全面控好構成畫面的色彩的色相、飽和度、明度，熟悉經典的配色方案，如黑白配色、黑底暖色、黑底冷色、白底暖色、冷暖交錯配色、色彩深淺配色、色彩明暗配色。使頁面在視覺上呈現和諧統一的一致性。

4.3 以靈動點睛為靈魂

可以將網頁設計當作畫面創作過程，在整個畫面和內容排版中，要有一個點是能充分吸引瀏覽者的，也就是抓住眼球，現在網頁設計中的banner廣告設計一般占據網頁最黃金的位置，一找開網頁基本都是banner廣告的為多。要把核心產品和核心內容的色彩設計做到極致，靈動有生命。

5 色彩設計的具體應用

網頁計中的色彩功能區分是很明確的，大致可以分為背景色、主色、輔色、點綴色。

5.1 背景色的確立

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

5.2 根據行業特征對主色的選擇

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

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

圖1 行業形象代表色

5.3 根據主色對輔色的選擇

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

5.4 對點綴色的選擇

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

5.5 根據頁面背景對文字色彩選擇

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

6 結語

總之，網頁設計的色彩應用對網頁效果起到決定性作用，在網頁設計中，色彩的良好搭配不僅可以為網頁披上精致的衣裳，還能夠烘托網站的情感與內容，可以幫助網站吸引更多網民，提高網站的點擊量。

[1]曾梅蘭.淺談網頁設計中色彩的應用[J].信息系統工程，2013，(07)：81-82.

[2]呂思思.淺析網頁設計中的色彩應用[J].大眾文藝，2013，(05)：85.