用靈魂感悟設(shè)計(jì) · 用設(shè)計(jì)創(chuàng)造價(jià)值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計(jì)中國(guó)    ⁄    網(wǎng)頁(yè)設(shè)計(jì)    ⁄ 資訊內(nèi)容

網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用

作者:admin      來源:本站原創(chuàng)      發(fā)布時(shí)間: 2019/7/10 9:15:22     瀏覽:
顏色的魅力是無(wú)限的,它能夠讓自身很平淡無(wú)味的東西,霎時(shí)就能變得漂亮、美麗起來。

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

  一、認(rèn)識(shí)顏色

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

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

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

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

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

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

  互補(bǔ)色,色環(huán)中相對(duì)的兩種顏色。對(duì)互補(bǔ)色,調(diào)整一下補(bǔ)色的亮度,有時(shí)分是一種很好的搭配。

  暖色,暖色跟黑色彩和能夠到達(dá)很好的效果。暖色普通應(yīng)用于購(gòu)物類網(wǎng)站,電子商務(wù)網(wǎng)站,兒童類網(wǎng)站等等,用以表現(xiàn)商品的美不勝收,兒童類網(wǎng)站的生動(dòng),溫馨等等效果。

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

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

  二、顏色的作用

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

  三、顏色的運(yùn)用

  要說顏色的運(yùn)用,還是先談?wù)労诎谆翌伾膽?yīng)用吧,由于黑白灰顏色是萬(wàn)能色,能夠跟恣意一種顏色搭配。當(dāng)你為某種顏色的搭配苦惱的時(shí)分,不防試試用黑白灰。當(dāng)你覺得兩種顏色的搭配不諧和,試試參加黑色,或者灰色,或許會(huì)有意想不到的效果哦。

  對(duì)一些明度較高的網(wǎng)站,配以黑色,能夠恰當(dāng)?shù)亟档推涿鞫??! “咨蔷W(wǎng)站用的最普遍的一種顏色。很多網(wǎng)站以至留出大塊的白色空間,作為網(wǎng)站的一個(gè)組成局部。這就是留白藝術(shù)。很多設(shè)計(jì)性網(wǎng)站較多運(yùn)用留白藝術(shù)。留白,給人一個(gè)遙想的空間,讓人覺得心情溫馨,暢快。恰當(dāng)?shù)牧舭钻P(guān)于諧和頁(yè)面的平衡起到相當(dāng)大的作用。

  四、肯定網(wǎng)站的主題色

  一個(gè)網(wǎng)站不可能單一的運(yùn)用一種顏色,讓人覺得單調(diào),乏味;但是也不可能將一切的顏色都運(yùn)用到網(wǎng)站中,讓人覺得莊重,花俏。一個(gè)網(wǎng)站必需有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調(diào),乏味。所以肯定網(wǎng)站的主題色也是設(shè)計(jì)者必需思索的問題之一。

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

  五、顏色的搭配

  在學(xué)習(xí)理解了顏色的一些根本概念及顏色的一些搭配問題,詳細(xì)運(yùn)用到網(wǎng)頁(yè)中,各要素的顏色又是如何搭配的呢?

  1、網(wǎng)頁(yè)標(biāo)題

  網(wǎng)頁(yè)標(biāo)題是網(wǎng)站的指路燈,閱讀者要在網(wǎng)頁(yè)間跳轉(zhuǎn),要理解網(wǎng)站的構(gòu)造,網(wǎng)站的內(nèi)容,都必需經(jīng)過導(dǎo)航或者頁(yè)面中的一些小標(biāo)題。所以我們能夠運(yùn)用略微具有騰躍性的顏色,吸收閱讀者的視野,讓他們覺得網(wǎng)站明晰,明了,層次清楚。想往哪里走都不會(huì)迷失方向。

  2、網(wǎng)頁(yè)鏈接

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

  3、網(wǎng)頁(yè)文字

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

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

  4、網(wǎng)頁(yè)標(biāo)志

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

  為了能讓本人的網(wǎng)頁(yè)設(shè)計(jì)得更靚麗、更溫馨,為了加強(qiáng)你的頁(yè)面的可閱讀性,必需合理,恰當(dāng)?shù)剡\(yùn)用與搭配頁(yè)面各要素間的顏色。