如果説一個網站只是一味地使用一種顏色, 難覺會讓人感到單調和乏味。如果將所有的顏色都運用到網頁之中, 又可能會讓人感到太過花哨。因此，設計一個美觀合適的網站，, 首先要了解網站色彩的組成部分, 網站的主色調、輔助色、點晴色以及背景色。其中, 主色調尤為關鍵, 一個網站中必須有一種或是兩種主色調, 才不至於讓多用户迷失方向, 感覺乏味, 所以確定網頁的主色調是設計者首先必須關注的問題之一。
1. 網頁的主色調
在一個網頁中, 它可以採用多種顏色, 豐富其頁面效果, 但是從色彩學的角度上説, 一個網頁中只有一個主題色, 也稱主色調。主色調是指在網頁中運用得最主要的色彩, 其中包括大面積的背景色和裝飾圖形、圖片顏色等構成視覺中心的顏色。主色調是網頁色彩設計的中心色,
在搭配其他的顏色的過程中, 通常以主色調為作為基礎, 與其互相協調和統一.
網頁的主色調主要是由網頁中整體或中心影象所形成的中等面積的色塊, 它在網頁的空間
中具有重要的作用, 通常形成網頁中的視覺中心, 網頁主色調的選擇一般有兩種方法: 要產生
色彩鮮豔和活潑的頁面視覺效果, 可以嘗試運用和背景色相對比或者不同色系的顏色: 要整體
協調和穩重, 則應該選擇與背景色或者與輔助色相近的同色色相顏色或鄰近色。
2. 主色調與輔助色共同構成網頁的標準色彩
輔助色的頁面佔用比例僅次於主色調, 起到烘托主色調、支持主色調以及融合主色調的作用。輔助色在整體的畫面中應該起到平衡主色調的視覺效果和減輕多用户所產生的視覺疲勞, 起到一定視覺分散的作用。
網頁中的輔助色一般分為 3 種形式: 其一, 採用一種色彩: 其二, 採用一種單色系: 其三, 採用幾種色彩組合而成的色系。輔助色為主色調配以襯托, 可以令網頁充滿活力, 給人鮮活的心理效應。輔助色若是面積太大或是純度過強, 都會弱化關鍵的主色調, 所以相對柔和的顏色和適當的面積才會達到理想的效果。
在網頁設計中, 輔助色和點睛色能夠豐富頁面, 增強頁面的層次感, 使整個頁面看起來生動活潑。確定主色調和輔助色後, 通過在小範圍內加上強烈色彩, 即點睛色來突出主題效果, 使得頁面更加鮮明生動。為了營造出生動的頁面氛圍, 點睛色應該選擇較鮮豔的顏色, 在少數情況下, 為了特別營造低調柔和的整體氛圍, 點睛色還可以選用與背景色接近的顏色。
點睛色面積越小，顏色越鮮豔。