成都網(wǎng)絡(luò)公司:在網(wǎng)站建設(shè)設(shè)計中色彩是很重要的一部分

2024-03-19    分類: 網(wǎng)站建設(shè)

講解對色彩以及如何將其應(yīng)用在網(wǎng)頁設(shè)計中。我們將解釋色彩基本知識:色彩如何起作用、藝術(shù)家如何使用色彩以及色彩如何影響我們的情緒。

色彩是您的網(wǎng)站的最重要的一個部分。 然而,顏色往往只是通盤決定之后的馬后炮,有時候甚至被不管不顧。這樣可不行。色彩幫助用戶解讀信息。說得復(fù)雜一點,大多數(shù)人對網(wǎng)站用色的評判是在下意識里完成的。他們可能不會說出對色彩的意見,但他們潛意識里對此很介意。

有時候,你會因為顏色記住網(wǎng)站。我告訴你有一個網(wǎng)站,紫色用的很棒,我問你這是哪一個網(wǎng)站,你首先想到什么?大概是 Yahoo!吧。雅虎的品牌標識系統(tǒng)有好幾大特征 ,其一就是紫色。 您可能會問:色彩理論和紫色有什么關(guān)系?

首先,聆科網(wǎng)絡(luò)要簡單介紹一下物理學(xué)中的顏色理論。然后,我們會討論心理學(xué)色彩理論:網(wǎng)站中的顏色傳遞何種情緒,以及我們?nèi)绾斡么藘?yōu)化用戶體驗。最后,是如何將理論應(yīng)用于網(wǎng)頁設(shè)計的實踐中。

物理學(xué)顏色理論

反射顏色

我們周圍的世界五顏六色。一個物體,受到光線照射(可以看得到的物體,見電磁輻射 ) ,將會把某些波長的光反射到你的眼睛里。舉例來說,純粹的白光照射蘋果,除紅色外( 波長700-630納米)所有的顏色(所有波長)的光都會被吸收 。紅色是唯一反射出來讓你看到的光,因此,你認為蘋果的顏色是紅色的。有趣吧——紅是它唯一不吸收的顏色。所以說,我們所說的顏色,實質(zhì)上是:某些波長的光在被物體反射回來的過程中被削減。

加法顏色

顯示器用另一種相當(dāng)不同的方式顯示顏色。因為它自己產(chǎn)生光,就是說它自己產(chǎn)生顏色。一般來說,產(chǎn)生豐富色彩的三原色是紅,綠,藍。電腦顯示器有著非常高的像素分辨率,因此它并不是逐點使用“加法”顏色的。比如計算機顯示器在某一點上顯示青色,它實際上會在一個特定區(qū)域上都亮起藍色和綠色像素。因此認為,計算機顯示器以一種抖動的形式顯示顏色。

設(shè)計涉及到的顏色理論

互補色

做下面這個實驗:盯住一種顏色看一分鐘,然后閉上你的眼睛。你會看到什么顏色?不出意外,您會看到被稱之為“對比色”的顏色。這種顏色通常是存在于“色相環(huán)”中“相對”的方向。但這種奇奇怪怪的實驗有什么現(xiàn)實意義?

比如,一個醫(yī)生,整天盯著血液(暗紅色),當(dāng)他閉上眼睛,他就會看到“互補色”。這種情況下,他看到的是淡綠色。因此,醫(yī)院的墻一般都被刷成一塵不染的淡綠色。雖說這可能算不上什么高深科技,但“互補性”的色彩系統(tǒng)確實能鎮(zhèn)靜我們的視覺系統(tǒng)。如果人們在建造醫(yī)院時都可以受益于色彩理論,那我們網(wǎng)頁設(shè)計師在制作網(wǎng)頁時一樣也可以!

使用互補色是美觀的藝術(shù)設(shè)計和平面設(shè)計的重要手段。放到其他領(lǐng)域也一樣適用,比如一些對比鮮明的標志和零售展示。把互補色放在一起,它們會互相凸顯。

因為藝術(shù)/禪/生活 都關(guān)乎平衡,網(wǎng)站具有良好的色彩基礎(chǔ)是很重要的。絕不要過度刺激你的受眾,除非……小子,你跟自己的錢包過不去。

近似色

簡單的色彩“三角”,與第四種顏色。

在為您的設(shè)計選擇色彩時,近似色是最安全的選擇。最簡單的挑選方法就是從基礎(chǔ)色開始:在這里,我選擇綠色為基礎(chǔ)色,色相為120 ;下面我會挑選 相關(guān)的顏色。 開始啦,挑選色相和120相關(guān)的顏色——都是可以如數(shù)學(xué)般精確。我會有意而不隨意降低色相,我選擇 60 , 45 , 和 33 。 通常情況下,設(shè)計者會選擇這樣的一組三個顏色:這種組合被稱為顏色三角。

