前言：尋找寫作靈感？中文期刊網用心挑選的色彩搭配視角下網頁設計論文，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
一、色彩搭配原則
1適用性
創建網站時，首先要考慮的是用戶的需求。網站是以宣傳用戶企業文化為主，還是以宣傳企業產品為主，即確定網站的主題。主題確定以后，就要了解哪些顏色適合傳達該主題信息。例如，IT類網站常常采用藍色為主色調，因為藍色為冷色調，通常讓人聯想到海洋、天空、水、宇宙。純凈的藍色表現出一種美麗、冷靜、理智、安詳與廣闊。由于藍色沉穩的特性，具有理智、準確的意象，在商業設計中，強調科技、效率的商品或企業公司，大多選用藍色當做標準色，企業色，如電腦，汽車，影印機，攝影器材等等。橙色是暖色調中最溫暖的顏色，具有興奮、溫暖、歡樂、輝煌、以及容易動人的色感，所以，家居類網站常常以橙色調為主，能夠烘托家庭溫馨的主題，即不同的主題應選用不同的顏色。
2獨特性
網頁的數量不斷增長，越來越富有個性，對設計者的要求也更高。相同類型的網站，若網站的整體風格大同小異，沒有突破，則很難在競爭中取勝。要吸引瀏覽者挑剔的眼球，就要打破常規、標新立異。即網站的色彩搭配要在考慮網站本身特點的同時，讓色彩的獨特性充分發揮魅力。
3整體性
網頁上各部分色彩都有自己的分工角色，主色具有傳達主題信息的作用，輔助色是烘托氣氛的，背景色保持畫面的整體統一，點睛色起強調作用。網頁的色彩也可以區分信息模塊、暗示控件功能等。不同的色彩在網頁中同時存在，就會出現色彩的不同組合關系，可能有強烈的顏色對比關系，也可能在亮度上有明暗對比關系，還可能有相似色彩間的調和關系。這些色彩的組合使網頁在視覺效果上豐富多彩，構成了網頁的整體效果。優秀的色彩組合是網頁設計者發揮藝術才能的重要領地，和諧的配色能夠讓整個界面看上去舒適。對比強烈的配色加以適當的面積比例調整進行調和能夠讓整個界面看上去清晰并且重點突出。因此，不同的需求可以采用不同的組合關系，但是一定要給瀏覽者良好的整體印象，這就需要這些色彩組合關系具備整體性，它主要包括色彩對比與色彩調和2個方面：
(1)色彩對比:
指各種色彩在構成中的面積、形狀以及色相、明度、純度之間的差別，這些差別為網頁配色增添了許多變化，頁面顯得更加豐富多彩。色彩的對比規律大致有以下幾點：
（2）色相對比:
指不同色相之間的差別產生的對比。當網頁主色確定后，必須充分考慮其他色彩與主色的關系、要表現的內容及效果等，這樣才能增強其表現力。如果要突出差別關系，應選擇主色的補色。若要對比效果柔和，就要選擇相似色。
（3）明度對比:
指色彩之間明暗程度的不同所形成的對比。通過明暗程度的調整，可以給瀏覽者在視覺上產生不同層次，不同距離的感覺。
（4）純度對比:
指不同色彩之間純度的不同所形成的對比。色彩的純度決定著色彩的鮮艷程度，將不同純度的色彩放置在一起進行對比，會使得純度高的色彩更鮮艷，純度低的色彩更渾濁。
（5）補色對比:
補色是色環中相對位置上的兩種顏色。網頁中的點睛色就經常采用補色，當互為補色的兩種色彩接近時，能顯示出強烈的對比關系。
（6）冷暖對比:
色彩給人的感覺是有冷暖的，分為冷、暖兩大色系，這兩種色系相互排斥的，放置在同一個頁面中，就會產生冷暖對比。冷暖對比效果是極為強烈的，會導致畫面的不協調，一般采用以下兩種方法解決。首先是純度調整：降低冷暖兩色的純度。用黑、白、灰明度變化來調整畫面的層次、直接使用黑、白、灰色系進入畫面搭配，或者加入補色，也都能很好地起到協調的效果。其次是面積調整：主次的面積區分，根絕主題的需要在畫面的面積上以一方為主色，其他顏色在使用上拉開距離，使畫面的主次關系更突出，在統一的同時又富有變化。
（7）面積對比:
指頁面中各種色彩在面積上的大小差別，它會影響到頁面的主次關系。在同一視覺范圍內，色彩面積的不同會產生不同的對比效果。若兩種色彩的面積同樣，那么這兩種顏色之間的對比十分強烈，若色彩的面積不相等時，小的一種色彩就會成為陪襯，在小面積的色彩陪襯下，大面積的色彩就顯得特別突出。根據主題的需要在頁面的面積上以一方為主色，其他顏色為輔助色，使頁面的主次關系更突出。
4色彩的調和
兩種或兩種以上的色彩分布在同一個頁面中，形成色彩組合關系，色彩調和就是使這種組合關系合理搭配，產生統一、協調的效果。色彩調和是人們求得色彩協調、達到心理平衡的重要手段。
（1）同種色的調和：
選定一種顏色，通過改變這種顏色的明度或純度得到所需要的新的色彩，進而使色彩產生循序的漸進，彌補同種色相的單調感。
（2）類似色的調和：
如果希望兩種或兩種以上的顏色對比不那么明顯，那么就要在這些顏色之間再添加類似色進行調和。在色相環中，色相越靠近越調和。
（3）對比色的調和：
對比度調和是指兩種或兩種以上的色彩配置在一起，通過一定的方法使其產生自然而融洽的感覺。其調和的方法有：提高或降低對比色的純度、采用面積大小不同的處理方法。
（4）漸變色的調和：
漸變色本身實際上是一種調和方法的運用，是顏色按層次逐漸變化的現象。色彩漸變在網頁的背景色中是經常使用的。色彩的對比與調和是形式美的變化與統一。
二、配色的基本方法
1色調配色法
選定一種顏色，加入黑色或白色會使其明暗程度發生變化，形成這種顏色的不同色調，一般分為亮調、中間調、暗調。不同的色調會對人產生的一定的心理暗示。這種色調配色法在網頁色彩構成中是經常使用的。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB選項區（不是RGB選項區）中的B（亮度），指定選擇的顏色，通過拖動右側的滑塊就可以得到這種顏色的各種色調。
2色相配色法
當基于色相策劃了一個配色方案時，獲得的效果通常會比較華麗明艷。很多民族服飾和兒童服裝采用的都是典型的基于色相的配色方案。色相配色法就是基于某種色相，進行類似色、互補色的搭配。適當地類似色搭配，可以獲得整齊寧靜的效果；適當地補色搭配可以突出顯示顏色并給人輕快的感覺。筆者推薦的配色技巧為：打開Photoshop的拾色器，選擇HSB調板區域中的H（色相），指定選擇的顏色，通過拖動右側的滑塊即產生色相變化。若已在Photoshop的工作區選定了某一顏色，按下[Ctrl]+[I]鍵即可得到顏色的互補色。
三、小結
《網頁設計》這門課是中職學校網絡專業學生的必修課，是一門核心的專業課，很多學生雖然在技術上能夠使用工具軟件實現頁面的構造，但最終形成的作品往往顯得粗糙，檔次較低，主要的原因在于色彩搭配失當，當然對于教師而言，這也是授課的難點，本文通過經驗總結，提出了色彩搭配的原則與技巧。
作者：雷勇 單位：東莞市經濟易學校
