搭建一個網站,雖然佈局第1、顏色其次。但顏色的搭配在用戶視覺體驗中確實最重要的元素。網頁的色彩也是樹立網站形象的關鍵之一。做爲一個優秀、專業的網頁設計師,首先要了解各類顏色的象徵,以及不一樣類型網站經常使用的色彩搭配。色彩搭配看似複雜,但並不神祕。通常來講,網頁的背景色應該柔和一些、素一些、淡一些,再配上深色的文字,令人看起來天然、舒暢。色彩是人的視覺最敏感的東西。主頁的色彩處理得好,能夠錦上添花,達到事半功倍的效果。web
顏色搭配常識:安全
1.網頁中色彩的表達使用三種顏色,及紅(R)、綠(G)、藍(B),及一般所說的RGB色彩,它包含了人類所感知的全部顏色,網頁中表達顏色以下(紅色爲例)RGB格式:紅色是(255,0,0) 或十六進制hex格式爲(FF0000)。工具
2.將色彩按"紅->黃->綠->藍->紅"依次過分漸變可獲得12色環:紅,橙紅,橙,橙黃,黃,黃綠,綠,藍綠,藍,藍紫,紫,紫紅。佈局
3.顏色分非彩色和彩色兩類。非彩色是指黑,白,灰系統色。彩色是指除了非彩色之外的全部色彩。一般內容文字用非彩色(黑色),邊框,背景,圖片用彩色。因此即便頁面豐富,看內容依然不會眼花,一般背景與內容對比要大。網站
色彩的心理感受spa
紅色---是一種激奮的色彩。刺激效果,能令人產生衝動,憤怒,熱情,活力的感受。設計
綠色---介於冷暖兩中色彩的中間,顯得和氣,寧靜,健康,安全的感受。 它和金黃,淡白搭配,能夠產生優雅,溫馨的氣氛。3d
橙色---也是一種激奮的色彩,具備輕快,歡欣,熱烈,舒適,時尚的效果。圖片
黃色---具備快樂,但願,智慧和輕快的個性,它的明度最高。get
藍色---是最具涼爽,清新,專業的色彩。它和白色混合,能體現柔順,淡雅,浪漫的氣氛。
白色---具備潔白,明快,純真,清潔的感覺。
黑色---具備深沉,神祕,寂靜,悲哀,壓抑的感覺。
灰色---具備中庸,平凡,溫和,謙讓,中立和高雅的感受。
網頁配色忌諱
1.不要將全部顏色都用到,儘可能控制在三種色彩之內。
2.背景和前文的對比儘可能要大,(絕對不要用花紋繁複的圖案做背景),以便突出主要文字內容
攝影做品來獲取顏色
網頁中背景圖片也是相當重要的,使用一張大圖片做爲網頁的背景是吸引訪客眼球最快捷的方法。高質量的精美照片和抽象的設計圖片可以給網站的外觀帶去深入的影響。圖片配合色彩是最完美的藝術。
下面分享一些色彩經常使用到網頁的攝影做品
若是你還在爲獲取web顏色而煩惱的話,建議你使用Color Scheme Designer取色工具,以不一樣的模式,可讓你一下獲取相近的四個顏色。這也是我經常使用的取色工具