作為網站設計師你真懂顏色嗎?

2022-08-05    分類: 網站設計

一、暖色系

暖色包含紅、橙、黃以及這三種顏色的變種。它們分別是烈焰、落葉以及日出和日落的顏色,它們通常象征活力、激情和積極。

紅和黃這兩種顏色都屬于三原色,而橙色則處于兩種顏色之間,這意味著紅色和黃色是真正的暖色,沒法通過混和一種暖色和冷色而獲得。你在設計中使用暖色以體現出激情,快樂,熱忱和活力的主調來。

1.紅色

紅色是一種非常強烈的顏色,使人聯想到烈焰,暴力戰(zhàn)爭。它也使人聯想到愛與激情。在古時候,它即與惡魔有關,也與愛神丘比特有關。實際上紅色會給人帶來身體上的反應,提升血壓和呼吸頻率。也有資料表明它可以加快人體的新陳代謝。

紅色與憤怒有關,不過它也與盛大的事件有關(看看頒獎典禮上的紅地毯就知道了)。紅色也預示著危險(這也是交通燈和標志使用紅色的原因,大多數警告標志都是紅色)。

在西方以外的地方,紅色有不同的含義。譬如,在中國,紅色是象征繁榮和幸福。它用來謀求幸運的降臨。其他一些東方文化中,紅色是結婚日新娘著裝的顏色。不過在南非,紅色則是喪服的顏色。紅色也與共產主義有關。因紅十字會的宣傳,在非洲,紅色已經成為艾滋病防治的標志色。

在設計中,紅色是一種很重的色彩,如果在設計使用過多,會產生一種壓倒性的感官效果,尤其是使用純紅色時。如果設計師想在設計中添加進力量和激情的感覺,紅色就是一種非常不錯的顏色。不過淺紅更能體現活力,而深紅則更能體現力量和優(yōu)雅的一面。

說明:作品中的暗紅色給這個站點帶來了一種力度和優(yōu)雅的感受。

2.橙色

橙色是一種充滿生氣和活力的顏色。柔和的橙色讓人聯想到大地以及秋色。因為它與季節(jié)的變換有關,橙色一般用來表現變化和運動的感覺。

因為橙色也與同名的水果有關,它也讓人聯想到健康和活力。在設計中,橙色不像紅色那樣強烈,但也能獲取觀眾的注意力。通常認為橙色更友善和誘人,不像紅色那樣具有挑釁性。

說明:這里用橙色來烘托友好而誘人的印象來。

3.黃色

黃色被認為是最明亮、最具活力的暖色。它讓人聯想到快樂和陽光,不過,黃色也與欺詐和懦弱有關

黃色也與希望有關,在一些國度里,家中有親人參軍打仗的人家會掛黃絲帶。黃頁也與危險有關,不過沒有紅色那么強烈。

在一些國度,黃色有完全不同的含義。比如,在埃及,黃色是奔喪的顏色,而在日本,該色代表勇氣。在印度,黃色則是商人的顏色。

在設計中,鮮黃色(bright yellow)可以增添快樂和愉悅感覺。柔和的黃色通常用作嬰兒和小孩的中性色(相對藍色或者粉紅色)。淡黃色( Light yellows)相對鮮黃色而言給人是一種更內斂的快樂感受。深黃色和金黃色有時很有古韻,當需要營造一種永恒的感覺時,則可使用這種顏色。

說明:網站上鮮黃色的頁眉(header)和圖片給網站增添了一種活力和積極向上的感覺。

二、冷色系

冷色系包含綠色、藍色和紫色,相對暖色,強度要弱。它們是夜、水和自然的代表顏色,通常給人感覺是舒緩,放松,以及有一點冷淡。

藍色是冷色系中唯一的原色(primary color),這意味著其他顏色是由藍色混合某種暖色而成(混合黃色得到綠色,混合紅色得到紫色),綠色繼承了黃色的一些屬性,而紫色則繼承了紅色的一些屬性。在設計中使用冷色可以營造一種冷靜或專業(yè)的感覺。

1.綠色

綠色是一種非常務實(down-to-earth)的顏色。它可以象征新的開始和成長。它也意味著新生和富饒。另外,綠色也可表示嫉妒和猜忌,代表缺乏經驗。

綠色繼承了藍色所有具備的平靜的屬性,但是它也吸收了一些黃色的活力。在設計中,綠色有一種平衡和協調的效果,并且很穩(wěn)定。對于與財富,安定,新生以及自然相關的設計,綠色很合適。亮綠色更具活力和生機,而橄欖綠更多表示自然界。而暗綠色則是富饒的最典型代表。

說明:網站上運用的柔和的綠色給網站帶來一種非常實在,非常自然的感受。

2.藍色

在英語中,藍色通常與憂傷有關。藍色也廣泛用來象征冷靜和責任。淺藍色有一種非常清新和友好的感覺。而深藍色則是更多表示可靠和力度。藍色也與和平有關。在許多文化中,藍色有靈魂和宗教上的寓意(比如,圣母瑪利亞則通常會被描繪成身著藍色的長袍)。

藍色的含義很大程度上取決于色調(hue)和暗色澤(shade)。在設計中,你所選用的藍色的暗色澤會對極大地影響力作品給人的感受。淺藍色通常表示放松和平靜,而亮藍色則通常表示活力和清新,而深藍色則非常適合公司類型的網站,這類場合,感染力和可靠性是很重要的。

