淺談色彩在網頁設計中的應用效果

易揚揚

摘 要：能夠為網頁合理配色是每個網頁設計師必備技能之一，它對于用戶對網頁的視覺體驗起著主導作用。網站使用用戶情緒和感受的好壞直接受網頁效果圖的色彩搭配是否合理的影響。合理和正確的色彩搭配會給用戶帶來很強的視覺沖擊力，不恰當的色彩搭配會讓用戶完全喪失繼續訪問網站的興趣。

關鍵詞：色彩;色彩心理;視覺沖擊力

DOI：10.16640/j.cnki.37-1222/t.2019.17.178

我們每天在互聯網上看到的網站都是有色彩的，不管是有色彩系還是無色彩黑、白、灰，色彩會構成了網站的一個整體風格，可以為用戶帶來了不一定的視覺感受體驗。好的色彩搭配對于一個網站來說是非常重要的，想要使網站色彩合理使用就要掌握一定的色彩知識。

1 認識顏色

1.1 色彩的基本知識

色彩的產生，世界本無色，光進入我們的眼睛，在光的作用下通過色彩的差異感受各種景物的存在。光在眼球網膜里產生刺激，通過視神經傳達到支配視覺的大腦視覺中樞神經，從而產生色彩的感覺。太陽升起光線清晰明亮時，看到自然界的萬物清晰而鮮艷的;太陽落下光線暗淡時，色彩變得模糊而陰暗;如果世界上沒了光，我們什么都看不見眼前是一片漆黑的。

1.2 色彩的三要素：色相、明度、純度

色相：色彩的相貌，是區分色彩的主要依據。在可見光譜上，人的視覺能感受不同特征的色彩，給可以相互區別的顏色定義出名稱;明度：色彩的明暗程度（在無彩色系中白色明度最高，黑色明度最低）;純度：色彩的飽和度或鮮濁程度。

2 色彩在網頁效果圖中的應用背景

一個網站的色彩風格確立首先取決于本網站的目標定位，色彩風格要與網站的主題內容相互呼應，要想更容易吸引訪問者的注意，網頁的色彩選擇與搭配則要鮮明。美工進行設計時應避免只追求美觀而與網頁主題相沖突的色彩風格使用。

心理學家格里高里說過：“色彩往往是-種先聲奪人的傳達要素，就遠觀效果而言，色彩傳達更優于圖形圖像的傳達和文字的傳達。”用戶對不同的色彩有著不同的情感反應。網頁效果圖設計中的色彩能夠有效提升用戶對信息分類和信息瀏覽的準確度與速度。俗話說得好，好花也需綠葉配。就算你的網站整體設計的很不錯，但是配色方面不到位，那么最后也留不住用戶。好的色彩搭配是網頁效果圖設計成功的一個重要保障。在進行網頁效果圖設計時我們要設身處地的為客戶著想，這樣設計出來的作品更加符合客戶的需求。

3 在網頁效果圖中如何正確合理的搭配色彩

在網頁效果圖設計和實施的過程中，對不同的色彩，會有不同的感受，整體呈現的效果也會不同，色彩是語言的詮釋，每種顏色都有自己的意義，所以在進行色彩搭配的時候，我們必須要深入了解色彩的基本屬性。我們在做網站定制的時候，一般企業網站的配色設計師們都是根據本企業Logo來配，網站的整體風格的搭配都需要綜合考慮，使得主體顏色和其他顏色（包括每個區域的色塊、圖標的顏色、鼠標點擊的點綴色、畫框顏色）的整體統一協調。

主體顏色的選擇奠定了整個網站的基調，其他部分色彩需要根據主體色彩進行調和搭配，配色與主體色彩是相對的，配色分布于網頁效果圖的各個地方，配色的面積僅次于主體色彩。主色和配色要符合色彩的自然規律，雜亂無章的配色會造成網頁視覺雜亂。色彩的正確合理搭配指的是否符合網頁設計的主題需要，需要掌握色彩屬性知識，不能盲目的使用色彩。

3.1 科技類的網站

在眾多的科技公司LOGO和主題會采用藍色作為主色調，IT行業格外尤甚，藍色也習慣性的被稱為科技藍。藍色屬于冷色調，會讓人感到平靜安寧、深沉冷靜、這正是一個理性行業所需要的顏色。現在科技場所都以藍白色為主色調，有利于邏輯思維的運轉，視覺上也更為簡潔。根據不完全統計藍色是人們最喜愛的顏色，藍色也有距離、忠誠之意，人們根據平常的生活經驗俗成的賦予某些顏色以特定的象征意義，所以很多企業的LOGO方案和角色制定上，可靠與安全的藍色往往會成為首選。

3.2 醫藥類的網站

醫藥類的網站多用于綠色或藍色，綠色所表達的是清新、環保、生命和希望的意義，象征著生機勃勃生命，使人聯想有關健康方面的事物，符合衛生保健業和服務業的要求。

3.3 母嬰類的網站

網站的整體風格體現溫馨、新生朝氣、體現溫暖簡單的感覺，針對不同的年齡階段使用的色彩不同，0-1歲新生兒主題風格在用色方面是馬卡龍色調為主其他淡色調為輔;2-6歲的兒童主題風格用色方面主要是以明度高的黃色、綠色、紅色等活潑的顏色為主。

3.4 食品類的網站

一般食品類的網站設計都會使用食物色，食物色：紅、橙、褐等暖色系，暖色能夠刺激味蕾，引起觀看者的食欲，增進觀者對網站的好感度。

網頁效果圖在設計的過程中合理正確的使用色彩，既賦予了網站生命和意義，又可在同類網站中脫穎而出，能夠增強網頁的吸引力從而提高網站的點擊量。