網頁設計的色彩心理學知識
學習網頁設計的人,對於色彩一定要有所瞭解,下面小編為大家帶來了關於網頁設計的色彩心理學知識,歡迎大家閲讀!
網頁設計的色彩心理學知識紅色:危險,重要,激情
紅色是血與火的顏色,它是最強大的色彩之一,同時代表着愛與戰爭。
紅色所傳遞出的情緒是非常激烈的,甚至可以直接引起相應的生理變化,包括血壓升高,呼吸頻率提升,等等。
紅色還代表着精力充沛,能夠引起衝動,還是是速度與力量的象徵。Netflix 和 Youtube 都採用紅色作為主色調。
勇士是引人注意的,它是非常具有性格的色彩,就像頒獎典禮現場的紅地毯,它代表着走紅毯的名人和明星的重要性。而紅色運用在網頁當中,則意味着這個元素是最重要的、值得重視和注意的。
橙色:自信、能量、樂觀
橙色同樣是非常鮮豔的色彩,它和紅色也有着許多共通的地方,但是相對而言程度較低。它沒有紅色那麼強烈的侵略性,但是它同樣有着精力充沛的含義,可以營造出積極向上的情緒和氛圍。
就像紅色一樣,橙色同樣具備有很高的識別度,能夠強烈地吸引用户的注意力,高亮特定元素的作用。另一方面,一些研究表明,橙色還能傳遞出“便宜”的含義,這也是為什麼許多電商網站和APP會傾向於將購物車和購買相關的鏈接標識為橙色。
Hipmunk 中的橙色按鈕非常的吸睛。
黃色:陽光,幸福,注意
黃色是非常有意思的色彩,它同時具備了幸福和焦慮兩種特性,不得不説它的這個特徵非常的哲學。在設計中,黃色非常容易引起注意力,所以它也是日常生活中近視標識的常用色。儘管它在警示效果上不如紅色強烈,但是依然給人傳遞出危險的感覺。
當黃色與黑色搭配起來的時候,可以獲得更多的關注,著名的紐約出租車就是採用的這樣的設計。
綠色:自然、生長、成功
與綠色聯繫最緊密的毫無疑問是自然。絕大多數的植物都是綠色的,它與生長和健康都有着緊密的關聯。
在設計中,綠色可以起到平衡和協調的作用,在今年,也就是 2017 年,年度色就是草木綠,它甚至被稱為新的中性色。不過在設計過程中,綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮,引人注意,而低飽和度的綠色則接近中性色的作用,可以平衡整個設計。
藍色:舒適,放鬆,信任
藍色是天空和海洋的色彩,它是UI設計中最重要也是最常用的色彩,你在設計中所選取的藍色的色調和色度,都會直接影響到你的設計對於用户的影響。
·淺藍色給人清爽、自由、平靜的感覺。這種輕鬆友好的氛圍還能轉化為信任的感覺,這也是為何如此多的.銀行類網頁/APP會使用淺藍色。
·深藍色能夠給人強大而可靠的感覺。
紫色:豪華,靈性,創造性
紫色的使用頻率並不算高,它本身的這種稀缺性使得它在設計使用中有着特殊的地位。歷史上,曾經一度只有歐洲皇室能使用,直到今天,它依然保持着某種奢侈感。將紫色運用到網頁或者APP中,常常會給用户一種高端的感覺。
一個有趣的調查表明,有接近75%的兒童喜歡紫色和相近的色彩。
黑色:力量,優雅,精緻
黑色是所有色彩中最有力量的,它能夠很快地吸引用户的注意力,這也是為何它是文字的基準色,也常常作為許多設計的主色。
在 Squarespace 這個網站中,黑色的“Get Start”按鈕非常引人注意。
當黑色作為UI控件和視覺元素的主色調的時候,它常常會帶來相應的情感聯繫,它可以輕鬆傳達出複雜的情緒,營造神祕的氛圍。
白色:健康,純潔,高尚
白色通常代表着純潔,給人以乾淨、健康、高尚的感覺。由於白色常常同健康服務和創新啊所關聯,所以你可以使用白色來強調安全性,推廣醫療和高科技的產品。
在設計當中,白色常常用作留白,用以突出周圍的色彩、控件。正確使用留白是一項非常重要的設計技能。以Google首頁為例,白色讓其他的色彩更加突出,更有力量:
大量的留白讓其他的元素脱穎而出。
灰色:正是,中性,專業
灰色代表中性和中立。相比於其他的顏色,灰色更為安全,當灰色作為主色調而存在的時候,能讓設計的形式感更為強烈,這並不算壞事。和白色相似,這種中性色能夠讓其他的色彩更為顯眼。
灰色通常同其他更為明亮的色彩搭配起來使用。Dropbox 就常常使用灰色來突出CTA按鈕
-
dreamweaver的學習心得
當我們備受啟迪時,寫心得體會是一個不錯的選擇,這樣我們可以養成良好的總結方法。那麼要如何寫呢?下面是小編收集整理的dreamweaver的學習心得,歡迎閲讀與收藏。dreamweaver的學習心得1目前,互聯網是最快捷的信息傳播渠道之一,學習網頁製作成了學生必須掌握的一項技...
-
javascript包裝對象的用法
js對象是一種複合值:它是屬性或已命名值得集合。參考以下代碼:vars="helloworld";varlen=th;在該例子中,s是字符串,而字符串不是對象,但為何會有屬性呢?其實只要引用了字符串s的屬性,js就會將字符串通過調用newString(s)的方式轉換為對象,該對象繼承了字符串的方法,並被...
-
網頁設計黃金配色原則是什麼
身為網頁設計新手的你,是不是還在糾結於你製作的網頁找不到一組完美的配色方案?在本教程中我們將與你分享6條肯定會火,並且“錯不了”的指導方針,你可以按照這些原則把握最基本的色彩規律。現在我們分享的這些原則都不是規則,你會在你的職業生涯中創造出更多的配色...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...