1、網頁美工之 色彩搭配顏色搭配原則 顏色原理 色彩所傳達的涵義 網頁安全色 藝術規律顏色原理色相： 指的是色彩的名稱。這是色彩最基本的特征，是一種色彩區別于另一種色彩的最主要的因素。 比如說紫色，綠色，黃色等等都代表了不同的色相。同一色相的色彩，調整一下亮度，或者純度很容易搭配，比如，深綠，暗綠，草綠，亮綠。 明度： 也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些購物，兒童類網站。用的是一些鮮亮的顏色，讓人感覺絢麗多姿，生氣勃勃。明度越低，顏色越暗。主要用于一些游戲類網站，充滿神秘感；一些個人站長為了體現自身的個性，也可以運用一些暗色調來表達個人的一些孤僻，或者憂郁等性格。有明度差

2、的色彩更容易調和。純度(飽和度)： 指色彩的鮮艷程度，純度高的色彩純，鮮亮。純度底的色彩暗淡，含灰色。Photoshop中對應屬性色相色相反差大人眼容易辨認飽和度飽和度高人眼容易辨認明度明度對比強人眼容易辨認色彩所傳達的涵義紅色 熱情、浪漫、火焰、暴力、侵略、停止、警告、 禁止。 橙色 秋天、活躍、新鮮、愉快、能量、食欲紫色 創造、謎、忠誠、神秘、稀有。藍色 忠誠、安全、保守、寧靜、冷漠、悲傷。 （憂 郁；理智；冷靜； 穩 重；成熟；誠信；商務）綠色 自然、穩定、成長、忌妒、行（北美）、允許。黃色 明亮、光輝、疾病、懦弱。 黑色 能力、精致、現代感、死亡、病態、邪惡。 白色 純潔、天真、潔凈、

3、真理、和平、冷淡、貧乏、 死 亡（中國）。網頁安全色 網頁安全色是指在不同硬件環境、不同操作系統、不同瀏覽器中都能夠正常顯示的顏色集合（調色板），也就是說這些顏色在任何終端瀏覽用戶顯示設備上的現實效果都是相同的。所以使用網頁安全色進行網頁配色可以避免原有的顏色失真問題。 網頁顏色共216色 紅色分為0，51，102，153，204，255 綠色分為0，51，102，153，204，255, 藍色分為0，51，102，153，204，255. 然后就是組合了，6*6*6216色了。是不是一定要用頁面安全色？22種真正安全的網頁安全色藝術規律 色彩的鮮明性： 如果一個網站的色彩鮮明，很容易引人注意

4、，會給瀏覽者耳目一新的感覺。 色彩的獨特性：要有與眾不同色彩，網頁的用色必須要有自己獨特的風格，這樣才能給人瀏覽者留下深刻的印象。 色彩的藝術性： 網站設計是一種藝術活動，因此必須遵循藝術規律。按照內容決定形式的原則，在考慮網站本身特點的同時，大膽進行藝術創新，設計出既符合網站要求，又具有一定藝術特色的網站。 色彩搭配的合理性色彩要根據主題來確定，不同的主題選用不同的色彩。 顏色搭配方法 色彩有心理暗示的作用，很多行業都有其行業色，很多品牌都有其品牌色： 例 如：就是麥當勞、肯德基這類快餐店不約而同的選擇了紅色作為主基調，因為紅色有增進食欲的效果。紅色代表熱情、革命和危險；綠色代表希望、春天和

5、環保；橙色代表活躍和快樂；紫色代表華麗、妖艷、神秘。很多品牌都有一套自己的VI，里面顏色使用都是有一套的，奧迪/灰,可口可樂/紅,百事可樂/藍根據頁面風格以及產品本身的訴求確定主色借鑒你懂的感情與經驗根據主色確定配色 網頁配色很重要，網頁顏色搭配的是否合理會直接影響到訪問者的情緒。好的色彩搭配會給訪問者帶來很強的視覺沖擊力，不恰當的色彩搭配則會讓訪問者浮躁不安。同種色彩搭配 鄰近色彩搭配 對比色彩搭配同種色彩搭配 同種色彩搭配是指首先選定一種色彩，然后調整其透明度和飽和度，將色彩變淡或加深，而產生新的色彩，這樣的頁面看起來色彩統一，具有層次感。網頁例子：藍與淺藍（藍+白），綠與粉綠（綠+白）與

