網(wǎng)頁設(shè)計中的色彩把握

【摘要】打開一個網(wǎng)站，用戶有的會關(guān)注網(wǎng)站圖片、有的會關(guān)注標(biāo)題內(nèi)容、有的則會關(guān)注信息的排版，但若想讓人對這個網(wǎng)頁印象深刻，色彩的選擇及搭配至關(guān)重要。用戶對網(wǎng)站的第一印象直接受到色彩的影響，而且顏色能夠最直接的闡述網(wǎng)站整體的定位和思想，給用戶帶來感官上的刺激，從而產(chǎn)生共鳴，達(dá)到理想的用戶體驗。

【關(guān)鍵詞】網(wǎng)頁；色彩；用戶體驗

網(wǎng)頁界面的視覺設(shè)計有著它自身的特色，本文關(guān)注點在于對網(wǎng)站顏色使用規(guī)則的把握，針對不同人群、不同風(fēng)格、不同類型的網(wǎng)站在用色上也有所不同。色彩搭配的合理性使網(wǎng)站更好的展示網(wǎng)頁內(nèi)容，有利于信息的傳達(dá)，有效的吸引用戶，更加準(zhǔn)確的貼近用戶心理感受，使整體網(wǎng)站更具個性，展現(xiàn)其魅力所在。

一、網(wǎng)頁設(shè)計的色彩發(fā)展

網(wǎng)頁設(shè)計從最初的單一色調(diào)到了五顏六色再到制定網(wǎng)站標(biāo)準(zhǔn)色，最終趨勢又回歸了原始的單一色調(diào)。一次次的變革正跟整個時代的發(fā)展時間不謀而合，從一開始因為技術(shù)能力和知識水平的匱乏，我們只能做出色彩單一的網(wǎng)頁；后來我們有了一定的技術(shù)和見解，開始將自己認(rèn)為是美的一切事物都堆積在網(wǎng)頁中，但由于日積月累的堆積，沒有一個系統(tǒng)的梳理反倒顯得網(wǎng)頁配色雜亂無章，毫無風(fēng)格與個性；再一次的轉(zhuǎn)變是一些門戶類網(wǎng)站對自己有了明確的定位，在vi手冊中明確其用色標(biāo)準(zhǔn)，像新浪的橙色、網(wǎng)易的紅色、騰訊的藍(lán)色都給人留下了深刻的印象；就目前而言，設(shè)計理念和技術(shù)都到達(dá)了一個頂峰，各大網(wǎng)站開始了新一輪的升級改版，摒棄一切拖沓的元素，返樸歸真，充分利用極簡主義思想，將加法改為減法，用單一的顏色或是僅僅用黑白灰便向用戶展示出一個及簡潔美觀又過目不忘的網(wǎng)站。日韓國網(wǎng)站在色彩處理上，通常采用高明度的純色漸變搭配淺灰為主，多用手繪及精美圖片制作的Flash動畫來增強(qiáng)藝術(shù)效果，顏色多而不亂，并且通過投影、描邊等細(xì)節(jié)上的處理，使頁面的層次感更為豐富。而歐美等西方國家在網(wǎng)頁制作上采取緊湊簡單、重點突出的設(shè)計風(fēng)格，擅長使用獨立色塊，將圖片與文字合理的分布。蘋果官網(wǎng)、Facebook、Google、Youtube等，均采用此方式進(jìn)行網(wǎng)站的處理更新。

1、網(wǎng)頁設(shè)計中的色彩規(guī)范

網(wǎng)站如何做到令用戶過目不忘，色彩的使用起至關(guān)重要的作用。色彩所表現(xiàn)的情感與內(nèi)涵也會影響用戶從感官到理性思維對網(wǎng)站的理解，因此在網(wǎng)頁設(shè)計的時候必須慎重考慮網(wǎng)頁設(shè)計中色彩的選取與搭配，網(wǎng)頁色彩設(shè)計也有一些可尋性規(guī)律。對于色彩的認(rèn)知絕大多數(shù)用戶的感官是類似的，如果色彩搭配過于繁瑣拖沓，無論是什么類型的網(wǎng)頁，都會給用戶帶來視覺干擾，用戶體驗感隨之下降。因此，網(wǎng)頁在主要的顏色方面配色最好不要超過三種，以免造成頁面視覺體驗的混亂。

