網(wǎng)頁色彩搭配教程

1、網(wǎng)頁色彩搭配教程色彩是人視覺最敏感的東西。不同色彩之間的對比會有不同的效果，當兩種顏色同時在一起時，這兩種色各自走向自已的極端，例如紅色與綠色對比，紅的更紅，綠的更綠，黑色與白色對比，黑的更黑，白的更白。由于人的視覺的不同，對比的效果通常會有不同。當大家長時間的看一種純色，例如紅色，然后再看看周圍的人，你會發(fā)現(xiàn)周圍的人臉色會成綠色，正是因為紅色與周圍的對比，形成了對我們視覺的刺激 ! 色彩的對比會受很多因素影響，例如色彩的面積、時間、亮度等等。色彩的對比有很多方面，色相的對比是其中的一種。比如湖藍與深藍對比時，你會發(fā)覺深藍帶點紫味，而湖藍則有點綠味，各種純色的對比會產(chǎn)生鮮明的色彩效果，很容易給

2、人帶來視覺與心理的滿足。色彩間的對比也有純度對比，如黃色是奪目的色，但是加入灰色會失去其奪目的光彩。通?？梢杂没烊牒凇?、灰色來對比純色，這樣可以減低其純度。純度的對比會使色彩的效果更明確肯定。 主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協(xié)調(diào)，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。 那么如何搭配顏色才能讓自己的主頁更加絢麗多彩呢？我們常常遇到的問題其實主要是背景顏色和字體顏色的搭配問題：達到既不顯得呆板，又不至于過于亮麗而造成過強刺激的視覺效果二色彩的基本知識 1.顏色是因為光的折射而產(chǎn)生的

3、。 2.紅，黃，藍是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。網(wǎng)頁html語言中的色彩表達即是用這三種顏色的數(shù)值表示例如：紅色是color (255,0,0)十六進制的表示方法為(ff0000)白色為(ffffff), 我們經(jīng)?？吹降摹癰gcolor=#ffffff”就是指背景色為白色。 3.顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統(tǒng)色。彩色是指除了非彩色以外的所有色彩。 4.任何色彩都有飽和度和透明度的屬性，屬性的變化產(chǎn)生不同的色相，所以至少可以制作幾百萬種色彩。 網(wǎng)頁制作用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機構(gòu)研究表明：彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色

4、頁面較完全黑白頁面更加吸引人。 我們通常的做法是：要考慮主頁底色（背景色）的深、淺，這里借用攝影中的一個術語，就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào)；底色深的稱為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容（文字或圖片）。這種深淺的變化在色彩學中稱為“明度變化”。有些主頁，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時，眼睛就會感覺很吃力，影響了閱讀效果。當然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強，同樣也會使讀者的眼睛受不了。三色彩的象征 也要考慮色彩的象征意

5、義。顏色得配置，可以流露你的心情和喜好，也會暴露你對顏色的駕馭程度。 在色彩的運用上，可以根據(jù)主頁內(nèi)容的需要和自己的喜好，分別采用不同的主色調(diào)。因為色彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進、退的效果等。另外，色彩還有民族性，各個民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性，可以使我們的主頁具有深刻的藝術內(nèi)涵，從而提升主頁的文化品位。 暗色中含高亮度的對比，會給人清晰、激烈、很有強烈的刺激如深黃到刺

6、黃色。暗色中間含高亮度的對比，會給人沉著、穩(wěn)重、深沉的感覺覺，如深紅中間是刺紅，中性色與低高度的對比，給人模糊、朦朧、深奧的感覺，如草綠中間是淺灰、純色與高亮度的對比，給人跳躍舞動的感覺。如黃色與白色的純色與低亮度的對比，給人輕柔、歡快的感快。如淺藍色與白色純色與暗色的對比，給人強硬，不可改變的感覺。 以下是部分色彩的象征意義 1色調(diào) 暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配，可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。 冷色調(diào)。即青色、綠色、紫色等色彩的搭配，可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。 對比色調(diào)。即把色性完全相反的色彩搭配在同一個空間里。例如：紅與綠、黃與紫、橙與藍等的搭配，可以產(chǎn)生強

7、烈的視覺效果，給人亮麗、鮮艷、喜慶的感覺。當然，對比色調(diào)如果用得不好，會適得其反，產(chǎn)生俗氣、刺眼的不良效果。這就要把握“大調(diào)和，小對比”這一個重要原則，即總體的色調(diào)應該是統(tǒng)一和諧的，局部的地方可以有一些小的強烈對比。2色素 1)色環(huán) 我們將色彩按“紅-黃-綠-藍-紅”依次過度漸變，就可以得到一個色彩環(huán)。色環(huán)的兩端是暖色和寒色，當中是中型色。(如下圖) 紅.橙.橙黃.黃.黃綠.綠.青綠.藍綠.藍.藍紫.紫.紫紅.紅|_| |_| |_| |_| | | | 暖色系 中性系 寒色系 中性系 2)色彩的心理感覺 不同的顏色會給瀏覽者不同的心理感受。每種色彩在飽和度，透明度上略微變化就會產(chǎn)生不同的感覺

8、。 紅色：強有力，喜慶的色彩。具有刺激效果，容易使人產(chǎn)生沖動，是一種雄壯的精神體現(xiàn)，憤怒，熱情，活力的感覺 橙色：也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚的效果。 黃色：亮度最高，有溫曖感，具有快樂、希望、智慧和輕快的個性，給人感覺燦爛輝煌 綠色：介于冷暖色中間，顯得和睦，寧靜，健康，安全的感覺。和金黃、淡白搭配，產(chǎn)生優(yōu)雅，舒適的氣氛。 藍色：永恒、博大，最具涼爽、清新，專業(yè)的色彩。和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛，給人感覺平靜、理智 紫色：女孩子最喜歡這種色，給人神秘、壓迫的感覺 黑色：具有深沉，神秘，寂靜，悲哀，壓抑的感受 白色：具有潔白，明快，純真，清潔的感受 灰色：具有中庸，平凡，溫和，謙讓，中立和高雅的感覺 黑、白色：不同時候給人不同的感覺，黑色有時感覺沉默、虛空，有時感覺莊嚴肅穆。白色有時感覺無盡希望，有時卻感覺恐懼和悲哀。四網(wǎng)頁色彩搭配的原理 1.色彩的鮮明性。網(wǎng)頁的色彩要鮮艷，容易引人注目。 2.色彩的獨特性。要有與眾不同的色彩，使得大家對你的印象強烈。(參考設計思考第二篇網(wǎng)站ci的標準色彩一節(jié)) 3.色彩的合適性。就是說色彩和你表達的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點的柔性。