學(xué)習(xí)以下3個(gè)色彩搭配知識(shí)點(diǎn),將大幅提升你的設(shè)計(jì)體驗(yàn)

2021-04-03    分類: 網(wǎng)站建設(shè)

當(dāng)我們討論色彩的時(shí)候,聊的更多的是色彩的搭配。雖然有些設(shè)計(jì)師認(rèn)為有些色彩是一些純粹的美學(xué)上的選擇,但是實(shí)際上,色彩對(duì)于用戶的心理和行為的影響相對(duì)更深,最終會(huì)反映在用戶體驗(yàn)和行為反饋上。
經(jīng)過深思熟慮的配色最終會(huì)從「不錯(cuò)」提升到「優(yōu)秀」,平庸的配色最終會(huì)降低用戶體驗(yàn),甚至?xí)绊懢W(wǎng)站本身的可用性。
當(dāng)然,色彩理論是一個(gè)相對(duì)復(fù)雜的主題。從用戶體驗(yàn)的角度上來說,色彩所涉及到的遠(yuǎn)不是配色方案這一個(gè)維度。通常,我們聊得最多的是不同色彩所產(chǎn)生的心理效應(yīng),以及多色彩搭配的時(shí),相互之間的影響和可訪問性上的問題。
從掌握色彩的基礎(chǔ)特征,到了解色彩背后的用戶心理特征,接下來就可以逐步過渡到最有價(jià)值的部分:通過意想不到的搭配營造對(duì)比,使用協(xié)調(diào)的組合讓人愉悅,以及讓特定色彩大化地發(fā)揮價(jià)值,達(dá)成設(shè)計(jì)目的。
雖然 藍(lán)/白/灰 三色的搭配有點(diǎn)過度使用,但是這三種顏色確實(shí)是非常實(shí)用的搭配,在金融行業(yè)的應(yīng)用非常普遍,因?yàn)槠渲兴{(lán)色通常和「忠誠、信任」有緊密的關(guān)聯(lián)。
1、色彩心理學(xué)和用戶體驗(yàn)緊密關(guān)聯(lián)
我們其實(shí)沒少討論色彩心理學(xué)上的問題,不過這本身并不是一個(gè)淺顯的問題,色彩的心理影響是一個(gè)主觀且復(fù)雜的話題。不過,能夠利用好色彩心理學(xué)的知識(shí),能夠解決更普遍的設(shè)計(jì)問題。
通常,配色方案會(huì)將色彩數(shù)量控制在 3 到 4 種,每種顏色單獨(dú)的特征和隱喻都非常容易理解,但是搭配起來則沒那么簡單。設(shè)計(jì)師通過學(xué)習(xí)基礎(chǔ)的色彩心理學(xué),將一部分色彩本身的屬性發(fā)揮出來,但是想要控制得更加細(xì)致,則需要了解更多的細(xì)節(jié)和更加深入的知識(shí)。
色彩本身的含義很容易學(xué)習(xí)和記憶,其中更加微妙的含義同樣可以很好運(yùn)用于數(shù)字設(shè)計(jì)。(vandelay design)
雖然黑白灰這樣的色彩作為輔助色廣泛存在于不同的配色方案當(dāng)中,但是它們本身占據(jù)大量面積或者用作主色的時(shí)候,用戶同樣可以感知到。
色彩的配比同樣會(huì)影響體驗(yàn)。以藍(lán)色為例,在簡約的布局當(dāng)中,大面積使用藍(lán)色作為主色調(diào),和在大面積白底上使用很小的一抹藍(lán)色用來強(qiáng)調(diào) cta按鈕,所帶來體驗(yàn)是截然不同的。
另外,網(wǎng)站中細(xì)節(jié)的處理也會(huì)影響整體體驗(yàn),比如zutano 和 p&n bank 同樣是使用紅色和白色作為主要的色調(diào),但是它們的網(wǎng)站所帶來的體驗(yàn)是截然不同的。
2、對(duì)于不同用戶,配色的影響也不相同
雖然不愿意承認(rèn),但是設(shè)計(jì)師們經(jīng)常忽略一些色彩在不同文化當(dāng)中存在的差異,而這是一定不能忽略的。
2.1、文化差異對(duì)配色的影響
比如白色,在西方世界當(dāng)中被視之為純潔純真,和希望有關(guān)。但是在亞洲地區(qū),白色和喪事有時(shí)候是會(huì)產(chǎn)生關(guān)聯(lián),以白色為主的設(shè)計(jì)常常會(huì)被視之為過于「素」,認(rèn)為不夠吉利。
▲不同國家的用色傾向
另外一方面,隨著現(xiàn)代主義運(yùn)動(dòng)的普及,白色也擁有了更加現(xiàn)代的特征,在日本白色甚至和當(dāng)?shù)匚幕Y(jié)合,延伸出更加細(xì)膩獨(dú)特的精神特質(zhì),隨著日本戰(zhàn)后設(shè)計(jì)領(lǐng)域的發(fā)展和崛起,白色在這一地區(qū)的含義則更加豐厚。原研哉在《白》一書當(dāng)中,針對(duì)白色的含義和特征進(jìn)行了非常深入的探討,之后的《subtle》一書當(dāng)中,雖是圍繞紙來探討微妙的體驗(yàn),但是也沒少提及白色本身的特征。
▲《白》和《subtle》
綠色在通常意義當(dāng)中被視作為和財(cái)富、自然、生命力有關(guān)的色彩,但是在某些宗教當(dāng)中被視作為神圣的色彩,它的內(nèi)涵和外延也都是不一樣的。

