發表日期:2017-08-22 02:20:56文章(zhāng)編輯:admin浏覽次數:845 标簽:
【威海網絡公司訊】8月(yuè)22日,色彩對(duì)于用(yòng)戶的(de)影(yǐng)響是顯著的(de),對(duì)于選擇、轉化(huà)率的(de)影(yǐng)響是毋庸置疑的(de)。不過,問題在于,你能否找到真正對(duì)的(de)色彩來(lái)搭配你的(de)設計?爲了(le)回答(dá)這(zhè)個(gè)問題,我們需要分(fēn)析和(hé)了(le)解色彩是如何影(yǐng)響人(rén)的(de),以及它對(duì)于男(nán)性和(hé)女(nǚ)性的(de)影(yǐng)響有著(zhe)怎樣不同的(de)差異。
色彩心理(lǐ)學
色彩對(duì)用(yòng)戶所傳達的(de)不僅僅産品本身的(de)信息,而且也(yě)對(duì)于用(yòng)戶的(de)心理(lǐ)有著(zhe)顯著的(de)影(yǐng)響。不同的(de)色彩傳遞著(zhe)不同的(de)感受,同時(shí)這(zhè)還(hái)和(hé)你所處的(de)國家地區(qū)以及文化(huà)背景有著(zhe)緊密的(de)聯系。不過一般而言,不同的(de)色彩世界範圍内絕大(dà)多(duō)數的(de)國家與地區(qū)所代表的(de)含義、傳遞的(de)情緒是大(dà)同小異的(de):
紫色的(de)使用(yòng)頻(pín)率并不算(suàn)高(gāo),它本身的(de)這(zhè)種稀缺性使得(de)它在設計使用(yòng)中有著(zhe)特殊的(de)地位。曆史上,曾經一度隻有歐洲皇室能使用(yòng),直到今天,它依然保持著(zhe)某種奢侈感。将紫色運用(yòng)到網頁或者APP中,常常會給用(yòng)戶一種高(gāo)端的(de)感覺。
一個(gè)有趣的(de)調查表明(míng),有接近75%的(de)兒(ér)童喜歡紫色和(hé)相近的(de)色彩。
藍色:舒适,放松,信任
藍色是天空和(hé)海洋的(de)色彩,它是UI設計中最重要也(yě)是最常用(yòng)的(de)色彩,你在設計中所選取的(de)藍色的(de)色調和(hé)色度,都會直接影(yǐng)響到你的(de)設計對(duì)于用(yòng)戶的(de)影(yǐng)響。
·淺藍色給人(rén)清爽、自由、平靜的(de)感覺。這(zhè)種輕松友好的(de)氛圍還(hái)能轉化(huà)爲信任的(de)感覺,這(zhè)也(yě)是爲何如此多(duō)的(de)銀行類網頁/APP會使用(yòng)淺藍色。
·深藍色能夠給人(rén)強大(dà)而可(kě)靠的(de)感覺。
紅色:危險,重要,激情
紅色是血與火的(de)顔色,它是最強大(dà)的(de)色彩之一,同時(shí)代表著(zhe)愛(ài)與戰争。
紅色所傳遞出的(de)情緒是非常激烈的(de),甚至可(kě)以直接引起相應的(de)生理(lǐ)變化(huà),包括血壓升高(gāo),呼吸頻(pín)率提升,等等。
橙色:自信、能量、樂(yuè)觀
橙色同樣是非常鮮豔的(de)色彩,它和(hé)紅色也(yě)有著(zhe)許多(duō)共通(tōng)的(de)地方,但是相對(duì)而言程度較低。它沒有紅色那麽強烈的(de)侵略性,但是它同樣有著(zhe)精力充沛的(de)含義,可(kě)以營造出積極向上的(de)情緒和(hé)氛圍。
就像紅色一樣,橙色同樣具備有很高(gāo)的(de)識别度,能夠強烈地吸引用(yòng)戶的(de)注意力,高(gāo)亮特定元素的(de)作用(yòng)。另一方面,一些研究表明(míng),橙色還(hái)能傳遞出“便宜”的(de)含義,這(zhè)也(yě)是爲什(shén)麽許多(duō)電商網站和(hé)APP會傾向于将購(gòu)物(wù)車和(hé)購(gòu)買相關的(de)鏈接标識爲橙色。
黃(huáng)色:陽光(guāng),幸福,注意
黃(huáng)色是非常有意思的(de)色彩,它同時(shí)具備了(le)幸福和(hé)焦慮兩種特性,不得(de)不說它的(de)這(zhè)個(gè)特征非常的(de)哲學。在設計中,黃(huáng)色非常容易引起注意力,所以它也(yě)是日常生活中近視标識的(de)常用(yòng)色。盡管它在警示效果上不如紅色強烈,但是依然給人(rén)傳遞出危險的(de)感覺。
當黃(huáng)色與黑(hēi)色搭配起來(lái)的(de)時(shí)候,可(kě)以獲得(de)更多(duō)的(de)關注,著名的(de)紐約出租車就是采用(yòng)的(de)這(zhè)樣的(de)設計。
綠(lǜ)色:自然、生長(cháng)、成功
與綠(lǜ)色聯系最緊密的(de)毫無疑問是自然。絕大(dà)多(duō)數的(de)植物(wù)都是綠(lǜ)色的(de),它與生長(cháng)和(hé)健康都有著(zhe)緊密的(de)關聯。
在設計中,綠(lǜ)色可(kě)以起到平衡和(hé)協調的(de)作用(yòng),在今年,也(yě)就是 2017 年,年度色就是草(cǎo)木(mù)綠(lǜ),它甚至被稱爲新的(de)中性色。不過在設計過程中,綠(lǜ)色的(de)飽和(hé)度需要好好控制。高(gāo)飽和(hé)度的(de)綠(lǜ)色讓人(rén)興奮,引人(rén)注意,而低飽和(hé)度的(de)綠(lǜ)色則接近中性色的(de)作用(yòng),可(kě)以平衡整個(gè)設計。
白色:健康,純潔,高(gāo)尚
白色通(tōng)常代表著(zhe)純潔,給人(rén)以幹淨、健康、高(gāo)尚的(de)感覺。由于白色常常同健康服務和(hé)創新啊所關聯,所以你可(kě)以使用(yòng)白色來(lái)強調安全性,推廣醫療和(hé)高(gāo)科技的(de)産品。
在設計當中,白色常常用(yòng)作留白,用(yòng)以突出周圍的(de)色彩、控件。正确使用(yòng)留白是一項非常重要的(de)設計技能。以Google首頁爲例,白色讓其他(tā)的(de)色彩更加突出,更有力量
灰色:正是,中性,專業
灰色代表中性和(hé)中立。相比于其他(tā)的(de)顔色,灰色更爲安全,當灰色作爲主色調而存在的(de)時(shí)候,能讓設計的(de)形式感更爲強烈,這(zhè)并不算(suàn)壞事。和(hé)白色相似,這(zhè)種中性色能夠讓其他(tā)的(de)色彩更爲顯眼。
黑(hēi)色:力量,優雅,精緻
黑(hēi)色是所有色彩中最有力量的(de),它能夠很快(kuài)地吸引用(yòng)戶的(de)注意力,這(zhè)也(yě)是爲何它是文字的(de)基準色,也(yě)常常作爲許多(duō)設計的(de)主色。
在 Squarespace 這(zhè)個(gè)網站中,黑(hēi)色的(de)“Get Start”按鈕非常引人(rén)注意。
必須承認,同樣的(de)色彩,不同的(de)人(rén)所看到的(de)是不一樣的(de)。大(dà)約有8%的(de)男(nán)性和(hé)0.5%的(de)女(nǚ)性是色盲,而色弱的(de)用(yòng)戶也(yě)不在少數。紅綠(lǜ)色盲是最常見也(yě)是占比最多(duō)的(de)視覺障礙者,所以,盡量避免将這(zhè)兩種色彩搭配到一起,至少不要用(yòng)作關鍵的(de)信息用(yòng)色,這(zhè)樣能規避不少問題。
正如同W3C的(de)規則所說,色彩不應該用(yòng)作唯一的(de)交互指示标識,設計師應該提供更加清晰的(de)作物(wù)指示信息,比如“您所輸入的(de)電子郵件地址無效”,最起碼要提供相應的(de)錯誤圖标作爲标識。
文章(zhāng)整理(lǐ):威海網絡公司 http://www.zccn.cc