糯米文學吧

位置:首頁 > 設計 > 網頁設計

網頁設計的色彩心理學知識

學習網頁設計的人,對於色彩一定要有所瞭解,下面小編為大家帶來了關於網頁設計的色彩心理學知識,歡迎大家閲讀!

網頁設計的色彩心理學知識

  網頁設計的色彩心理學知識

  紅色:危險,重要,激情

紅色是血與火的顏色,它是最強大的色彩之一,同時代表着愛與戰爭。

紅色所傳遞出的情緒是非常激烈的,甚至可以直接引起相應的生理變化,包括血壓升高,呼吸頻率提升,等等。

紅色還代表着精力充沛,能夠引起衝動,還是是速度與力量的象徵。Netflix 和 Youtube 都採用紅色作為主色調。

勇士是引人注意的,它是非常具有性格的色彩,就像頒獎典禮現場的紅地毯,它代表着走紅毯的名人和明星的重要性。而紅色運用在網頁當中,則意味着這個元素是最重要的、值得重視和注意的。

  橙色:自信、能量、樂觀

橙色同樣是非常鮮豔的色彩,它和紅色也有着許多共通的地方,但是相對而言程度較低。它沒有紅色那麼強烈的侵略性,但是它同樣有着精力充沛的含義,可以營造出積極向上的情緒和氛圍。

就像紅色一樣,橙色同樣具備有很高的識別度,能夠強烈地吸引用户的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色還能傳遞出“便宜”的含義,這也是為什麼許多電商網站和APP會傾向於將購物車和購買相關的鏈接標識為橙色。

Hipmunk 中的橙色按鈕非常的吸睛。

  黃色:陽光,幸福,注意

黃色是非常有意思的色彩,它同時具備了幸福和焦慮兩種特性,不得不説它的這個特徵非常的哲學。在設計中,黃色非常容易引起注意力,所以它也是日常生活中近視標識的常用色。儘管它在警示效果上不如紅色強烈,但是依然給人傳遞出危險的感覺。

當黃色與黑色搭配起來的時候,可以獲得更多的關注,著名的紐約出租車就是採用的這樣的設計。

  綠色:自然、生長、成功

與綠色聯繫最緊密的毫無疑問是自然。絕大多數的植物都是綠色的,它與生長和健康都有着緊密的關聯。

在設計中,綠色可以起到平衡和協調的作用,在今年,也就是 2017 年,年度色就是草木綠,它甚至被稱為新的中性色。不過在設計過程中,綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮,引人注意,而低飽和度的綠色則接近中性色的作用,可以平衡整個設計。

  藍色:舒適,放鬆,信任

藍色是天空和海洋的色彩,它是UI設計中最重要也是最常用的色彩,你在設計中所選取的藍色的色調和色度,都會直接影響到你的設計對於用户的影響。

·淺藍色給人清爽、自由、平靜的感覺。這種輕鬆友好的氛圍還能轉化為信任的感覺,這也是為何如此多的.銀行類網頁/APP會使用淺藍色。

·深藍色能夠給人強大而可靠的感覺。

  紫色:豪華,靈性,創造性

紫色的使用頻率並不算高,它本身的這種稀缺性使得它在設計使用中有着特殊的地位。歷史上,曾經一度只有歐洲皇室能使用,直到今天,它依然保持着某種奢侈感。將紫色運用到網頁或者APP中,常常會給用户一種高端的感覺。

一個有趣的調查表明,有接近75%的兒童喜歡紫色和相近的色彩。

  黑色:力量,優雅,精緻

黑色是所有色彩中最有力量的,它能夠很快地吸引用户的注意力,這也是為何它是文字的基準色,也常常作為許多設計的主色。

在 Squarespace 這個網站中,黑色的“Get Start”按鈕非常引人注意。

當黑色作為UI控件和視覺元素的主色調的時候,它常常會帶來相應的情感聯繫,它可以輕鬆傳達出複雜的情緒,營造神祕的氛圍。

  白色:健康,純潔,高尚

白色通常代表着純潔,給人以乾淨、健康、高尚的感覺。由於白色常常同健康服務和創新啊所關聯,所以你可以使用白色來強調安全性,推廣醫療和高科技的產品。

在設計當中,白色常常用作留白,用以突出周圍的色彩、控件。正確使用留白是一項非常重要的設計技能。以Google首頁為例,白色讓其他的色彩更加突出,更有力量:

大量的留白讓其他的元素脱穎而出。

  灰色:正是,中性,專業

灰色代表中性和中立。相比於其他的顏色,灰色更為安全,當灰色作為主色調而存在的時候,能讓設計的形式感更為強烈,這並不算壞事。和白色相似,這種中性色能夠讓其他的色彩更為顯眼。

灰色通常同其他更為明亮的色彩搭配起來使用。Dropbox 就常常使用灰色來突出CTA按鈕

標籤:網頁 心理學