色彩是您的網(wǎng)站的更重要的一個(gè)部分。 然而,顏色往往只是通盤決定之后的馬后炮,甚至有時(shí)候被不管不顧。這樣可不行。色彩幫助用戶解讀信息。說得復(fù)雜一點(diǎn),大多數(shù)人對(duì)網(wǎng)站用色的評(píng)判是在下意是凹革完成的。他們可能不會(huì)說出對(duì)色彩的意見,但他們潛意是凹革對(duì)此很介意。
有時(shí)候,你會(huì)因?yàn)轭伾涀【W(wǎng)站。我告訴你有一個(gè)網(wǎng)站,紫色用的很棒,我問你這是哪一個(gè)網(wǎng)站,你首先想到什么?大概是 Yahoo!吧。雅虎的品牌標(biāo)識(shí)系統(tǒng)有好幾大特征 ,其一就是紫色。 您可能會(huì)問:色彩理論和紫色有什么關(guān)系?
在這一系列文章中,我們將(或多或少地)講解對(duì)色彩以及其在網(wǎng)頁設(shè)計(jì)中的起的作用。在這一篇文章中,我們將解釋色彩基本知識(shí):色彩的原理?藝術(shù)家如何使用色彩?色彩如何影響我們的情緒?在**篇文章中,我們將研究如何在網(wǎng)頁上渲染色彩,樣式表中的色彩編碼方式,和CSS3中關(guān)于顏色的新特征。在第三篇,也是更后一篇文章中,我們會(huì)講解如何在您的布局中拾取和應(yīng)用顏色,和顏色靈感存在與大千世界中的顏色。
首先,我們會(huì)簡單介紹一下物理學(xué)中的顏色理論。然后,我們將討論心理學(xué)色彩理論:網(wǎng)站的中顏色傳遞何種情緒,以及我們?nèi)绾斡么藘?yōu)化用戶體驗(yàn)。更后,我們將討論如何將理論應(yīng)用于網(wǎng)頁設(shè)計(jì)的實(shí)踐中。
物理學(xué)顏色理論
反射顏色
我們周圍的世界五顏六色。一個(gè)物體,受到光線照射(可以看得到的物體,見 電磁輻射 ) ,將會(huì)把某些波長的光反射到你的眼睛里。舉例來說,純粹的白光照射蘋果,除紅色外( 波長700-630納米)所有的顏色(所有波長)的光都會(huì)被吸收 。紅色是**反射出來讓你看到的光,因此,你認(rèn)為蘋果的顏色是紅色的。搞笑吧——紅是**蘋果不吸收的顏色。所以說,我們所認(rèn)定的顏色,實(shí)質(zhì)上是:特定波長的光在被物體反射回來的時(shí)候被削減。
加法顏色
顯示器用另一種相當(dāng)不同的方式顯示顏色。因?yàn)?它自己產(chǎn)生光,就是說它自己產(chǎn)生顏色。一般來說,產(chǎn)生豐富色
彩的三原色是紅,綠,藍(lán)。因?yàn)殡娔X顯示器有著非常高的像素分辨率,它并不是逐點(diǎn)使用“加法”顏色的。比如計(jì)算機(jī)顯示器在某一點(diǎn)上顯示青色,它實(shí)際上會(huì)在一個(gè)特定區(qū)域上都亮起藍(lán)色和綠色像素。因此認(rèn)為,計(jì)算機(jī)顯示器以一種抖動(dòng)的形式顯示顏色。
設(shè)計(jì)涉及到的顏色理論
標(biāo)準(zhǔn)色相環(huán)
互補(bǔ)色
做下面這個(gè)實(shí)驗(yàn):盯住某種顏色大約一分鐘,然后閉上你的眼睛。你會(huì)看到什么顏色?不出意外,您會(huì)看到被稱之為“對(duì)比色”的顏色。這種顏色通常是在“色相環(huán)”中方向“相對(duì)”的顏色。但這種奇奇怪怪的實(shí)驗(yàn)有什么現(xiàn)實(shí)意義?
如果一個(gè)醫(yī)生整天盯著血液(暗紅色),當(dāng)他閉上眼睛,他就會(huì)看到“互補(bǔ)色”。這種情況下,他看到的是淺綠色。因此,醫(yī)院的一般都被刷成一塵不染的淡綠色。雖說可能算不上什么高深科技,但這種“互補(bǔ)性”的色彩系統(tǒng)確實(shí)能鎮(zhèn)靜我們的視覺系統(tǒng)。如果人們?cè)诮ㄔ灬t(yī)院時(shí)都可以受益于色彩理論,那我們網(wǎng)頁設(shè)計(jì)師在制作網(wǎng)頁時(shí)一樣也可以!
使用互補(bǔ)色是美觀的藝術(shù)設(shè)計(jì)和平面設(shè)計(jì)的重要方面。放到其他領(lǐng)域也一樣適用,比如一些對(duì)比鮮明的標(biāo)志和零售展示。把互補(bǔ)色放在一起,它們會(huì)互相凸顯。
因?yàn)?藝術(shù)/禪/生活 都關(guān)乎平衡,網(wǎng)站具有良好的色彩基礎(chǔ)是很重要的。更不要過度刺激你的受眾,除非……小子,你跟自己的錢包過不去。
近似色簡單的色彩“三角”,與第四種顏色。
在為您的設(shè)計(jì)選擇色彩時(shí),近似色是更**的選擇。更簡單的挑選方法就是從基礎(chǔ)色開始:在這里,我選擇綠色,色相為120 ;下面得顏色我會(huì)挑選 相關(guān)的顏色。 開始啦,挑選色相和120相關(guān)的顏色——都是可以如數(shù)學(xué)般**。我選擇 60 , 45 , 和 33 。 您會(huì)發(fā)現(xiàn)我每一次都會(huì)降低一些色調(diào),這是有意的,而且不是隨意的。通常情況下,設(shè)計(jì)者會(huì)選擇這樣的一組三個(gè)顏色:這種組合被稱為顏色三角。
矩形選色法
矩形選色法不僅是更復(fù)雜的,而且是更難搞懂的。但它的挑顏色卻相當(dāng)簡單,只需畫一個(gè)一個(gè)長方形的撐住色相環(huán);這樣,矩形的四個(gè)角就會(huì)各壓住一個(gè)色相。然而,重點(diǎn)是變化。一不小心,你的方案會(huì)花得堪比彩虹。盡量讓一種顏色壓住別的,并且讓您的用色方案盡可能簡明。我發(fā)現(xiàn)如果多種顏色相對(duì)不飽和,那么處理起來就會(huì)容易許多。
網(wǎng)站用色設(shè)計(jì):色彩基本知識(shí),歡迎咨詢合作。
查看更多寧波網(wǎng)站建設(shè)設(shè)計(jì)色彩網(wǎng)站