大作將介紹每種顏色背后的理論和情感聯想,解釋不同文化背景的人們對每種顏色的反應,以及如何通過設計中的配色方案有效地使用它們。當然,我們還將展示大量的網站示例,以展示這一切在現實世界中是如何運作的。

紅色

作為溫暖色系的一部分,紅色是一種強大的、情感強烈的顏色。

它自然地增強人體的新陳代謝率,也被證明當人們接觸它時會增加呼吸頻率和血壓。在交通系統中,它被大量使用,因為紅色是一種高可見性的顏色,具有很大的沖擊力。

一項研究甚至發現,當銀行大堂更加顯眼地使用紅色時,銀行隊伍的移動速度會更快。

紅色的一些聯想包括:

· 能量

· 積極性

· 行動

· 戰爭

· 危險

· 力量

· 勇氣

· 所有的強烈和充滿激情的事物

· 愛、性、激情、欲望

紅色之所以有趣,是因為它具有兩個幾乎完全相反的聯想:愛和戰爭。由于紅色被認為是一種代表危險的高沖擊力顏色,它也與許多令人難忘的戰爭形象有關。

然而,紅色在愛情上的影響也很大,不同深淺的紅色(從更強烈、更深的顏色到較淺的變種,如粉紅色)在西方文化中與情人節緊密相關。

在其他文化中,紅色有完全不同的含義。在中國,紅色與繁榮、幸福以及好運的象征相關聯。在印度,紅色代表純潔,因此常常在許多婚禮中使用。然而,在南非,紅色是用于哀悼的最常見顏色。

使用紅色時,通常更明智的做法是將其作為網站的一個強調色,而不是整個網站的主色。雖然在某些情境下,紅色作為主色會很有效,但大多數情況下,設計中使用過多的紅色可能會引起煩躁、不安甚至憤怒的情緒。然而,使用過少的紅色也可能導致人們感到小心翼翼和受到操縱的感覺。

由于這兩個極端,使用紅色來找到合適的平衡可能會相當困難。但是,將紅色用作強調色——特別是在你想要增強或特別注意的特性上,如按鈕或其他促使用戶做出決策的元素——可能會非常有效。

橙色

作為溫暖色系的另一種顏色,橙色通常被視為明亮、樂觀和令人振奮的顏色。

橙色既年輕又沖動,常常作為一種心理刺激劑,并被認為具有很好的平衡作用。

橙色的一些聯想包括:

· 熱情

· 快樂

· 直覺反應

· 自發性

· 冒險、冒險精神

· 秋天和豐收

· 創意

· 柑橘

· 健康食品

橙色通常與秋季關聯起來。由于季節顏色的變化,橙色為我們提供了從夏季明亮色彩到冬季更加冷硬色彩的溫暖過渡。橙色也是與萬圣節最為相關的顏色。

除了與大自然的關聯之外,橙色在人們心中也被視為一種能夠激發熱情和自發性的顏色。作為一種鼓勵冒險和冒險精神的顏色,橙色(由于其柑橘的關聯)還起到了刺激食欲的作用,因此在與食物或用戶食欲相關的網站設計中可能會很有用。

考慮到我們之前提到的關于橙色與季節轉換之間的許多關聯,為什么不將這種思路融入到設計中,使用橙色作為設計中兩個不同區域之間的過渡色?

在使用橙色時,考慮您的目標市場和受眾是很有用的。當年輕人是您的目標受眾時,橙色似乎是一種受歡迎的顏色。除此之外,橙色還可以用來引起人們的交談或思考。

它也經常與對生活的熱情、冒險和冒險精神相關聯。它激發了人們的身體自信、能力和獨立性,并與外向和不受約束的行為有關。根據“The Color”的描述,這一方面使橙色成為一種鼓勵活動和自由感的顏色。

黃色

作為主要的暖色系中的最后一種,黃色是一種明亮、富有創造力的顏色。

因其促進清晰思考和迅速決策的能力而著稱,黃色可能與幸福、正能量和陽光最為相關。

黃色的一些關聯包括:

· 創造力

· 陽光