矩形選色法

矩形選色法不僅是最復(fù)雜的,而且是最難搞懂的。但它的挑顏色卻相當(dāng)簡單,只需畫一個一個長方形的撐住色相環(huán);這樣,矩形的四個角就會各壓住一個色相。然而,重點是變化。一不小心,你的方案會花得堪比彩虹。盡量讓一種顏色壓住別的,并且讓您的用色方案盡可能簡明。我發(fā)現(xiàn)如果多種顏色相對不飽和,那么處理起來就會容易許多。

心理學(xué)色彩理論

顏色是一個重要的工具,您可以用它來實現(xiàn)跨越語言的交流。看看大家看到各種顏色時的自然想法

與情緒和感情相關(guān)的顏色

每種顏色都有自己的明度和情緒。

暖色系

暖色比冷色更有親近感。因此說來,一個較暗的暖色可能看起來和一個在數(shù)值上較亮的冷色一樣亮。

紅色

動力,力量,熱情,愛

橙色

快樂,熱情,吸引力,成功

黃色

歡樂,刺激,焦點

冷色系

冷色比比暖色更有距離感。因此說來,一個較亮的冷色可能看起來和一個在數(shù)值上較暗的暖色一樣亮。

綠色

清爽,新鮮,威望,涼爽,冷靜,

藍色

可靠,可信,可依賴,寧靜

紫色

靈性,儀式,神秘,轉(zhuǎn)生,皇權(quán)

中性色

中性色對情緒的影響更小,因此常被考慮用來做客觀呈現(xiàn)。然而,若用得好,中立色依然可以有暗示意義。“純”黑和“純”白是我們的理想的“光明”和“黑暗”的色彩代表。

黑色

性感,神秘,服從,危險

白色

純潔,無辜,恢復(fù),中立,永恒

色彩的明暗和變調(diào)

請記住,顏色不僅僅只有色相。飽和度和亮度也影響到我們的感覺。而傳統(tǒng)的色彩理論往往回避飽和度和明度,但藝術(shù)家歷來強調(diào)了解他們的微妙之處。

你一定看到過選擇性使用顏色的例子:一個藝術(shù)家拍完了照片,將所有顏色去掉,只保留焦點位置的顏色。顏色差異會影響我們看待事物時的主觀感覺。通過賦予顏色,藝術(shù)家可以將活力注入照片中原本枯燥的地方。

一旦你了解了顏色和色調(diào)如何影響您的網(wǎng)站,就要利用它們的優(yōu)點。正如鮮明的個性 , 快樂的話語(比如在 Flickr.com 可以找到)可以使網(wǎng)站更加動人,明亮快樂的色彩一樣可以做到。另一方面,無趣的話題也可以讓生動的顏色帶動起來。請記住,色彩的一切都跟感覺相關(guān)。在知覺上沒有黑白分明(一語雙關(guān))的科學(xué)。

結(jié)論:挑選最符合經(jīng)驗的色彩

理論就講完了。如果您有興趣在網(wǎng)頁布局中使用和掌控顏色,關(guān)于顏色和顏色方案的內(nèi)幕理論是是至關(guān)重要的了。雖然,這只是一部分。作為經(jīng)驗的設(shè)計師,我們要考慮各種不同的元素。需要注意的是,我們不是要成為某個特定領(lǐng)域的大師,而是要有一個總體的知識體系。

顯然,不能給出以上所涉及的每個概念的全部細節(jié),真那樣的話,這篇文章會有現(xiàn)在的八倍長。不過你可以花點時間看看這些概念的相關(guān)鏈接,或細讀一些相關(guān)書籍。如果這還不夠,去找靈感吧:瀏覽下你最喜愛的網(wǎng)站和藝術(shù)家??纯此麄兪窃鯓邮褂蒙实摹2灰プ⒁庑问嚼?,版權(quán)啦,特效啦:只是要注意色彩。如果你能單獨的注意用戶體驗每一個部分 ,你將在構(gòu)思的時侯一帆風(fēng)順。

新聞標題:成都網(wǎng)絡(luò)公司:在網(wǎng)站建設(shè)設(shè)計中色彩是很重要的一部分
網(wǎng)頁鏈接:http://www.bm7419.com/news2/320752.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、Google、網(wǎng)站排名、App開發(fā)網(wǎng)站策劃、App設(shè)計

廣告

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

微信小程序開發(fā)