顏色搭配在網站設計中占領相當重要的位置

2015-09-13    分類: 網站設計

顏色的魅力是無限的,它能夠讓自身很平淡無味的東西,霎時就能變得漂亮、美麗起來。信息時期的快速到來,網絡也開端變的多姿多彩。人們不再局限于簡單的文字與圖片,他們請求網頁看上去漂亮,溫馨。所以當代設計者不只要控制根本的網站的設計技術,還需求控制網站的作風,配色等設計藝術。其中顏色在網站設計中占領相當重要的位置。


一、認識顏色


為了能更好地應用顏色來設計網頁,我們還是先來理解一下顏色的一些根本概念。自然界中有好多好多種顏色,比方玫瑰是紅色的,大海是藍色的,桔子是橙色的……但是最根本的有三種(紅,黃,藍),其它的顏色都能夠由這三種顏色調和而成。我們稱這三種顏色為“三原色”。


理想生活中的顏色能夠分為彩色和非彩色。其中黑白灰屬于非彩色系列。其它的顏色都屬于彩色。任何一種彩色具備三個特征:色相,明度和純度。其中非彩色只要明度屬性。


色相,指的是顏色的稱號。這是顏色最根本的特征,是一種顏色區(qū)別于另一種顏色的最主要的要素。比方說紫色,綠色,黃色等等都代表了不同的色相。同一色相的顏色,調整一下亮度,或者純度很容易搭配,比方,深綠,暗綠,草綠,亮綠。