· 幸福

· 能量

· 懦弱

· 欺騙

· 警告

· 不穩定

· 清晰度

· 活躍度

作為三原色之一的黃色,主要被視為一種能引發幸福和創造力的顏色,因此可以有效地用來設計出引發幸福和清晰感的作品。在一項研究中,有52%的受訪者將黃色與快樂主要關聯起來,這是相當顯著的。

黃色是一種非常有活力的顏色,它在您的設計中也可以傳遞出一定的活躍度。您可以使用黃色來激發熱情,并增強需要采取行動的設計部分。

在其他文化中,黃色有著完全不同的關聯和含義。在埃及,黃色被廣泛用作哀悼的顏色;在中世紀,黃色的衣服是用來表示已故者的。在印度,黃色經常被商人使用。在日本,黃色是勇氣的象征,因此具有積極的關聯。

在使用黃色進行設計時,您需要意識到過多地使用黃色有時可能會引入焦慮感,因為它是一種如此明亮、"快速移動"的顏色。過多的黃色可能會給您的網站帶來不平衡的感覺。相反,嘗試在黃色旁邊引入其他顏色,并將黃色用作頁面上的亮點,以便更加關注設計的更重要方面。

但是,由于黃色對人的影響(回到它似乎提供的"快速移動"的感覺),您有時可以利用黃色的這種優勢。例如,黃色似乎能促使人更快地做出決策,因此在電子商務設計中使用黃色按鈕可能效果非常好——只要它與您設計的其余部分相匹配。

由于黃色給人一種相當不穩定的感覺,所以在您希望激發穩定或安全感的網站上使用黃色并不是一個好主意。而且,從歷史上看,男性似乎認為黃色是一種孩子氣的顏色,因此對于男性產品網站來說,黃色可能不是一個好的顏色選擇——盡管當它被用于像幼兒園或兒童手工藝博客這樣的年輕受眾時,它會非常合適。

綠色

屬于較冷色系的顏色,綠色是一種有活力的顏色,并且通常被描述為自然的和平使者,因為它與大自然中的放松方面有許多關聯。

綠色的一些關聯包括:

· 春天

· 成長

· 更新與重生

· 平衡

· 自然

· 草地和花園

· 穩定性

· 占有欲

· 嫉妒

· 羨慕

· 生育能力

· 安全感

· 金錢

· 回收

綠色是藍色和黃色的結合,它既帶有黃色的思維清晰和熱情,又融合了更具情感冷靜和穩定的藍色。在大自然中,我們經常看到綠色——葉子、草地、花朵等等中。因此,我們與綠色的很多關聯都與大自然和類似的主題如重生和生育能力緊密相關。

綠色經常被稱為一種帶有穩定感和平衡感的顏色。因此,在您希望展示產品或服務可靠或安全性的設計中使用綠色可能效果很好。

一項研究發現,39%的參與者將綠色與滿足感聯系在一起。這一統計數據表明,大部分人在看到綠色時都會感到滿足或快樂。

另一方面,綠色還與嫉妒、羨慕和占有欲等許多負面情感關聯,因此您在使用這些顏色時需要小心,并確保更多地使用綠色來為網站增添平衡。

綠色與回收市場有著緊密的聯系,在僅英國和歐洲就有很多主要的回收標志中都使用了綠色。因此,對于與回收或任何“綠色”產品、服務或公司相關的設計,使用綠色是有道理的。

在其他文化中,綠色通常具有良好的含義。在愛爾蘭,除了出現在國旗上之外,它還與圣帕特里克節緊密相關。綠色還是幸運的四葉草的顏色,這可能是世界上最知名的幸運象征。在伊斯蘭教中,綠色是傳統的顏色,并且在古蘭經中也經常被提及,很多在天堂的人被描述為穿著“綠色的衣服”。

藍色

作為所有主要顏色中最冷靜的顏色,藍色通常被視為非常可靠和寧靜的顏色,這很可能是因為藍色與海洋和天空的最明顯的關聯。

藍色是一種保守的顏色,通常在代表清潔和責任感的設計中使用得很好。