2.2、歷史對(duì)配色的影響
時(shí)間變化對(duì)于配色所帶來的影響不僅僅如此。比如中日兩國在色彩使用上,還存在一個(gè)非常典型的差異,歷史上日本在一個(gè)很長的周期內(nèi)是作為中國的屬國所存在的,這也使得中國自古以來崇尚飽和度較高的正色,而日本則大多使用飽和度偏低的間色,這一特征可以從兩國的傳統(tǒng)色上體現(xiàn)出來:
▲ 中國傳統(tǒng)色
▲ 日本傳統(tǒng)色
更多的色彩可以查看優(yōu)設(shè)的色彩導(dǎo)航
2.3、性別與配色
不過,有些顏色所包含的含義,在不同的文化體系當(dāng)中差異并不大,比如橙色。不過說道橙色,值得一提的是,色彩的認(rèn)知還存在性別上的差異,有調(diào)研指出,男性更偏好橙色,而女性對(duì)于橙色的喜好則沒有男性那么強(qiáng)烈。
同樣的,時(shí)間對(duì)于色彩的影響最終還會(huì)影響到色彩的性別效應(yīng)。粉色在二戰(zhàn)以前其實(shí)性別意味并沒有那么強(qiáng)烈,但是二戰(zhàn)以后到現(xiàn)在,含義發(fā)生了巨大的變化,在《黑歷史!粉紅色背后的文化現(xiàn)象和心理博弈》這篇文章當(dāng)中,有過詳細(xì)的記述和探討。
2.4、流行趨勢(shì)對(duì)色彩的影響
不過這是更長維度上的變化,在短時(shí)間以內(nèi),流行色的趨勢(shì)變化,對(duì)于用色也也同樣存在影響。這種影響是非常直接的,在時(shí)尚行業(yè)有著非常直接的體現(xiàn),而在網(wǎng)頁和ui設(shè)計(jì)行業(yè),同樣存在存在。
比如 2017 年的潘通年度流行色是草木綠,戳這里了解一下:《玩轉(zhuǎn)草木綠!在這里了解 2017 的年度潘通流行色》。而 2018 年的潘通年度流行色則是紫外光色,這篇文章也有相關(guān)介紹:《這款獨(dú)特的紫色,是為你指引 2018 年設(shè)計(jì)方向的年度潘通色》
紫色的流行在ui設(shè)計(jì)上則體現(xiàn)得非常明顯:
當(dāng)然,我們也會(huì)好奇,是否存在一種色彩,是不分性別文化,大家都會(huì)喜歡的呢?確實(shí)有人通過大規(guī)模的調(diào)研和探索找到了一種「世界上最受歡迎的色彩」,馬爾斯綠:《世界上最受歡迎的色彩出爐了,她的名字叫馬爾斯綠!》
所以,當(dāng)你在設(shè)計(jì)的時(shí)候,如果你的目標(biāo)用戶群體有著清晰的地域或者性別偏向,你可以有目的地利用這些知識(shí)來規(guī)避設(shè)計(jì)陷阱,更好地發(fā)揮色彩本身的功能和優(yōu)勢(shì)。如果受眾廣泛,則可以盡量使用通用性更強(qiáng)的色彩來進(jìn)行設(shè)計(jì)。
3、色彩的情緒與氣質(zhì)
配色在品牌視覺中所發(fā)揮的作用是不言而喻的,但是,色彩本身的內(nèi)涵和情緒特質(zhì)并不是全部。比如一個(gè)行業(yè)當(dāng)中,很多企業(yè)都使用了藍(lán)色,那么你的公司繼續(xù)使用藍(lán)色,可以讓用戶更快「識(shí)別出」你所屬的領(lǐng)域,但是本身也存在讓人混淆的風(fēng)險(xiǎn)。如果你想要在視覺上脫穎而出,可以試著使用不同的色彩。
紅色的含義很豐富,它是既代表危險(xiǎn),也代表激情和亢奮,紫色則有奢華感。維珍航空使用略偏紫的紅色,來作為網(wǎng)頁的設(shè)計(jì)用色,營造出富有奢華而富有激情的氛圍,正面而富有高級(jí)感。
在進(jìn)行品牌設(shè)計(jì)的時(shí)候,選擇配色的第一步,始終是了解各種顏色或者色相的氣質(zhì)和情感屬性。然后,在具體設(shè)計(jì)的時(shí)候,在進(jìn)一步根據(jù)品牌的氣質(zhì)和需求,再在色相的基礎(chǔ)上調(diào)整明暗和飽和度。
下面附上各種色彩的基本情感屬性和氣質(zhì)特征:
紅色:危險(xiǎn),激情,興奮。它是最激烈的顏色,能夠引起更強(qiáng)烈的反應(yīng),甚至引起生理反應(yīng)。更為明亮的粉紅色會(huì)帶有女性化和浪漫的特征,而偏暗的栗色則顯得柔和、高級(jí)而傳統(tǒng)。
橙色:創(chuàng)意、冒險(xiǎn)、青春。橙色富有活力,同時(shí)橙色和 70 年代的時(shí)代氣息聯(lián)系最為緊密,也最能喚起復(fù)古的感覺。

當(dāng)前標(biāo)題:學(xué)習(xí)以下3個(gè)色彩搭配知識(shí)點(diǎn),將大幅提升你的設(shè)計(jì)體驗(yàn)
網(wǎng)站路徑:http://www.bm7419.com/news/106396.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站排名、域名注冊(cè)、網(wǎng)站設(shè)計(jì)公司網(wǎng)站改版、微信小程序

廣告

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

微信小程序開發(fā)