應(yīng)用程序設(shè)計(jì)中的色彩原則

2021-11-24    ui設(shè)計(jì)分享達(dá)人

顏色會(huì)潛意識(shí)地為觀看者提供有關(guān)應(yīng)用程序的大量信息,即使他們從未閱讀過任何文字。


什么是色彩心理學(xué)?

不同的顏色實(shí)際上可以對人類的情緒甚至行為產(chǎn)生深遠(yuǎn)的影響。這是全球各城市許多綠色和藍(lán)色倡議者背后的想法:綠色和藍(lán)色使觀看者感到更加平靜和放松。

綠色對減輕壓力(和其他因素)的影響如此深遠(yuǎn),以至于實(shí)際上可以幫助人們延長壽命。

這對應(yīng)用程序設(shè)計(jì)意味著什么?

嗯,顏色的影響不僅僅是觀眾喜歡與否,還會(huì)影響他們的感受。例如,深淺不一的藍(lán)色會(huì)激發(fā)忠誠和可靠的感覺。綠色激發(fā)舒適和幸福。黃色與快樂和刺激有關(guān)。紅色讓人興奮并引發(fā)欲望。

但是那些不一定是感覺的東西呢?人們是否也傾向于將某些價(jià)值觀與顏色聯(lián)系起來?

這項(xiàng)調(diào)查要求人們選擇與某個(gè)詞相關(guān)的顏色。他們發(fā)現(xiàn):

  • 信任 = 藍(lán)色(34% 的受訪者)

  • 速度 = 紅色 (76%)

  • 便宜或便宜 = 橙色 (26%) 和黃色 (22%)

  • 高品質(zhì) = 黑色 (43%)

  • 高科技 = 黑色 (26%)、藍(lán)色 (23%) 和灰色 (23%)

  • 可靠 = 藍(lán)色 (43%) 和黑色 (24%)

  • 樂趣 = 橙色 (28%) 和黃色 (26%)

  • 恐懼、恐怖 = 紅色 (41%) 和黑色 (38%)

應(yīng)用程序設(shè)計(jì)人員在開發(fā)應(yīng)用程序時(shí)最好牢記這些關(guān)聯(lián)。然而,這些都不是應(yīng)用程序開發(fā)人員絕對必須遵循的硬數(shù)據(jù)。相反,它們是開發(fā)人員可以遵循的指南,并結(jié)合下面討論的其他設(shè)計(jì)原則。


圍繞顏色的文化差異


在選擇顏色時(shí),牢記應(yīng)用程序的受眾始終是至關(guān)重要的。

例如,在西方文化中,白色往往代表純潔或純真。然而,在亞洲的某些地區(qū),白色是用來表示哀悼、厄運(yùn)和死亡的。顯然,如果應(yīng)用不當(dāng),這可能會(huì)產(chǎn)生嚴(yán)重的意外后果。

為此,設(shè)計(jì)人員應(yīng)該了解他們的受眾并相應(yīng)地選擇顏色,這在日益全球化的社會(huì)中并非易事。


選擇主調(diào)色板


應(yīng)用程序設(shè)計(jì)人員和公司等都應(yīng)該在確定其品牌的主要調(diào)色板之前進(jìn)行仔細(xì)研究。最重要的是考慮觀眾和他們想要傳達(dá)的內(nèi)容。

藍(lán)色是一種流行的顏色,因?yàn)樗c信任和可靠性有關(guān),但它也變得有點(diǎn)過度使用了。

橙色可以與廉價(jià)聯(lián)系在一起,但也可以與樂趣聯(lián)系在一起。

紅色可以令人興奮和振奮,但也代表恐懼。

更好的使用顏色來設(shè)計(jì)應(yīng)用將有助于塑造觀眾的感知。設(shè)計(jì)人員需要了解顏色關(guān)聯(lián)以及用戶如何下意識(shí)地查看設(shè)計(jì)以創(chuàng)建成功的調(diào)色板。


色彩和諧


一旦應(yīng)用程序設(shè)計(jì)人員確定了主要顏色,就該選擇其他顏色了。使用一種顏色很簡單,通常不會(huì)很引人注目。

但是,選擇的顏色需要很好地搭配。

沖突的顏色會(huì)讓觀看者感到不安或有壓力。相反,應(yīng)用程序設(shè)計(jì)者應(yīng)該尋求創(chuàng)造一種賞心悅目的組合。一種會(huì)讓用戶感興趣并讓他們對應(yīng)用程序感覺良好的應(yīng)用程序,從而引導(dǎo)他們嘗試它。

這里有一些設(shè)計(jì)師可以遵循的基本原則,以在他們的設(shè)計(jì)中創(chuàng)造和諧的色彩。


單色

首先是在整個(gè)設(shè)計(jì)中堅(jiān)持使用相同的顏色,但使用不同的色調(diào)。這增加了產(chǎn)品的興趣但又不會(huì)很突兀。


類似色

另一個(gè)流行的選擇是使用類似的顏色。這種方案也很難搞砸,盡管設(shè)計(jì)人員確實(shí)需要了解每種顏色的飽和度。

此方法可以使用色盤上彼此相鄰的顏色。例如,綠色和藍(lán)色,或橙色和紅色。


互補(bǔ)色

互補(bǔ)色方案使用調(diào)色板上彼此相反的顏色。例如,黃色和紫色或藍(lán)色和橙色。

使用互補(bǔ)色時(shí),設(shè)計(jì)師必須仔細(xì)選擇陰影和色調(diào)。如果做得不好,很容易創(chuàng)建一個(gè)視覺上不和諧的方案。

但是,如果做得好,互補(bǔ)色可以使應(yīng)用程序設(shè)計(jì)真正流行起來,并在眾多其他不那么吸引人的應(yīng)用程序圖標(biāo)中脫穎而出。這可以使用戶更有可能選擇該應(yīng)用程序而不是其他類似功能的應(yīng)用程序。


分裂互補(bǔ)色


這種方法有點(diǎn)復(fù)雜,但可以產(chǎn)生一些引人注目的結(jié)果。它采用三種顏色,一種顏色和兩種相鄰顏色的互補(bǔ)色。例如,從紫色開始,然后添加橙色和綠色。

設(shè)計(jì)師必須小心使用這種方法,錯(cuò)誤的組合會(huì)使設(shè)計(jì)從有趣變成突兀。


正確的應(yīng)用程序設(shè)計(jì)顏色

總而言之,應(yīng)用程序設(shè)計(jì)中的顏色世界非常復(fù)雜。沒有一種顏色會(huì)吸引所有觀眾,也不會(huì)適合所有品牌。然而,選擇正確的顏色絕對意味著一個(gè)成功的應(yīng)用程序和一個(gè)普通的應(yīng)用程序之間的區(qū)別。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼ben_lanlan,報(bào)下信息,會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

文章來源:站酷 作者:ZZiUP

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