6、墨綠（綠+黑）特點：色相相同、明度或純度不同 優劣：對比效果統一、文靜、雅致、含蓄、穩重，但易產生單調、呆板的弊病同種色彩搭配相近色色彩搭配例子：紅橙與橙與黃橙色特點：色相環上相鄰二至三色對比，距離大約30度左右，為弱對比類型 優劣： 效果感覺柔和、和諧、雅致、文靜，但感覺單調、模糊、乏味、無力，必須調節差來加強效果相近色搭配類似色色彩搭配 鄰近色是指在色環上相鄰的顏色，如綠色和藍色、紅色和黃色即互為鄰近色。采用鄰近色搭配可以里是網頁避免色彩雜亂，易于達到頁面和諧統一的效果。例子：紅與黃橙色對比等等特點：色相距離約60度左右，為較弱對比類型。 優劣： 效果豐富活潑，但又不失統一雅致、和諧的感覺

7、。類似色色彩搭配對比色彩搭配 一般來說，色彩的三原色（紅、黃、藍）最能體現色彩間的差異。色彩的強烈對比具有視覺誘惑力，能夠起到幾種實現的作用。對比色可以突出重點，產生強烈的視覺效果。通過合理使用對比色，能夠使網站特色鮮明、重點突出。在設計時，通常以一種顏色為主色調，其對比色作為點綴，以起到畫龍點睛的作用。例子：黃綠與紅紫色特點：色相對比距離120度左右，為強對比類型 優劣： 效果強烈、醒目、有力、活潑、豐富，但也不易統一而感雜亂、刺激、造成視覺疲勞。一般需要采用多種調和手段來改善對比效果對比色彩搭配對比色彩搭配補色色彩搭配 是廣義上的對比色。在色環上劃直徑，正好相對（即距離最遠）的兩種色彩互為

8、補色。例子：紅色是綠色的補色；橙色是藍色的補色；黃色是紫色的補色。特點：色相對比距離180度左右 優劣： 兩種顏色互為補色的時候，一種顏色占的面積遠大于另一種顏色的面積的時候，就可以增強畫面的對比，使畫面能夠很顯眼。一般情況下，補色運用有得有失。 補色色彩搭配暖色與冷色色彩搭配 暖色色彩搭配是指使用紅色橙色黃色集合色等色彩的搭配。這種色調的運用可為網頁營造出穩性、和諧和熱情的氛圍。冷色色彩搭配 冷色色彩搭配是指使用綠色、藍色及紫色等色彩的搭配，這種色彩搭配可為網頁營造出寧靜、清涼和高雅的氛圍。冷色點色彩與白色搭配一般會獲得較好的視覺效果。暖色系 暖色比冷色更有親近感。因此說來，一個較暗的暖色可

9、能看起來和一個在數值上較亮的冷色一樣亮。紅色動力，力量，熱情，愛橙色快樂，熱情，吸引力，成功黃色歡樂，刺激，焦點冷色系 冷色比比暖色更有距離感。因此說來，一個較亮的冷色可能看起來和一個在數值上較暗的暖色一樣亮。綠色清爽，新鮮，威望，涼爽，冷靜，藍色可靠，可信，可依賴，寧靜紫色靈性，儀式，神秘，轉生，皇權中性色 中性色對情緒的影響更小，因此常被考慮用來做客觀介紹。然而，若用得好，中立色依然可以有自己的暗示。“純”黑和“純”白是我們的理想的“光明”和“黑暗”的色彩代表。黑色性感，神秘，服從，危險白色純潔，無辜，恢復，中立，永恒搭配消色 所謂的消色，就是指黑白灰（也有說是黑白金銀灰），這類顏色由于本身沒有色性，所以可以說是萬用搭配色。當然，說是說萬用搭配色，但是也是有一些需要注意的地方：首先，由于本身沒有色性，他們必須和色性比較強的顏色搭配會比較出效果；其次，消色與其他顏色搭配的時候，比例一定要控制好，尤其是灰色，灰色是一種很“高檔”的顏色，但是問題是使用的過多，會使得頁面灰蒙蒙沒有質感。調整色彩在頁面中的比例 主顏色： 主要顏色，起到在整體上顯示出站點整體內容和風格的重要作用。背景色： 用