淺談網(wǎng)站設(shè)計(jì)中色彩的運(yùn)用

王越敏

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

?

淺談網(wǎng)站設(shè)計(jì)中色彩的運(yùn)用

王越敏

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

目的：探究色彩在網(wǎng)站設(shè)計(jì)中的搭配原則與搭配技巧。方法：以網(wǎng)站的頁(yè)面結(jié)構(gòu)、色彩的基本特征為理論基礎(chǔ)，采用理論與實(shí)例相結(jié)合的方法從互補(bǔ)色、對(duì)比色等不同方面，分析色彩在網(wǎng)站設(shè)計(jì)中的具體應(yīng)用方法。結(jié)果：掌握了網(wǎng)站設(shè)計(jì)的色彩搭配原則及搭配技巧，在設(shè)計(jì)網(wǎng)站時(shí)使用色彩就會(huì)運(yùn)用自如，不失美感。結(jié)論：色彩作為視覺(jué)藝術(shù)語(yǔ)言，具有很強(qiáng)的視覺(jué)沖擊力，在網(wǎng)站設(shè)計(jì)中合理應(yīng)用，能達(dá)到彰顯個(gè)性且不失和諧的效果。

色彩；網(wǎng)站；原則

0 引言

隨著信息化時(shí)代的到來(lái)，網(wǎng)絡(luò)逐漸融入大眾生活的方方面面，成為人們?nèi)粘Ｉ睢W(xué)習(xí)、工作不可或缺的重要工具。因此，網(wǎng)站設(shè)計(jì)的合理性與美觀性顯得尤為重要。

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

1 網(wǎng)站的頁(yè)面結(jié)構(gòu)

1.1 主頁(yè)

屬于網(wǎng)站的首頁(yè)，如同臺(tái)上演員給觀眾的第一印象，色彩的運(yùn)用及版面的設(shè)計(jì)都需要特別重視。

1.2 框架頁(yè)

作為網(wǎng)站的主要結(jié)構(gòu)頁(yè)面，又稱(chēng)內(nèi)頁(yè)、次首頁(yè)，也會(huì)有少許網(wǎng)站會(huì)以此頁(yè)為首頁(yè)。網(wǎng)站內(nèi)部重要欄目的首頁(yè)指的就是框架頁(yè)，設(shè)計(jì)時(shí)色彩運(yùn)用要與主頁(yè)相呼應(yīng)，風(fēng)格要保持一致。

1.3 普通頁(yè)

此頁(yè)面承載著網(wǎng)站的主要信息，對(duì)鏈接要求需要文字準(zhǔn)確、圖文并茂，設(shè)計(jì)要與網(wǎng)頁(yè)的風(fēng)格保持統(tǒng)一，對(duì)設(shè)計(jì)要求不高。

1.4 彈出頁(yè)

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

2 色彩的基本特征

色彩是客觀存在的，每個(gè)色彩都可以表達(dá)人的不同心理感受。各種不同色相、明度、純度的色彩組合在一起就可以產(chǎn)生不同的效果，從而帶來(lái)不一樣的情感體驗(yàn)。

2.1 色相

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

2.2 純度

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

2.3 明度

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

3 網(wǎng)站設(shè)計(jì)中色彩的搭配原則

3.1 色彩統(tǒng)一性

很多時(shí)候，色彩體現(xiàn)著人們的感情，會(huì)使觀者產(chǎn)生不一樣的情緒。比如，藍(lán)色讓人冷靜，黃色動(dòng)感明快。在網(wǎng)頁(yè)設(shè)計(jì)中，要發(fā)揮色彩的導(dǎo)向作用，使界面色調(diào)統(tǒng)一。

3.2 色彩布局合理性

布局影響頁(yè)面內(nèi)容的分割，并直接影響瀏覽者對(duì)網(wǎng)頁(yè)內(nèi)容的觀看秩序。

3.3 色彩鮮明性

網(wǎng)頁(yè)的色彩若鮮艷才能很好的引人注目也才會(huì)給瀏覽者耳目一新的感覺(jué)。

3.4 色彩獨(dú)有性

要有自己獨(dú)特的風(fēng)格，使網(wǎng)頁(yè)設(shè)計(jì)與眾不同，給瀏覽者留下深刻的印象，色彩的運(yùn)用就必須獨(dú)到。

3.5 色彩契合性

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

3.6 色彩聯(lián)想性

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

4 網(wǎng)站設(shè)計(jì)中色彩運(yùn)用的搭配技巧

4.1 傳達(dá)的訊息要明確

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

4.2 根據(jù)使用者的特點(diǎn)合理選擇網(wǎng)頁(yè)色彩

例如兒童美術(shù)學(xué)習(xí)網(wǎng)站，要從使用者的童趣出發(fā)，整個(gè)頁(yè)面要有很跳躍的色彩，不同比例的三原色作為基色，凸顯兒童的天真和可愛(ài)。而國(guó)畫(huà)鑒賞網(wǎng)站則會(huì)采用水墨丹青作為主色調(diào)設(shè)計(jì)網(wǎng)頁(yè)，凸顯網(wǎng)站的國(guó)畫(huà)藝術(shù)風(fēng)格。

4.3 對(duì)比色、補(bǔ)色的運(yùn)用

要使網(wǎng)站的主題更加突出，可使用補(bǔ)色、對(duì)比色。對(duì)比色的恰當(dāng)搭配及補(bǔ)色的對(duì)比搭配，都可以使網(wǎng)頁(yè)具有很好的空間感，更好的突出網(wǎng)頁(yè)主體。在網(wǎng)站設(shè)計(jì)時(shí)常以一種顏色為主色調(diào)，其對(duì)比色作為點(diǎn)綴。

5 結(jié)語(yǔ)

網(wǎng)頁(yè)的色彩運(yùn)用是整個(gè)網(wǎng)站風(fēng)格定位的坐標(biāo)，想要更好地展現(xiàn)網(wǎng)站的形式和內(nèi)容，使設(shè)計(jì)效果獨(dú)樹(shù)一幟，合理運(yùn)用色彩是關(guān)鍵。在網(wǎng)站設(shè)計(jì)中，合理的色彩搭配有助于網(wǎng)頁(yè)設(shè)計(jì)人員更好地設(shè)計(jì)制作出形式新穎，風(fēng)格獨(dú)特的優(yōu)秀網(wǎng)站。

[1]李貌.包裝工程網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配研究[J]．包裝工程， 2016年8月第37卷 第16期．

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

[3] 李立偉.淺談網(wǎng)頁(yè)色彩設(shè)計(jì)[J]．鄭州輕工業(yè)學(xué)院學(xué)報(bào)(社會(huì)科學(xué)版), 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í)。主要研究方向：美術(shù)學(xué)。

J

A

1672-0601(2017)07-0116-02