2、色彩與網(wǎng)站主題保持統(tǒng)一

不同的色彩代表了不同的含義，對用戶的心理感知也不相同。在選擇網(wǎng)站的主色調(diào)時，要充分考慮用戶體驗及其色彩本身所象征的含義。以暖色系中常用的紅色為例，它代表絢爛的生命，給人以熱情、朝氣、歡樂的感覺，也蘊(yùn)含著一種力量和沖動，其內(nèi)涵是積極的、向上的，深受活潑好動的人群喜愛。天貓的官方網(wǎng)站正是符合這一特征，其網(wǎng)站主色調(diào)選擇紅黑搭配，給人以強(qiáng)勢專業(yè)的感覺；綠色是春天的顏色，象征著萬物復(fù)蘇，象征著希望，在中國文化中，它還是生命的代表，可代表植物、環(huán)保、生態(tài)等，多適用于健康類、環(huán)保類以及教育類網(wǎng)站；藍(lán)色給人沉穩(wěn)、精準(zhǔn)、睿智的意象，在商業(yè)設(shè)計中，大多數(shù)行業(yè)將藍(lán)色作為其標(biāo)準(zhǔn)色，如運輸類、科技類以及醫(yī)用類等網(wǎng)站，它給人一種強(qiáng)調(diào)效率的精準(zhǔn)，強(qiáng)有力技術(shù)水平的感覺。

二、網(wǎng)頁色彩搭配原則

網(wǎng)站為給用戶留下深刻的印象，必須有獨樹一幟的風(fēng)格和讓人眼前一亮的特點，同時還要遵循色彩搭配的原則，使用戶在瀏覽網(wǎng)頁時有一種輕松愉悅的感覺。

1、同色系搭配

同一色相不同純度的色彩組合，調(diào)整其飽和度和透明度來控制顏色的深淺，稱為同色系搭配。這樣的色彩搭配具有統(tǒng)一和諧的感覺，同時又具有層次感。近年來，選擇使用同色系來制作網(wǎng)站數(shù)量在不斷增加，簡潔大方的搭配，符合目前審美趨勢。

2、鄰近色搭配

所謂鄰近色，就是在色帶上相鄰近的顏色，色相相互接近，有一致的冷暖性質(zhì)、一致的感情特性以及和諧統(tǒng)一的色調(diào)。綠色和藍(lán)色、紅色和黃色是最常見的鄰近色。色相環(huán)中相隔五六個數(shù)位的兩色，或者相距90度，再或者為鄰近色的關(guān)系，屬中對比效果的色組。

3、對比色搭配

相比于鄰近色，人類的獨特視覺感官還能產(chǎn)生的另一種生理現(xiàn)象：對比色。對比色是視網(wǎng)膜對色彩平衡作用的結(jié)果，在色相環(huán)中，互為對面的顏色稱之為互補(bǔ)色，它也是色相環(huán)中對比最強(qiáng)的一組。用戶看到對比色，心理會產(chǎn)生一種強(qiáng)烈的刺激感，印象會更加深刻。藍(lán)色與橙色、紅色與綠色以及黃色與紫色互為對比色。在經(jīng)濟(jì)飛速發(fā)展的現(xiàn)代，各行各業(yè)的發(fā)展都備受矚目，越來越多的人不僅追求產(chǎn)品的質(zhì)量同時也開始關(guān)注產(chǎn)品本身設(shè)計的美感，顏色搭配的好壞至關(guān)重要。像黑白，紅綠，藍(lán)黃等經(jīng)典對比色深受設(shè)計師喜愛，更是在服裝、藝術(shù)、建筑等極具個性的行業(yè)廣泛使用。