說明:網站的天藍色給人一種年輕、時髦的感覺,而淺紅色高亮區(qū)則進一步強調了這點。

3.紫色

一直以來,紫色都與高貴有關。它是紅色和藍色的合成色,具有這兩種顏色的一些屬性。它也與創(chuàng)造力和想象力有關。

在泰國,紫色是寡婦的葬服色。深紫色則通常與財富和忠誠有關,而淺紫色(像淡紫色)則更多讓人想到浪漫。

在設計中,深紫色給人一種富有和奢華的感受。淺紫色則更多讓人想到春天和浪漫。

說明:這里用的暗色澤讓人想到紫色具有的高貴,非常適合愛絲普蕾這種奢侈品品牌。

三、中性色

中性色通常用作設計作品的背景色。中性色通常與亮色混用。不過也可在設計中單獨使用中,制作出老道的布局來。中性色的含義及其給人的影響容易受到周圍暖色和冷色的影響。黑色是最強烈的中性色。往好的方面看,它通常與力量,高雅以及嚴謹(formality)有關,從壞的方面看,它也與邪惡,死亡以及神秘有關。黑色是許多西方國家葬禮色。在一些文化中,它與叛亂關系緊密,并且也與萬圣節(jié)和玄學有關。

1.黑色

黑色通常用在一些前衛(wèi)和高雅的設計作品中。它可以很保守也可以很現代,可以很傳統,也可以做到不落俗套,這主要取決與和它搭配的顏色。因為它的中立性,設計中,黑色一般都是字體排版和其他功能模塊的顏色。在設計中,黑色可以很容傳達出一種老練和神秘的感覺。

說明:混合冰藍色,黑色看起來也帶有寒意。

2.白色

在光譜上,黑色另一頭就是白色,不過跟黑色一樣,它能與其他任何顏色搭配的很不錯。白色通常與純潔,干凈,貞操聯系起來。在西方,白色通常是新娘在 婚禮上穿的顏色。他通常也與醫(yī)療行業(yè)有關。尤其是跟醫(yī)生,護士,以及牙醫(yī)聯系起來。白色也與上帝有關。天使就被人認為是身穿白色的。

在設計中,白色通常都作為中立的背景,可以設計作品中的其他顏色有更重的分量。它也可以用來傳達簡潔的理念。在極簡約風格的設計中,白色用的最多。在設計中,白色可以用表示冬天或是夏天,具體取決于白色周圍的設計圖案和顏色。

說明:Fuelhaus 網站上白色用來與鐵藍色(electric blue)形成對比

3.灰色

灰色是一種中立色,通常是在光譜冷色區(qū)一端。有時,灰色被視為是憂郁或是壓抑,在一些設計中們淺灰色用來取代白色,用神灰色取代黑色。

灰色一般都顯得保守和正式,不過也可以顯得很現代。有時它被視作是哀悼色。在公司的設計作品中,經常用到,因為這里,給人正式和專業(yè)感覺至關重要。 它也可以是一種非常深奧的色彩。純灰色是黑色的暗色澤,而其他灰色則有藍色或是褐色混入其中。在設計中,灰色背景一種非常常見的排版。

說明:淺灰色給設計帶來一種平緩而安靜的感覺。

4.褐色

褐色通常與大地,樹木和巖石扯上關系。它是徹頭徹尾的自然色和暖系中立色。因其堅定和質樸的性質,褐色也與信賴和可靠聯系起來。它也可以被視作遲鈍無趣。

在設計作品中,褐色一般都用作背景色。這種顏色在木質紋理(Wood texture)和石質紋理中也很常見。他可以給設計帶來溫暖、健康的感覺。有時也用深褐色來取代黑色,用作背景色或是字體色。

說明:這里的橙褐色給人一種踏實而可靠的感覺

5.米黃色

在色譜上,米黃色有點特殊,它既可以帶有點暖色值也可以帶有點冷色值(warm tone),這取決于它附近的顏色。它帶有褐色的暖色質和白色的冷色質。有時,這個色彩看似很無趣。在大多數情況下,米黃色是保守色,通常用作背景。它也可以用來象征虔誠。

在設計中,米黃色通常用作背景,在以紙張材質做素材的背景中,這種色彩尤其常見。它會呈現出周圍附近顏色的特質。它在設計作品中與其他顏色搭配使用,很少影響到設計作品給人最終的印象。

說明:網站上橙色和褐色高亮區(qū)讓茶黃色的背景看起來更溫暖。

6.乳白的

乳白色和奶油色是機巧的顏色,帶有一點褐色的溫暖,另外更多的是混雜有白色的冷意,這種顏色通常很安靜,回會喚起一種歷史的質感。奶油色是鎮(zhèn)定色,帶有白色的一點純粹,也帶有一點暖意。

在設計中,乳白色可以給網站帶來一種高雅而又鎮(zhèn)定的感覺。當與桃紅色和褐色這類質樸色結合使用時,它可從中吸收質樸的性質。它可以用來沖淡暗色,而不會產生使用白色時所形成的突兀的強對比


說明:淺灰色的奶油色背景因桔褐色的高亮區(qū)而顯得更具暖意。

創(chuàng)新互聯網站設計15年,網站設計經驗和技巧非常多,后續(xù)更多經驗技巧分享,值得大家關注!

網站欄目:作為網站設計師你真懂顏色嗎?
標題網址:http://muchs.cn/news/185629.html

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

廣告

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

微信小程序開發(fā)