網頁顏色搭配表及顏色搭配技巧
顏色搭配常識:
1.網頁中色彩的表達使用三種顏色,及紅(R)、綠(G)、藍(B),及通常所說的RGB色彩,它包含了人類所感知的所有顏色,網頁中表達顏色如下(紅色爲例)RGB格式:紅色是(255,0,0) 或十六進制hex格式爲(FF0000)。
2.將色彩按"紅->黃->綠->藍->紅"依次過度漸變可得到12色環:紅,橙紅,橙,橙黃,黃,黃綠,綠,藍綠,藍,藍紫,紫,紫紅。
3.顏色分非彩色和彩色兩類。非彩色是指黑,白,灰系統色。彩色是指除了非彩色以外的所有色彩。通常內容文字用非彩色(黑色),邊框,背景,圖片用彩色。所以即使頁面豐富,看內容依然不會眼花,通常背景與內容對比要大。
按單一色彩爲主色彩分類
網頁設計一般以單一色彩爲主,下面每類都以該色彩爲主,配以其它或類似色彩的,並按照從輕快到濃烈的順序排列。
紅色
-是一種激奮的色彩。刺激效果,能使人產生衝動,憤怒,熱情,活力的感覺。橙色
也是一種激奮的色彩,具有輕快,歡欣,熱烈,溫馨,時尚的效果。黃色
-具有快樂,希望,智慧和輕快的個性,它的明度最高。黃綠色
綠色
-介於冷暖兩中色彩的中間,顯得和睦,寧靜,健康,安全的感覺。 它和金黃,淡白搭配,可以產生優雅,舒適的氣氛。青綠色
藍色
-是最具涼爽,清新,專業的色彩。它和白色混合,能體現柔順,淡雅,浪漫的氣氛(象天空的色彩:) 白色---具有潔白,明快,純真,清潔的感受。藍紫色
紫色
紫紅色
按印象的搭配分類
色彩搭配看似複雜,但並不神祕。既然每種色彩在印象空間中都有自己的位置,那麼色彩搭配得到的印象可以用加減法來近似估算。如果每種色彩都是高亮度的,那麼它們的疊加,自然會是柔和、明亮的;如果每種色彩都是濃烈的,那麼它們疊加,就會是濃烈的。當然在實際設計過程中,設計師還要考慮到乘除法,比如同樣亮度和對比度的色彩,在色環上的角度不同,搭配起來就會得到千變萬化的感覺。因此本書除了要列舉出按色相的搭配,也要將印象作爲重點的搭配分類列舉出來,以供讀者參考。
柔和、明亮、溫柔
亮度高的色彩搭配在一起就會得到柔和、明亮、溫和的感覺。爲了避免刺眼,設計師一般會用低亮度的前景色調和,同時色彩在色環之間的距離也有助於避免沉悶。
柔和、潔淨、爽朗
對於柔和、清潔、爽朗的印象,色環中藍到綠相鄰的顏色應該是最適合的。並且亮度偏高。可以看到,幾乎每個組合都有白色參與。當然在實際設計時,可以用藍綠相反色相的高亮度有彩色代替白色。
可愛、快樂、有趣
可愛、快樂、有趣印象中的色彩搭配特點是,色相分佈均勻,冷暖搭配,飽和度高,色彩分辨度高。
活潑、快樂、有趣
活潑、快樂、有趣相對前一種印象,色彩選擇更加廣泛,?最重要的變化是將純白色用低飽和有彩色或者灰色取代。
運動型、輕快
運動的色彩要強化激烈、刺激的感受,同時還要體現健康、快樂、陽光。因此飽和度較高、亮度偏低的色彩在這類印象中經常登場。
輕快、華麗、動感
華麗的印象要求頁面充斥有彩色,並且飽和度偏高,而亮度適當減弱則能強化這種印象。
狂野、充沛、動感
狂野的印象空間中少不了低亮度的色彩,甚至可以用適當的黑色搭配。其他有彩色的飽和度高,對比強烈。
華麗、花哨、女性化
女性化的頁面中紫色和品紅是主角、粉紅、綠色也是常用色相。一般它們之間要進行高飽和的搭配。
回味、女性化、優雅
優雅的感覺很奇特,色彩的飽和度一般要降下來。一般以藍、紅之間的相鄰,調節亮度和飽和度進行搭配。
高尚、自然、安穩
高尚一般要用低亮度的黃綠色,色彩亮度降下去,注意色彩的平衡,頁面就會顯得安穩。
冷靜、自然
綠色是冷靜、自然印象的主角,但是綠色作爲頁面的主要色彩,容易陷入過於消極的感覺傳達,因此應該特別重視圖案的設計。
傳統、高雅、優雅
傳統的內容一般要降低色彩的飽和度,特別是棕色很適合。前面介紹紫色也是高雅和優雅印象的常用色相。
傳統、穩重、古典
傳統、穩重、古典都是保守的印象,色彩的選擇上應該儘量用低亮度的暖色,這種搭配符合成熟的審美。
忠厚、穩重、有品位
亮度、飽和度偏低的色彩會給人忠厚、穩重的感覺。這樣的搭配爲了避免色彩過於保守,使頁面僵化、消極,應當注重冷暖結合和明暗對比。
簡單、潔淨、進步
簡單、潔淨的色彩在色相上可以用藍、綠表現,並大面積留白。而進步的印象可以多用藍色,搭配低飽和甚至灰色。
簡單、時尚、高雅
灰色是最爲平衡的色彩,並且是塑料金屬質感的主要色彩之一,因而要表達高雅、時尚,可以適當使用,甚至大面積使用。但是要注重圖案和質感的構造。
簡單、進步、時尚
表現進步的色彩主要以藍色爲主,搭配灰色。而色彩的明度統一、色相相鄰,在色彩上會顯得簡潔。