三、網(wǎng)頁設(shè)計中突出色彩使用理念

1、網(wǎng)頁設(shè)計中色彩分配與呼應(yīng)。

在進(jìn)行網(wǎng)頁設(shè)計色彩的對應(yīng)與分配時，需要考慮到網(wǎng)頁的框架結(jié)構(gòu)以及用色大小面積，顏色的合理選擇可以起到突出主題、增加層次，最終達(dá)到優(yōu)化設(shè)計的目的，使用戶體瀏覽主題更加明確，更能凸顯網(wǎng)頁宣傳理念。

2、網(wǎng)頁設(shè)計中色彩的簡與瑣。

色彩的簡與瑣，要考了顏色本身的簡單性和復(fù)雜性，簡單中的復(fù)雜，復(fù)雜中的簡單，兩者混合，形成一種秩序、簡潔的意識形態(tài)。通常情況下網(wǎng)頁在制定標(biāo)準(zhǔn)色時，都會確定的某一特定的色彩或一組色彩系統(tǒng)，通過色彩特有的感知刺激與對用戶心理造成的影響，來表達(dá)該網(wǎng)頁所要經(jīng)營理念及需要傳達(dá)的信息。

3、網(wǎng)頁設(shè)計中色彩的反思維運用。

根據(jù)現(xiàn)有思維進(jìn)行反向思考，運用其反向思維特點，使普通的色彩理念有了新的表達(dá)與表現(xiàn)，在這種情況下可能會給人們帶來新的警示作用，是一種大膽的創(chuàng)新，突破了常理。表達(dá)出與眾不同的內(nèi)在感受。

4、網(wǎng)頁設(shè)計中色彩的調(diào)和與搭配。

將兩個以上的色彩協(xié)調(diào)組織在一起，能使人心情更加愉悅、滿意的色彩組合。色彩的調(diào)和主要滿足人們視覺和心理的需求。依照網(wǎng)頁的不同類型以及所需要的宣傳效果不同，需要根據(jù)其內(nèi)容思想，通過色彩、色調(diào)的有機(jī)表現(xiàn)進(jìn)行切合實際的有效表達(dá)。

四、網(wǎng)頁設(shè)計色彩的反思

在網(wǎng)頁設(shè)計時，用戶越來越關(guān)注網(wǎng)頁的色彩，一個網(wǎng)頁設(shè)計的好壞，往往與色彩的搭配有及大的關(guān)系。當(dāng)下互聯(lián)網(wǎng)競爭如此激烈，無論何種類型的網(wǎng)站都處于井噴的狀態(tài)，要想其網(wǎng)站從萬千網(wǎng)站中脫穎而出，色彩的合理運用，可以引導(dǎo)和刺激用戶的使用。在制作網(wǎng)頁是，同樣要關(guān)注色彩的民族、地域、信仰等特性，因地制宜，準(zhǔn)確把握色彩的屬性，適應(yīng)用戶的審美傾向。當(dāng)然，時刻關(guān)注當(dāng)前社會流行發(fā)展趨勢，也是網(wǎng)頁設(shè)計用色的重要參考?？傊首鳛樾畔鞑ミ^程中的重要組成部分能賦予信息更加豐富的美感并有效提升信息傳達(dá)的方式。

【參考文獻(xiàn)】

[1] 張 磊， 浦曉旦， 楊 帆. 網(wǎng)頁數(shù)字色彩顯示設(shè)計研究[J]. 包裝世界， 2015，5.

[2] 李湘緣. 淺談網(wǎng)頁設(shè)計中色彩語言的表達(dá)[J]. 藝術(shù)教育， 2012，11.

[3] 袁 琳. 網(wǎng)頁設(shè)計中的色彩應(yīng)用特點[J]. 藝術(shù)與設(shè)計（理論）， 2012，8.

【作者簡介】

程璨（1990—），女，漢族，山東青島人，青島科技大學(xué)視覺傳達(dá)與設(shè)計研究專業(yè)碩士研究生。