網頁設計中色彩研究范文

本站小編為你精心準備了網頁設計中色彩研究參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

摘要：

互聯網已經成為人們相互交流、相互溝通的首選互動平臺。隨著互聯網突飛猛進的發展，世界已經被互聯網所“占領”，人們的生活已無法擺脫網絡的“控制”。網絡生活已經悄無聲息的變成了人們生活中非常重要的一部分。無論是手機還是電腦或者其他終端，都無時無刻不在幫助人們通過這些媒介去了解世界。觀看視頻、上網購物、打游戲、尋找工作、通過微博、微信讓別人了解自己的動態都成為了時尚。然而以上這些統統都離不開人機交互的界面。人與網絡界面的交互就變得越來越重要，也就是通常所說的網頁。而當人們第一眼看到一個網頁時，最先看到的就是這個頁面的色彩。色彩及其變化參與交互與否。不同的色彩表達出不同的情感，也可以突出表達不同的頁面內容與意義。

關鍵詞：

色彩；網頁設計；心理效應

一、色彩，就是光經過物體散射到達人眼睛中的顏色

不同的色彩給人不同的心理暗示。專家們的大量實驗發現，身處紅色環境之中，人的脈搏會加快，血液流速加快，血壓升高，頭暈目眩，情緒更是異常亢奮和沖動。也有科學家發現，色彩能影響人的腦電波，例如腦電波對紅色的反應是警覺，對藍色的反應是放松。可見，色彩心理對人的感官刺激有著重要的影響。同理，新聞網頁中的色彩，是第一時間印入人腦的第一印象。色彩是比文字更先傳遞到人腦的信息，好的色彩搭配是使人繼續關注頁面的關鍵因素，就像T臺走秀的模特一樣，把不同顏色搭配的衣服穿在身上供大家欣賞，好的色彩搭配同時也會提升整個網站的魅力指數，給人們一個完美的印象分數，從而吸引人們繼續深入的關注網站更深層次的內容。網站會根據新聞網站的宣傳主旨與訴求風格，運用色彩搭配以營造交互者不同的心理感受。網頁主色調是瀏覽者的眼睛第一瞬間捕捉到的主要色彩，會給瀏覽者留下較強的心理暗示。由此，在設計之初，就要針對需求給網頁設定整體的色彩基調，例如：可愛、活潑、莊重、大氣、另類個性……依據這些關鍵詞聯想到幾個配色方案，然后再根據網站對細節的要求，最終確定整個網站的基調。

二、事物都有兩面性

色彩也有其雙面的意義，即積極、消極兩方面，這正反兩面的含義對網頁受眾也有著不同的心理影響。

1.紅色最容易引人注意，也是刺激性最強的色彩。是血液和太陽等象征“能量”的色彩。積極意義：給人感覺喜慶、熱鬧；有積極性，帶有正能量，使人情緒激動、興奮。同時也象征熱情、權威、自信。消極意義：讓人情緒失控，感覺血腥、暴力，容易造成心理壓迫感。在網頁設計中應結合網頁主題宣傳的需要加以應用，避免色彩的消極意義影響。比如：一些官方新聞網站使用紅色作為網站的主色調，白色為輔色，配以官方的新聞內容，整個網頁的色彩搭配給人傳遞正能量、權威、可信賴的心理感受，讓人從心底更愿意也更容易接受網站所宣傳的內容。

2.黑色神秘、沉著。使人感覺嚴肅，剛健。積極意義：凝重、莊重、肅穆、自信，象征高雅、低調。消極意義：使人感到恐怖、空虛、絕望，有精神壓抑感。黑色可以作為娛樂類新聞網站的色彩基調，用以體現時尚、高端、勁炫、潮流的品位，引領最新、最前沿的時尚娛樂資訊。

3.灰色代表中立，與黑色、白色同為中間色。積極意義：智慧、穩重，象征誠懇、沉穩、考究。消極意義：灰暗、單調、冷漠。灰色可以應用到科技感很強的新聞頁面當中，例如信息化類型的新聞網頁。用以體現整體頁面的超前感、未來感。

4.白色純潔、干凈、樸素、高雅。積極意義：白色可以減緩人情緒的波動，安撫人的心靈。象征神圣、善良，充滿無限幻想。消極意義：略顯拘謹，會給人疏離、夢幻的感覺。白色常應用于醫療、救援等新聞頁面，用以平復人們的情緒。白色可以應用的范圍較廣，白色最簡潔，可以被應用于各種網站的網頁設計之中，以白色為主色調搭配不同顏色表達的效果也不同，是永恒流行的主色調。橙色陽光、活力、華麗。積極意義：充滿生氣，給人親切、坦率、開朗、健康的感覺，讓人感到安適、放心。消極意義：使人感覺負面、低俗。

5.橙色視覺效果也很強烈，較紅色次之，也很醒目。可以應用于容易激起人熱情的頁面，例如旅游類新聞頁面，給人以溫暖愉悅，讓人煥發精神，富于挑戰的感覺。