藍色的一些關聯包括:

· 海洋

· 天空

· 信任

· 誠實

· 忠誠

· 真誠

· 和平

· 寧靜

· 智慧

作為三原色中的最后一個(與紅色和黃色并列),藍色是一種減輕壓力的顏色,常用于面向男性和企業受眾的設計。藍色激發了信任、誠實和安全感的感覺,因此特別適合那些希望在受眾中喚起這些感覺的產品、服務或公司的設計。

此外,YouGov在10個國家的調查顯示,藍色是全球最受歡迎的“最喜歡的顏色”。在美國,40%的男性和24%的女性更喜歡藍色,突顯了其廣泛的吸引力。

由于藍色與天空和海洋的眾多關聯,它也非常適合在希望推廣這些事物的設計中使用。例如,如果一個產品與海洋密切相關(例如沖浪產品),則可以使用藍色來喚起與海洋相關的熟悉感覺,并幫助受眾更多地與產品或網站產生共鳴。

同樣的情況也適用于與自然事物相關的任何顏色,如戶外的草地或花朵等。

藍色也被認為是一種抑制食欲的顏色,因此在涉及食物的設計中使用它可能不太合適。你還需要注意,使用過多的藍色可能會讓人感到窒息,并且根據所使用的色調,它幾乎可能看起來過時。

在設計中使用藍色的最佳時機之一是針對面向男性受眾和企業業務的網站。這并不意味著你不能在其他風格的設計中使用藍色——不要害怕嘗試并在可能不太期望的地方使用顏色,享受其中的樂趣。

與一般的關聯一樣,藍色在不同文化中也有許多不同的內涵。在西方文化中,有“藍色物品”的傳統,通常在新娘提供“藍色物品”(以及其他傳統的“舊物”和“新物”)作為她新婚生活中好運的象征的婚禮上使用。然而,在伊朗,藍色是用于哀悼的顏色。

紫羅蘭/紫色

作為冷色系中的最后一種顏色,紫色被視為一種神秘的顏色,通常代表野心、王權和權力。

紫色的一些關聯包括:

· 皇室

· 想象力

· 權力

· 奢華

· 財富

· 奢侈

· 野心

· 智慧

· 魔法

· 神秘

紫色是紅色和藍色的完美結合,它既具有藍色的平靜、寧靜的效果,也具有紅色的活力。紫色通常被視為奢華的顏色,并在需要展現奢侈感的設計中效果顯著。

大約有29%的人認為紫色代表勇氣。這種看法與其與皇室、野心和奢華的關聯有關。

與藍色和綠色不同,紫色在自然界中是一種罕見的顏色。例如,如百合、蘭花和薰衣草這樣的紫色花朵雖然難以找到,但它們既脆弱又精致,卻又十分珍貴,被人們高度尊重。

紫色在許多文化中都是受歡迎的顏色,原因各異。在泰國,紫色是寡婦哀悼的顏色,而在埃及,它被廣泛認為是埃及古老的最后一位法老克婁巴特拉的最愛顏色。在許多其他文化中,紫色是皇室或有權威的人們傳統上穿著的顏色。在美國,有“紫心勛章”,這是一種重要的美國軍事獎章,由總統授予在戰斗中受傷或陣亡的人員。

使用紫色時,需要小心不要過度使用。雖然適量的紫色可以使您的設計帶有更加雄偉、奢華或豪華的感覺,但過多的紫色也可能導致不適,并且據聽說甚至可能加劇某些人的抑郁癥狀。

這已經發現,大多數兒童更喜歡紫色而不是其他顏色,所以在面向年輕受眾的設計中,紫色可能會是一個有效的選擇。

在設計中使用紫色可以增強想象力或創造力,而較淺的紫色也適合用于女性化的設計。事實上,紫色通常被認為是一種更加女性化的顏色,約有23%的女性將其視為自己的最愛。

配色方案:顏色的特性是什么?

