網(wǎng)頁作為視覺傳達(dá)的一種新興的載體，有著比報(bào)刊、雜志、廣播、電視等傳統(tǒng)媒體更多的構(gòu)成要素，如文字、圖形、聲音、圖像、動(dòng)畫、視頻等。這些要素都是網(wǎng)頁設(shè)計(jì)師應(yīng)該要考慮的。研究資料表明，在
網(wǎng)頁設(shè)計(jì)中，色彩能提高信息瀏覽和分類的速度和準(zhǔn)確度，能提高理解的速度，比文字和字體變化更能提高理解的準(zhǔn)確度。處理得當(dāng)?shù)纳试诰W(wǎng)頁設(shè)計(jì)中更能夠體現(xiàn)網(wǎng)站風(fēng)格，給瀏覽者留下深刻印象并可提高訪問率，從而提高網(wǎng)站的知名度。
一、色彩的模式
設(shè)計(jì)師最常用的色彩模式有CMYK，RGB這兩種。CMY是青色（Cyan)、洋紅(Magenta）、黃色（Ye1low）、黑色（Black)的縮寫。
CMYK是一種依靠反光的色彩模式，它需要由外界光源照射在物體上再反射在我們的眼中，是一種基于印刷的色彩模式。
RGB分別是紅（red)、綠（green）、藍(lán)（blue)的英文縮寫，RGB是基于發(fā)光體的色彩模式，比如電腦屏幕、電視機(jī)、太陽光等。
RGB色彩模式給圖像中每一個(gè)RGB分量分別分配一個(gè)0~255的強(qiáng)度值。
要指定網(wǎng)頁上的顏色，就要使用RGB模式來確定。方法是分別指定R、G、B三種色彩的強(qiáng)度，最低的強(qiáng)度數(shù)值為0，最高強(qiáng)度數(shù)值為255，并通常都以十六進(jìn)制數(shù)值表示，如255對(duì)應(yīng)的十六進(jìn)制就是FF，把三個(gè)數(shù)值依次并列起來以“#”開頭，如R-255、G-255、B-255，其對(duì)應(yīng)的十六進(jìn)制色就是“#ffffff”，也就是白色。
二、色彩的情感
不同的顏色有不同的色彩情感，它能傳遞出不同的視覺印象，大多數(shù)網(wǎng)站都有自己的主色調(diào)，同樣的主色搭配不同比例的輔助色也會(huì)產(chǎn)生不同的心理感受。
紅色是一種激奮的色彩，具有刺激效果，能使人產(chǎn)生沖動(dòng)、憤怒、熱情、活力的感覺，它在很多文化中代表的是停止的信號(hào)，用于警告或禁止一些動(dòng)作，很多停止的圖標(biāo)用的就是紅色。
紅色色相上輕微的不同明度、飽和度差異分為：品紅、朱紅、寶石紅、洋紅等。不同比例的搭配更可能會(huì)產(chǎn)生出截然不同的效果。鮮紅色與無色系并且明度最高的白色組合，更加凸顯紅色本身的活力與熱情。
深紅色可以喚起可靠感，深紅色搭配黑色更能突顯該餐飲品牌的專業(yè)性，同時(shí)深紅與黑色的搭配也與戲劇院的幕布有異曲同工之妙，具有一定的戲劇性。
橙色也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨、時(shí)尚的效果。一些主要經(jīng)營創(chuàng)意設(shè)計(jì)的網(wǎng)站，采用了橙色作為主色系，從而表現(xiàn)年輕活力的調(diào)性。橙色有時(shí)候也用于提示，如微博上一些含有一定提示功能的圖標(biāo)就采用了橙色。
黃色是所有色相中最能發(fā)光的顏色，給人輕快、透明、輝煌、充滿希望的色彩印象。此外，黃色也是一個(gè)可見度高的色彩，一些警告健康安全和設(shè)備危險(xiǎn)的信號(hào)也選用黃色。
綠色是自然界中最多的顏色，它能夠喚起一種人類對(duì)于自然的本能意識(shí)。綠色代表著通行、準(zhǔn)許通過的意思，因此很多常用于開始按鈕和下載按鈕，還有成功提示頁面等。綠色給人以和睦、寧靜、健康、安全的感覺。
藍(lán)色是最具涼爽、清新、專業(yè)的色彩，藍(lán)色天生冷靜，能夠給人以安全感，但是它同樣有著優(yōu)雅和活潑的一面，在很多領(lǐng)域都將它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。
紫色是由溫暖的紅色和冷靜的藍(lán)色化合而成，被認(rèn)為是一種優(yōu)雅高檔的色彩，常用于表現(xiàn)商品的奢華和高貴。紫色同時(shí)也是很多藝術(shù)家都喜歡的色彩。
三、色彩組合
色彩對(duì)情感有著巨大的沖擊，色彩的搭配無窮無盡，可以玩多彩風(fēng)格，也可以極簡配色。按照色彩的多少來分類，大致分為無色系配色、單色配色、2-3色配色、多色配色四種類型。
1.無色系配色
黑白是最基本和最簡單的搭配，白字黑底、黑底白字都非常清晰明了?；疑侨f能色，可以和任何彩色搭配，也可以幫助兩種對(duì)立的色彩和諧過渡。如果你實(shí)在找不出合適的色彩，那么用灰色試試，效果絕對(duì)不會(huì)太差。
Velvet網(wǎng)(見圖1)無色系這個(gè)作品展示頁是一個(gè)典型的單色設(shè)計(jì)，抽象的圖形使得它看起來不那么接地氣，而這種獨(dú)特的設(shè)計(jì)美學(xué)可能更容易被那些經(jīng)過專業(yè)訓(xùn)練的用戶所欣賞，這個(gè)網(wǎng)站是相當(dāng)值得探索和研究的。
圖1 Velvet網(wǎng) 2.單色配色
單色配色是指一種顏色與無色系（黑白灰）的搭配，在色彩上進(jìn)行不同的明暗漸變，或是貫穿全站的單一色彩。數(shù)字服務(wù)機(jī)構(gòu)isobar網(wǎng)（見圖2）就是用一個(gè)橙色加上黑白無色系來搭配設(shè)計(jì)，需要強(qiáng)調(diào)的地方用橙色。
圖2 isobar網(wǎng) 3. 2-3色配色
2-3色配色方案是在一種主色、一種輔助色的基礎(chǔ)上進(jìn)行明度、飽和度的變化。主色所占頁面的面積大，處于視覺中心位置，而輔助色常常選用主色的互補(bǔ)色或鄰近色。這種或沖突或和諧的配色方案是一種前衛(wèi)又時(shí)尚的網(wǎng)頁色彩流行趨勢。如Holm Marcher&Co網(wǎng)(見圖3)的頁面以大面積紅色為主，灰藍(lán)色為輔，在灰藍(lán)色的基礎(chǔ)上做了明度、飽和度的變化，沉穩(wěn)的色調(diào)給網(wǎng)站奠定了專業(yè)和強(qiáng)力的基調(diào)。
圖3 Holm Marcher&Co網(wǎng) 4.多種色彩配色
（1）選取一個(gè)色系
選取一個(gè)色系是能統(tǒng)一多種色彩的首要條件。如Jovi官網(wǎng)（見圖4）溫暖的橙色色調(diào)十分舒服，橙色與黃色、玫紅色、粉紅色的色調(diào)搭配就非常到位，既統(tǒng)一又賦予了變化，視覺風(fēng)格上以涂鴉筆刷的形式來表現(xiàn)，很好地詮釋了該繪畫工具網(wǎng)站的浪漫、活潑的特性。
圖4 Jovi官網(wǎng) （2）色彩的對(duì)比
多種色彩對(duì)比還可以通過降低色彩本身的純度及控制色彩的面積比例來達(dá)到悅目的效果。如brdr-kruger官網(wǎng)（見圖5)結(jié)合品牌產(chǎn)品，每個(gè)色塊為一個(gè)主題，其灰藍(lán)色的色調(diào)包容了多種低純度的色彩，很好地表現(xiàn)了品牌低調(diào)雅致的屬性。
圖5 brdr-kruger官網(wǎng) 而Softwaremi11官網(wǎng)（見圖6)同樣用了多個(gè)明快的色彩，但色彩所占的比例卻十分講究，而且最終統(tǒng)一在一個(gè)白色的大背景下，時(shí)尚清新。
圖6 Softwaremi11官網(wǎng)