6.黃色是明度極高的顏色，活潑、明亮醒目，視覺沖擊力強。積極意義：能激發能量，給人快樂與希望。消極意義：黃色也有不穩定、招搖，甚至挑釁的味道，具有警告的效果。在頁面中可用于特別提醒注意，如提倡保護動物等新聞頁面，有特別強調之意。

6.綠色是大自然的顏色，有環保的作用。積極意義：給人無限的安全感受，增進和諧，對緩解緊張、消除疲勞非常有幫助。象征生命力、自由和平、希望、新鮮、舒適。消極意義：暗示了隱藏、被動、冷清。體育類新聞經常應用到綠色做搭配，綠色常被聯想到自然、生命與希望，借以表現出整個頁面的和諧與親近之感。藍色是天空的顏色，沉穩、靈性。積極意義：象征希望、理想、獨立、誠實、信賴與權威。

7.藍色是很受歡迎的顏色。消極意義：陰暗、憂郁。應用于專業技術性強的新聞頁面，體現冷靜、認真、理性、權威、可信賴。紫色的光波最短，在自然界中較少見到。積極意義：能夠鎮靜精神。象征神秘、高貴的色彩，富有藝術氣息。消極意義：高傲、憂傷。休閑娛樂類新聞較常運用紫色，體現神秘，夢幻。

三、網站內容應該主次分明

讓瀏覽者最先捕捉到自己想要的核心內容，然后用不同顏色突出自己不同重要的板塊，尤其是搜索、登錄、導航按鈕等等，使訪客知道自己看到這個頁面的時候自己該干些什么。以淘寶為首的這些大網站都有非常頂級的網頁設計師，他們設計的頁面看似非常簡單，但是我們看起來非常舒服，給我們留下一個非常好的印象。以下為幾家新聞類門戶網站的色彩心理效應：搜狐的主要色彩是醒目亮眼的黃色，突出的搜狐標志和具有導航功能的導航條，給人心里帶來陽光的同時，也讓人覺得這個網站的內容是正面、積極、樂觀的，感覺舒服、自然、親切，容易讓人接受。網頁字體采用藍色，藍色文字讓人看上去更加沉穩、可信；新浪采用的主要色彩也是具有暖人身心的橙色，除了同樣的引人注意之外，橙色給人感覺更加成熟、華麗、富有熱情。網頁字體也同樣采用穩重的藍色；還有一些省內地市的網站，例如：牡丹江新聞網主色調采用的是藍色，搭配綠色，偶爾用一些亮色如紅色、橙色加以點綴。藍色給人寬廣無垠、靈動之感，加以綠色更顯示出生機與希望。網頁字體采用淺藍色。與大網站相比，地方網站更加貼近百姓生活，俗話說就是更加的“接地氣”，發生在百姓身邊的一些大事小情與雞毛蒜皮更容易引起共鳴，吸引大家駐足觀看。雙鴨山新聞網主色調采用的是紅色，熱情洋溢，報道正面。頁面分區簡結明了，廣告位區分也是貼近網站主色調，采用同色調色彩之間的差別來區分，既不突兀也沒有一絲違和感，使得廣告位設計顯得那么自然得當。新改版的七臺河新聞網主色調也是采用藍色，網頁字體采用黑色。用以顯示網站的專業性，體現出網站的沉穩、大氣。同時傳達給人們認真、理性做真實新聞的決心。在宣傳黨的政策和主旋律的同時，又能將百姓生活緊緊結合，做一個親民的地方網站。

四、色彩的力量是強大的

沒有色彩也是一種色彩，它也代表著一種情感。2008年5月19日-21日是四川汶川地震后的全國哀悼日，幾乎所有網站都把主色調換成了黑白灰色，甚至有很多網友把自己的個人微博、空間主頁都換成了中間色，以此來表達沉痛的心情，和對逝者的悼念。見到某種色彩時，會無意中形成固定的印象。根據不同的新聞類型選擇合適的顏色，色彩是有情感的，也是網頁中最直接的一種表達方式。有時候一個色彩的改變會使一個網站給人的印象發生很大的變化。作為新聞類網頁的頁面設計，一定要考慮到新聞的正面引導作用，不能應用太過浮夸的色彩，可以應用色彩色塊表現突出想要宣傳的內容，從而分出層次。同時還要注意整個頁面色彩與風格的整體統一性。我們要學會抓住各種色彩的心理效應，并在網頁設計上靈活運用的話，你會發現一個新的突破！

五、結語

綜上所述，不同色彩在網頁中扮演著截然不同的角色，多種色彩的搭配更是能演繹出千變萬化的功能，也能引發交互者不同的情感變化。相信隨著立體媒體所占比重的日益增大，色彩心理將會在新聞網站這個領域發揮更大的作用。

參考文獻：

倪少清編著:色彩心理學中國廣播影視出版社；2013年2月

作者:李鳳茹 單位:七臺河日報社