網頁設計中的色彩把握

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

【關鍵詞】網頁；色彩；用戶體驗

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

一、網頁設計的色彩發展

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

1、網頁設計中的色彩規范

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

2、色彩與網站主題保持統一

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

二、網頁色彩搭配原則

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

1、同色系搭配

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

2、鄰近色搭配

所謂鄰近色，就是在色帶上相鄰近的顏色，色相相互接近，有一致的冷暖性質、一致的感情特性以及和諧統一的色調。綠色和藍色、紅色和黃色是最常見的鄰近色。色相環中相隔五六個數位的兩色，或者相距90度，再或者為鄰近色的關系，屬中對比效果的色組。

3、對比色搭配

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

三、網頁設計中突出色彩使用理念

1、網頁設計中色彩分配與呼應。

在進行網頁設計色彩的對應與分配時，需要考慮到網頁的框架結構以及用色大小面積，顏色的合理選擇可以起到突出主題、增加層次，最終達到優化設計的目的，使用戶體瀏覽主題更加明確，更能凸顯網頁宣傳理念。

2、網頁設計中色彩的簡與瑣。

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

3、網頁設計中色彩的反思維運用。

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

4、網頁設計中色彩的調和與搭配。

將兩個以上的色彩協調組織在一起，能使人心情更加愉悅、滿意的色彩組合。色彩的調和主要滿足人們視覺和心理的需求。依照網頁的不同類型以及所需要的宣傳效果不同，需要根據其內容思想，通過色彩、色調的有機表現進行切合實際的有效表達。

四、網頁設計色彩的反思

在網頁設計時，用戶越來越關注網頁的色彩，一個網頁設計的好壞，往往與色彩的搭配有及大的關系。當下互聯網競爭如此激烈，無論何種類型的網站都處于井噴的狀態，要想其網站從萬千網站中脫穎而出，色彩的合理運用，可以引導和刺激用戶的使用。在制作網頁是，同樣要關注色彩的民族、地域、信仰等特性，因地制宜，準確把握色彩的屬性，適應用戶的審美傾向。當然，時刻關注當前社會流行發展趨勢，也是網頁設計用色的重要參考。總之，色彩作為信息傳播過程中的重要組成部分能賦予信息更加豐富的美感并有效提升信息傳達的方式。

【參考文獻】

[1] 張 磊， 浦曉旦， 楊 帆. 網頁數字色彩顯示設計研究[J]. 包裝世界， 2015，5.

[2] 李湘緣. 淺談網頁設計中色彩語言的表達[J]. 藝術教育， 2012，11.

[3] 袁 琳. 網頁設計中的色彩應用特點[J]. 藝術與設計（理論）， 2012，8.

【作者簡介】

程璨（1990—），女，漢族，山東青島人，青島科技大學視覺傳達與設計研究專業碩士研究生。