王越敏

(大慶市蒙妮坦中等職業(yè)技術學校， 黑龍江 大慶 163453)

?

淺談網站設計中色彩的運用

王越敏

(大慶市蒙妮坦中等職業(yè)技術學校， 黑龍江 大慶 163453)

目的：探究色彩在網站設計中的搭配原則與搭配技巧。方法：以網站的頁面結構、色彩的基本特征為理論基礎，采用理論與實例相結合的方法從互補色、對比色等不同方面，分析色彩在網站設計中的具體應用方法。結果：掌握了網站設計的色彩搭配原則及搭配技巧，在設計網站時使用色彩就會運用自如，不失美感。結論：色彩作為視覺藝術語言，具有很強的視覺沖擊力，在網站設計中合理應用，能達到彰顯個性且不失和諧的效果。

色彩；網站；原則

0 引言

隨著信息化時代的到來，網絡逐漸融入大眾生活的方方面面，成為人們日常生活、學習、工作不可或缺的重要工具。因此，網站設計的合理性與美觀性顯得尤為重要。

在日常生活中，常有“遠看色近看形”的說法。這說明在設計中色彩對視覺的刺激是第一位的。因此，要增強網站的審美感及視覺沖擊力，同時實現(xiàn)與使用者的情感共鳴，突出網頁的個性設計與藝術魅力，都需要合理運用色彩。

1 網站的頁面結構

1.1 主頁

屬于網站的首頁，如同臺上演員給觀眾的第一印象，色彩的運用及版面的設計都需要特別重視。

1.2 框架頁

作為網站的主要結構頁面，又稱內頁、次首頁，也會有少許網站會以此頁為首頁。網站內部重要欄目的首頁指的就是框架頁，設計時色彩運用要與主頁相呼應，風格要保持一致。

1.3 普通頁

此頁面承載著網站的主要信息，對鏈接要求需要文字準確、圖文并茂，設計要與網頁的風格保持統(tǒng)一，對設計要求不高。

1.4 彈出頁

多數(shù)用于廣告、消息、新聞、鏈接等等，設計要求可以獨立。

2 色彩的基本特征

色彩是客觀存在的，每個色彩都可以表達人的不同心理感受。各種不同色相、明度、純度的色彩組合在一起就可以產生不同的效果，從而帶來不一樣的情感體驗。

2.1 色相

所謂色相是指能夠比較確切地表示某種顏色色別的名稱，如赤、橙、黃、綠、青、藍、紫。色相是表現(xiàn)色彩的種類。從光學角度來說，眼睛所接受光線的光譜成分決定所視的色相。若為單色則光線的波長會直接影響色相的面貌；若為混合色光，其效果則受各種波長光線的相對量影響。

2.2 純度

色彩的純度是指色彩的純凈程度或飽和度。色彩純度高低也會受視覺生理的特點、照射光源、物體表現(xiàn)結構等方面影響。純度低是由于含有色彩成分比例少；純度高是由于含有色彩成分比例多。

2.3 明度

明度是指色彩的明亮程度。色彩明度會直接影響相同色彩的深淺。例如，在彩色系中檸檬黃明度最高，明度最低為藍紫色，中間明度則為綠色、紅色。色彩的明度、純度之間是相互影響的，例如檸檬黃中加入黑色后，純度、明度同時都降低了；當檸檬黃加入白色后，純度降低了，而明度提高了。

3 網站設計中色彩的搭配原則

3.1 色彩統(tǒng)一性

很多時候，色彩體現(xiàn)著人們的感情，會使觀者產生不一樣的情緒。比如，藍色讓人冷靜，黃色動感明快。在網頁設計中，要發(fā)揮色彩的導向作用，使界面色調統(tǒng)一。

3.2 色彩布局合理性

布局影響頁面內容的分割，并直接影響瀏覽者對網頁內容的觀看秩序。

3.3 色彩鮮明性

網頁的色彩若鮮艷才能很好的引人注目也才會給瀏覽者耳目一新的感覺。

3.4 色彩獨有性

要有自己獨特的風格，使網頁設計與眾不同，給瀏覽者留下深刻的印象，色彩的運用就必須獨到。

3.5 色彩契合性

網站的主題內容要與所用色彩之間有一定的契合性。例如，科技、教育型網站多用冷靜的藍色系，女性主題的網站多用溫暖的粉紅色系等。

3.6 色彩聯(lián)想性

每種色彩都會讓人產生不同的聯(lián)想。大海、天空、智慧與藍色吻合，生命、環(huán)保與綠色吻合，神秘、黑暗常用黑色表示，網站的內涵要與所選色彩相關聯(lián)。

4 網站設計中色彩運用的搭配技巧

4.1 傳達的訊息要明確

選擇可以突出訊息的顏色。例如，某院校的網站背景選用較高純度的藍色，與博學的學習氣氛形成呼應，突出優(yōu)質的教學環(huán)境。

4.2 根據(jù)使用者的特點合理選擇網頁色彩

例如兒童美術學習網站，要從使用者的童趣出發(fā)，整個頁面要有很跳躍的色彩，不同比例的三原色作為基色，凸顯兒童的天真和可愛。而國畫鑒賞網站則會采用水墨丹青作為主色調設計網頁，凸顯網站的國畫藝術風格。

4.3 對比色、補色的運用

要使網站的主題更加突出，可使用補色、對比色。對比色的恰當搭配及補色的對比搭配，都可以使網頁具有很好的空間感，更好的突出網頁主體。在網站設計時常以一種顏色為主色調，其對比色作為點綴。

5 結語

網頁的色彩運用是整個網站風格定位的坐標，想要更好地展現(xiàn)網站的形式和內容，使設計效果獨樹一幟，合理運用色彩是關鍵。在網站設計中，合理的色彩搭配有助于網頁設計人員更好地設計制作出形式新穎，風格獨特的優(yōu)秀網站。

[1]李貌.包裝工程網頁設計中的色彩搭配研究[J]．包裝工程， 2016年8月第37卷 第16期．

[2] 孟東生.色彩[M]．石家莊: 河北教育出版社, 2008.

[3] 李立偉.淺談網頁色彩設計[J]．鄭州輕工業(yè)學院學報(社會科學版), 2007 (2): 74—77.

(編輯 文新梅)

DiscussionontheUseofColorintheDesignofWebsite

WANGYuemin

(DaqingCityMunniSecondaryVocationalandTechnicalSchools,Daqing163453,China)

Objective: explore the collocation principle and collocation technique of color in website design. Methods: with the basic characteristics of the web page structure, and color as the theoretical basis, adopt the method of combining theory with instance from different aspects such as the complementary color, and contrast color, to analyze the specific application method of color in the web design. Result: the collocation principle and collocation technique of color in website design is mastered. The use of color in the design of website can be free, and with aesthetic feeling. Conclusion: the color as a visual art language, has a strong visual impact, and the reasonable application of it in web design can achieve the effect of personality and harmony．

color; website; principle

2017-04-12

王越敏(1976-)，女。中教一級。主要研究方向：美術學。

J

A

1672-0601(2017)07-0116-02