明度,也叫亮度,指的是顏色的明暗水平,明度越大,顏色越亮。比方一些購物,兒童類網站。用的是一些鮮亮的顏色,讓人覺得絢麗多姿,生氣勃勃。明度越低,顏色越暗。主要用于一些游戲類網站,充溢神秘感;一些個人站長為了表現本身的個性,也能夠運用一些暗色彩來表達個人的一些孤僻,或者憂傷等性格。有明度差的顏色更容易調和。如紫色(#993399)跟黃色(#ffff00),暗紅(#cc3300)跟草綠(#99cc00),暗藍(#0066cc)跟橙色(#ff9933)等。


純度,指顏色的鮮艷水平,純度高的顏色純,鮮亮。純度底的顏色暗淡,含灰色。


相近色:色環(huán)中相鄰的三種顏色。相近色的搭配給人的視覺效果很溫馨,很自然。所以相近色在網站設計中極為常用。


互補色,色環(huán)中相對的兩種顏色。對互補色,調整一下補色的亮度,有時分是一種很好的搭配。


暖色,暖色跟黑色彩和能夠到達很好的效果。暖色普通應用于購物類網站,電子商務網站,兒童類網站等等,用以表現商品的美不勝收,兒童類網站的生動,溫馨等等效果。


冷色,冷色普通跟白色彩和能夠到達一種很好的效果。冷色普通應用于一些高科技,游戲類網站,主要表達嚴肅,穩(wěn)健等效果,綠色,藍色,藍紫色等等都屬于冷色系列。


顏色平衡,網站讓人看上去溫馨,諧和,除了文字,圖片等內容的合理排版,顏色的平衡也是相當重要的一個局部。比方一個網站不可能單一的運用一種顏色,所以顏色的平衡問題是設計者必需要思索的問題。顏色的平衡,包括顏色的位置,每種顏色所占的比例,面積等等。比方鮮艷亮堂的顏色面積應小一點,讓人覺得溫馨,不扎眼。這就是一種平衡的顏色搭配。


二、顏色的作用


顏色在人們的生活中都是有豐厚的感情和含義的。比方紅色讓人聯想到玫瑰,聯想到喜慶,聯想到興奮。白色聯想到純真,潔凈,簡約;紫色意味著女性化,高雅,浪漫;藍色意味高科技,穩(wěn)健,明智;橙色代表了愉快,甜美,收獲;綠色代表了充溢青春的生機,溫馨,希望等等。當然不是說某種顏色一定代表了什么含義。在特定的場所下,同種顏色能夠代表不同的含義。


三、顏色的運用


要說顏色的運用,還是先談談黑白灰顏色的應用吧,由于黑白灰顏色是萬能色,能夠跟恣意一種顏色搭配。當你為某種顏色的搭配苦惱的時分,不防試試用黑白灰。當你覺得兩種顏色的搭配不諧和,試試參加黑色,或者灰色,或許會有意想不到的效果哦。


對一些明度較高的網站,配以黑色,能夠恰當地降低其明度。  白色是網站用的最普遍的一種顏色。很多網站以至留出大塊的白色空間,作為網站的一個組成局部。這就是留白藝術。很多設計性網站較多運用留白藝術。留白,給人一個遙想的空間,讓人覺得心情溫馨,暢快。恰當的留白關于諧和頁面的平衡起到相當大的作用。


四、肯定網站的主題色


一個網站不可能單一的運用一種顏色,讓人覺得單調,乏味;但是也不可能將一切的顏色都運用到網站中,讓人覺得莊重,花俏。一個網站必需有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調,乏味。所以肯定網站的主題色也是設計者必需思索的問題之一。


一個頁面盡量不要超越4種顏色,用太多的顏色讓人沒有方向,沒有偏重。當主題色肯定好以后,思索其它配色時,一定要思索其它配色與主題色的關系,要表現什么樣的效果。另外哪種要素占主要位置,是明度,純度還是色相。


五、顏色的搭配


在學習理解了顏色的一些根本概念及顏色的一些搭配問題,詳細運用到網頁中,各要素的顏色又是如何搭配的呢?


1、網頁標題


網頁標題是網站的指路燈,閱讀者要在網頁間跳轉,要理解網站的構造,網站的內容,都必需經過導航或者頁面中的一些小標題。所以我們能夠運用略微具有騰躍性的顏色,吸收閱讀者的視野,讓他們覺得網站明晰,明了,層次清楚。想往哪里走都不會迷失方向。


2、網頁鏈接


一個網站不可能只是單一的一頁,所以文字與圖片的鏈接是網站中不可短少的一局部。這里特別指出文字的鏈接,由于鏈接區(qū)別于文字,所以鏈接的顏色不能跟文字的顏色一樣。現代人的生活節(jié)拍相當快,不可能糜費太多的時間在尋覓你網站的鏈接上。設置了共同的鏈接顏色,讓人覺得他的共同性,自但是然獵奇心必然趨使他挪動鼠標,點擊鼠標。


3、網頁文字


假如一個網站用了背景顏色,必需要思索到背景顏色的用色,與前景文字的搭配等問題。普通的網站偏重的是文字,所以背景能夠選擇純度或者明度較低的顏色,文字用較為突出的亮色。讓人了如指掌。


當然,有些網站為了讓閱讀者對網站留有深入的印象,他在背景上作文章。比方一個空白頁的某一個局部用了很亮的一個大色塊,是不是讓你恍然大悟呢!此時他為了吸收閱讀者的視野,突出的是背景,所以文字就要顯得暗一些,這樣文字才干跟背景別離開來,便于閱讀者閱讀文字。


4、網頁標志


網頁標志是宣傳網站最重要的局部之一,所以這兩個局部一定要在頁面上突迎而出。怎樣做到這一點呢?我們將LOGO和BANNER做的鮮亮一些,也就是顏色方面跟網頁的主題色別離開來。有時分為了更突出,也能夠運用與主題色相反的顏色。


為了能讓本人的網頁設計得更靚麗、更溫馨,為了加強你的頁面的可閱讀性,必需合理,恰當地運用與搭配頁面各要素間的顏色。

網站欄目:顏色搭配在網站設計中占領相當重要的位置
文章網址:http://muchs.cn/news36/32836.html

網站建設、網絡推廣公司-創(chuàng)新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站設計

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

商城網站建設