
日期:2014-05-14 10:58 /人氣:1280 /來源:互聯網
信息時代的到來,網絡初步變得多姿多彩,一同提升了我們對網站美學的品嘗。顏色做為的第一視覺言語在任何計劃中都占有重要方位,頁面制造有必要深化了解和運用顏色,把握進行顏色選擇和匹配的準則和辦法。
一、 顏色的一些基本概念
首要曉得一下顏色的一些基本概念。天然界中有許多許多種顏色,比如玫瑰是赤色的,大海是藍色的,桔子是橙色的……但是最基本的有三種(紅,黃,藍),其它的顏色都可以由這三種顏色調和而成。我們稱這三種顏色為“三原色”。
實際日子中的顏色可以分為五顏六色和非五顏六色。其間黑白灰歸于非五顏六色系列。其它的顏色都歸于五顏六色。任何一種五顏六色具有三個特征:色相,明度和純度。其間非五顏六色只需明度特色。色相,指的是顏色的稱謂。這是顏色最基本的特征,是一種顏色差異于另一種顏色的最首要的要素。比如說紫色,綠色,黃色等等都代表了不一樣的色相。同一色相的顏色,調整一下亮度,或許純度很簡單分配,比如,深綠,暗綠,草綠,亮綠。明度,也叫亮度,指的是顏色的明暗程度,明度越大,顏色越亮。
圖1中的(1)便是明度由高到低改動的比如。

圖1 (1)明度改動(2)純度改動
純度,指顏色的美麗程度,純度高的顏色純,鮮亮。純度底的顏色昏暗,含灰色。如圖1中的(2)是純度從低到高的改動。
鄰近色:色環中相鄰的三種顏色。如圖2中的黃綠色,黃色和桔黃色。鄰近色的分配給人的視覺效果很舒暢,很天然。所以鄰近色在網站計劃中極為常用。

圖2 鄰近色 圖3 互補色
互補色,色環中相對的兩種顏色。如圖3中的亮綠色跟紫色,別的如赤色跟綠色,藍色和橙色等。對互補色,調整一下補色的亮度,有時分是一種極好的分配。就拿藍色跟橙色來打個比如吧,看圖6,調整了藍色的亮度今后其分配效果是不是更好呢?補色在網站計劃中用得也極為廣泛。

圖4 補色亮度調度
暖色,如圖5中的****,橙色,赤色,紫色等都歸于暖色系列。暖色跟黑色調和可以抵達極好的效果。暖色一般應用于購物類網站,電子商務網站,孩提類網站等等,用以體現商品的琳瑯滿目,孩提類網站的生動,溫馨等等效果。
冷色,如圖6中的綠色,藍色,藍紫色等等都歸于冷色系列。冷色一般跟白色調和可以抵達一種極好的效果。冷色一般應用于一些高科技,游戲類網站,首要表達嚴峻,穩重等效果。
圖5 暖色 圖6 冷色
顏色均衡,網站讓人看上去舒暢,調和,除了文字,****等內容的合理排版,顏色的均衡也是恰當重要的一個有些。比如一個網站不可能單一的運用一種顏色,所以顏色的均衡疑問是計劃者有必要要考慮的疑問。顏色的均衡,包括顏色的方位,每種顏色所占的份額,面積等等。比如美麗明亮的顏色面積應小一點,讓人感觸舒暢,不刺眼。這便是一種均衡的顏色分配。
二、 顏色的聯想
顏色在我們的日子中都是有豐厚的豪情和含義的。比如赤色讓人聯想到玫瑰,聯想到喜慶,聯想到振作。白色聯想到純真,潔凈,簡練;紫色象征著女性化,典雅,浪漫;藍色象征高科技,穩重,沉著;橙色代表了愉快,甜美,收成;綠色代表了布滿芳華的活力,舒暢,希望等等。當然不是說某種顏色一定代表了啥含義。在特定的場合下,同種顏色可以代表不一樣的含義。
三、 黑白灰的運用
黑白灰是萬能色,可以跟恣意一種顏色分配。當你為某種顏色的分配煩惱的時分,不防試試用黑白灰。當你覺得兩種顏色的分配不調和,試試參與黑色,或許灰色,或許會有意想不到的效果哦。
對一些明度較高的網站,配以黑色,可以恰當地下降其明度。
白色是網站用的最廣泛的一種顏色。許多網站甚至留出大塊的白色空間,作為網站的一個構成有些。這便是留白藝術。許多計劃性網站較多運用留白藝術。留白,給人一個遐想的空間,讓人感觸心境舒暢,痛快。恰當的留白關于調和頁面的均衡起到恰當大的效果。
四、 判定網站的主題色
一個網站不可能單一的運用一種顏色,讓人感觸單調,庸俗;但是也不可能將一切的顏色都運用到網站中,讓人感觸輕浮,花俏。一個網站有必要有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調,庸俗。所以判定網站的主題色也是計劃者有必要考慮的疑問之一。
一個頁面盡量不要逾越4種顏色,用太多的顏色讓人沒有方向,沒有側重。當主題色判定好今后,考慮其它配色時,一定要考慮其它配色與主題色的聯絡,要體現啥樣的效果。別的哪種要素占首要方位,是明度,純度仍是色相。
五、 頁面各要素
上面學習了顏色的一些基本概念及顏色的一些分配疑問,具體運用到頁面中,各要素的顏色又是怎樣分配的呢?
1. 布景與文字
假如一個網站用了布景顏色,有必要要考慮到布景顏色的用色,與前景文字的分配等疑問。一般的網站側重的是文字,所以布景可以選擇純度或許明度較低的顏色,文字用較為出色的亮色。讓人一目了然。
當然,有些網站為了讓閱讀者對網站留有深化的形象,他在布景上作文章。比如一個空白頁的某一個有些用了很亮的一個大色塊,是不是讓你茅塞頓開呢!此時他為了吸引閱讀者的視界,出色的是布景,所以文字就要顯得暗一些,這樣文字才華跟布景分別開來,便于閱讀者閱讀文字。
2. LOGO和BANNER
LOGO和BANNER是宣傳網站最重要的有些之一,所以這兩個有些一定要在頁面上突迎而出。如何做到這一點呢?我們將LOGO和BANNER做的鮮亮一些,也便是顏色方面跟頁面的主題色分別開來。有時分為了更出色,也可以運用與主題色相反的顏色。
3. 導航,小標題
導航,小標題是網站的指路燈。閱讀者要在頁面間跳轉,要曉得網站的布局,網站的內容,都有必要通過導航或許頁面中的一些小標題。所以我們可以運用略微具有跳動性的顏色,吸引閱讀者的視界,讓他們感觸網站清楚,明了,層次分明。想往哪里走都不會迷失方向。
4. 銜接顏色設置
一個網站不可能僅僅單一的一頁,所以文字與圖畫的銜接是網站中不可缺少的一有些。這兒分外指出文字的銜接,因為銜接差異于文字,所以銜接的顏色不能跟文字的顏色一樣。現代人的日子節奏恰當快,不可能浪費太多的時刻在尋找你網站的銜接上。設置了一起的銜接顏色,讓人感觸他的一起性,天然而然好奇心一定趨使他移動鼠標,點擊鼠標。
作者: