網(wǎng)頁設(shè)計常用色彩搭配表

按色相的搭配分類

這里將網(wǎng)頁設(shè)計中常見的色彩搭配按照色相的順序歸類。每類都以該色相為主,配以其他色相或者同色相的,應(yīng)用對比和調(diào)和的方法,并按照從輕快到濃烈的順序排序。

紅色

橙色

黃色

黃綠色

綠色

青綠色

藍色

藍紫色

紫色

紫紅色

按印象的搭配分類

色彩搭配看似復(fù)雜,但并不神秘。既然每種色彩在印象空間中都有自己的位置,那么色彩搭配得到的印象可以用加減法來近似估算。如果每種色彩都是高亮度的,那么它們的疊加,自然會是柔和、明亮的;如果每種色彩都是濃烈的,那么它們疊加,就會是濃烈的。當然在實際設(shè)計過程中,設(shè)計師還要考慮到乘除法,比如同樣亮度和對比度的色彩,在色環(huán)上的角度不同,搭配起來就會得到千變?nèi)f化的感覺。因此本書除了要列舉出按色相的搭配,也要將印象作為重點的搭配分類列舉出來,以供讀者參考。

柔和、明亮、溫柔

亮度高的色彩搭配在一起就會得到柔和、明亮、溫和的感覺。為了避免刺眼,設(shè)計師一般會用低亮度的前景色調(diào)和,同時色彩在色環(huán)之間的距離也有助于避免沉悶。

柔和、潔凈、爽朗

對于柔和、清潔、爽朗的印象,色環(huán)中藍到綠相鄰的顏色應(yīng)該是最適合的。并且亮度偏高??梢钥吹?,幾乎每個組合都有白色參與。當然在實際設(shè)計時,可以用藍綠相反色相的高亮度有彩色代替白色。

可愛、快樂、有趣

可愛、快樂、有趣印象中的色彩搭配特點是,色相分布均勻,冷暖搭配,飽和度高,色彩分辨度高。

活潑、快樂、有趣

活潑、快樂、有趣相對前一種印象,色彩選擇更加廣泛,?最重要的變化是將純白色用低飽和有彩色或者灰色取代。

運動型、輕快

運動的色彩要強化激烈、刺激的感受,同時還要體現(xiàn)健康、快樂、陽光。因此飽和度較高、亮度偏低的色彩在這類印象中經(jīng)常登場。

輕快、華麗、動感

華麗的印象要求頁面充斥有彩色,并且飽和度偏高,而亮度適當減弱則能強化這種印象。

狂野、充沛、動感

狂野的印象空間中少不了低亮度的色彩,甚至可以用適當?shù)暮谏钆?。其他有彩色的飽和度高,對比強烈?

華麗、花哨、女性化

女性化的頁面中紫色和品紅是主角、粉紅、綠色也是常用色相。一般它們之間要進行高飽和的搭配。

回味、女性化、優(yōu)雅

優(yōu)雅的感覺很奇特,色彩的飽和度一般要降下來。一般以藍、紅之間的相鄰,調(diào)節(jié)亮度和飽和度進行搭配。

高尚、自然、安穩(wěn)

高尚一般要用低亮度的黃綠色,色彩亮度降下去,注意色彩的平衡,頁面就會顯得安穩(wěn)。

冷靜、自然

綠色是冷靜、自然印象的主角,但是綠色作為頁面的主要色彩,容易陷入過于消極的感覺傳達,因此應(yīng)該特別重視圖案的設(shè)計。

傳統(tǒng)、高雅、優(yōu)雅

傳統(tǒng)的內(nèi)容一般要降低色彩的飽和度,特別是棕色很適合。前面介紹紫色也是高雅和優(yōu)雅印象的常用色相。

傳統(tǒng)、穩(wěn)重、古典

傳統(tǒng)、穩(wěn)重、古典都是保守的印象,色彩的選擇上應(yīng)該盡量用低亮度的暖色,這種搭配符合成熟的審美。

忠厚、穩(wěn)重、有品位

亮度、飽和度偏低的色彩會給人忠厚、穩(wěn)重的感覺。這樣的搭配為了避免色彩過于保守,使頁面僵化、消極,應(yīng)當注重冷暖結(jié)合和明暗對比。

簡單、潔凈、進步

簡單、潔凈的色彩在色相上可以用藍、綠表現(xiàn),并大面積留白。而進步的印象可以多用藍色,搭配低飽和甚至灰色。

簡單、時尚、高雅

灰色是最為平衡的色彩,并且是塑料金屬質(zhì)感的主要色彩之一,因而要表達高雅、時尚,可以適當使用,甚至大面積使用。但是要注重圖案和質(zhì)感的構(gòu)造。

簡單、進步、時尚

表現(xiàn)進步的色彩主要以藍色為主,搭配灰色。而色彩的明度統(tǒng)一、色相相鄰,在色彩上會顯得簡潔。

您最近使用了:

收藏 菜單 QQ