配色方案是一種顏色的組合,一旦放在一起,就可以用于任何形式的設計——包括您在網上的設計。設計一個好的配色方案是一項艱巨的工作。當顏色感覺或看起來“不對勁”或不太正確時,很容易注意到。然而,當您確實努力創建一個好的有效配色方案,并將其有效利用時,這將成為好設計與普通設計之間的關鍵差異。

主要的配色方案包括:單色、類似色、互補色、分割互補色、三色和四色。

注意:當討論配色方案時,您可能會經常聽到接下來的幾個術語。這里有一個關于顏色特性的小詞匯表,可以幫助您理解:

色調:一個“色調”是顏色本身——比如綠色、藍色、紅色、紫色等。?

淺色:當向色調中添加白色時,形成的顏色更淺。?

深色:當您向色調中添加黑色時,形成的顏色更深。中性色:當您向色調中添加灰色時,形成的顏色為中性色。?

單色

單色配色方案使用一個色調(例如藍色),然后使用該原始顏色的各種淺色或深色。

這些是最容易創建的色彩方案,因為它們只涉及一個色調,所以您知道您選擇的少數基礎顏色將和諧地相互配合。

您可以在下面的示例中看到單色色彩方案如何有效地工作。這款為Elevate Medical設計的產品只使用了一個顏色,大部分設計都很吸引人,保持了品牌風格,并對其特定市場產生了積極的影響。

類似色

類似色系的配色方案是通過選擇顏色輪上相鄰的色調來創建的。例如,藍綠色、綠色和黃綠色。

使用類似色系的最簡單方法是選擇一個顏色作為主導色,并較少地使用其他兩種顏色,作為第一種顏色的點綴色。

互補色

互補色系是通過選擇色輪上的兩種互為相反的顏色來創建的。例如,紅色和綠色,或紫色和黃色。由于這些顏色是完全相反的,它們提供了極高的對比度并具有很高的影響力。

互補色系由于這個原因可能很難實現,并且在您想要某些設計元素脫穎而出時效果更好,而不是在整個設計中大量使用它們。當然,洛杉磯湖人隊的標志和設計大膽地使用了這種顏色組合:

但在大多數情況下,更為微妙的應用效果更佳:

分割互補色

分割互補色彩方案是通過選擇一種顏色,然后選擇與該顏色互補顏色的兩側顏色來創建的。

三色方案使用顏色輪上均勻分布的三種顏色。例如,如果您的主色是紫色,那么另外兩種顏色將是紫色的互補色黃色的兩側——因此是黃綠色和黃橙色。

由于這種顏色方案與互補色方案非常接近,所以在使用時仍然會產生影響,盡管它可能感覺比全面的互補方案更加平衡和冷靜。同樣,使用三色方案時,可以更容易地將其中一種顏色作為主要焦點,而將其他兩種顏色用作強調。

三色方案

三色方案使用顏色輪上均勻分布的三種顏色,例如紫色、橙色和綠色。

使用三色方案通常意味著您最終會得到一個相當明亮和充滿活力的設計,盡管通過使用顏色的不同濃度和深淺來稍微降低這種效果。與之前的顏色方案一樣,三色方案在讓一個顏色成為焦點的同時,其他兩種顏色作為強調色時效果最佳。

Kinsta很好地利用了三色方案:

四色方案

四色方案通過配對兩組互補色方案來實現。它幾乎通過在色輪周圍創建一個矩形來工作。四色方案的一個示例是紅色、綠色、藍色和橙色。

四色方案的好處在于,當選擇使用的顏色時,它提供了很多的多樣性,并且在設計網站時可能會給您更多的靈感。但與今天討論的所有其他顏色方案一樣,最好的做法是讓其中的一種顏色成為焦點,其他顏色則作為輔助色來使用。

圖像是引入此類復雜配色方案的有效方式

精選文章:

被張雪峰吐槽的“冷門專業”,一夜爆火?

從脫碳到裝飾表達:2023 年的創新 3D 打印項目

淘寶“丑東西大賽”年度40強誕生,一個比一個“辣眼睛”!

2023 年 10 項最具創新設計:微型住宅

“史上最丑鞋”的新聯名,隨機嚇哭一個HelloKitty控!