作者：ZoeYiker
鏈接：http://www.reibang.com/p/427a419266a4
用戶(hù)體驗(yàn)設(shè)計(jì)涉及許多流程缩挑，需要仔細(xì)深入地思考才能使界面滿(mǎn)足目標(biāo)受眾的需求精盅。即使看起來(lái)不太復(fù)雜，每一步都需要對(duì)細(xì)節(jié)的深入關(guān)注溯祸。
顏色選擇是用戶(hù)界面創(chuàng)建過(guò)程中一個(gè)耗時(shí)的重要階段。設(shè)計(jì)師有時(shí)需要花幾個(gè)小時(shí)選擇正確的顏色舞肆。在本文中焦辅，我們將介紹六個(gè)有用的技巧，幫助設(shè)計(jì)師為UI選擇強(qiáng)有力的顏色椿胯，并使此過(guò)程更輕松筷登，更高效。
技巧1.了解60-30-10規(guī)則
這種規(guī)則或技術(shù)來(lái)自室內(nèi)設(shè)計(jì)哩盲，因此常用于房屋裝飾前方。這個(gè)想法很簡(jiǎn)單。為了使構(gòu)圖達(dá)到平衡廉油，顏色應(yīng)該以60％-30％-10％的比例組合惠险。最大的比重應(yīng)該是主色調(diào)，次要顏色占三分之一抒线，剩余10％的顏色用于幫助強(qiáng)調(diào)和點(diǎn)綴班巩。
這樣的比例被認(rèn)為是可以令人眼感到愉悅的，因?yàn)樗軌蚴褂脩?hù)逐漸感知所有的視覺(jué)元素十兢。了解了適當(dāng)?shù)念伾壤たⅲO(shè)計(jì)師可以成功地將顏色搭配起來(lái)摇庙，而不會(huì)產(chǎn)生使界面多彩混亂的風(fēng)險(xiǎn)。
技巧2.對(duì)比是朋友
色彩對(duì)比是任何視覺(jué)構(gòu)圖的關(guān)鍵部分遥缕。它為每個(gè)UI元素帶來(lái)了獨(dú)立性卫袒，并使所有這些元素都引人注目。僅明暗度不同的相同色系顏色的用戶(hù)界面很難吸引用戶(hù)的注意单匣。而且夕凝，在這個(gè)UI中復(fù)制內(nèi)容看起來(lái)難以辨認(rèn)，這使得與產(chǎn)品的交互幾乎不可能户秤。
設(shè)計(jì)師根據(jù)它應(yīng)該完成的目標(biāo)來(lái)控制對(duì)比度的等級(jí)码秉。例如，如果您需要用戶(hù)特別注意特定的用戶(hù)界面元素鸡号，最好使用兩種高對(duì)比度的顏色转砖，例如藍(lán)色和紅色。CTA按鈕（Call to Action用戶(hù)行為號(hào)召）設(shè)計(jì)通常使用高對(duì)比度的顏色設(shè)計(jì)鲸伴。
但是府蔗，從UI的整體構(gòu)成來(lái)說(shuō)，高水平的色彩對(duì)比可能并不總是奏效汞窗。如果復(fù)制內(nèi)容和背景顏色對(duì)比太強(qiáng)烈姓赤，則很難閱讀或掃描文本。這就是為什么設(shè)計(jì)師被建議創(chuàng)造一個(gè)溫和的對(duì)比度等級(jí)仲吏，并應(yīng)用高對(duì)比度的顏色來(lái)突出顯示元素不铆。各種設(shè)備上的用戶(hù)測(cè)試可幫助設(shè)計(jì)人員確保其解決方案的有效性。
技巧3.考慮色彩心理學(xué)
正如我們?cè)谇拔奶岬降墓簦睦韺W(xué)是幫助設(shè)計(jì)工作流程的基礎(chǔ)研究之一誓斥。有一種心理學(xué)分支表明顏色對(duì)人類(lèi)情緒和行為的影響，稱(chēng)為色彩心理學(xué)许帐。它表明我們的大腦對(duì)顏色有反應(yīng)岖食，而我們通常不會(huì)注意到它。當(dāng)人眼看到一種顏色時(shí)舞吭，我們的大腦向內(nèi)分泌系統(tǒng)發(fā)出信號(hào)泡垃，釋放對(duì)心情和情感負(fù)責(zé)的激素。
每種顏色對(duì)我們的想法都有其自身的影響羡鸥，并且可能的反應(yīng)可以幫助設(shè)計(jì)師傳遞正確的信息并呼吁用戶(hù)做出預(yù)期的行動(dòng)蔑穴。以下是顏色含義的簡(jiǎn)短列表。
紅色 ：它同時(shí)具有好與壞的象征惧浴，象征著愛(ài)情存和，自信，激情和憤怒等。
橙色 ：充滿(mǎn)活力和溫暖的色彩帶來(lái)興奮的感覺(jué)捐腿。
黃色 ：這是幸福纵朋，陽(yáng)光，歡樂(lè)和溫暖的顏色茄袖。
綠色 ：自然的色彩帶來(lái)平靜和煥然新生的感覺(jué)操软。
藍(lán)色 ：它通常代表一些企業(yè)形象，也可能與距離和悲傷有關(guān)宪祥。
紫色 ：長(zhǎng)期與皇室和財(cái)富有關(guān)聂薪。這也是一種神秘和魔力的顏色。
黑色 ：它與悲劇和死亡聯(lián)系在一起蝗羊，意味著神秘藏澳。它可以同時(shí)是傳統(tǒng)的和現(xiàn)代的。
白色 ：顏色意味著純潔無(wú)瑕耀找，以及整體性和清晰度翔悠。
另外，設(shè)計(jì)師需要記住野芒，視覺(jué)感受對(duì)每個(gè)人來(lái)說(shuō)都是非常獨(dú)特的凉驻。年齡和性別等因素對(duì)色彩偏好有很大影響，因此了解目標(biāo)受眾的特征至關(guān)重要复罐。您可以在我們之前的文章中找到顏色含義和偏好的詳細(xì)說(shuō)明。
技巧4.不要忘記文化差異
每種文化都有自己的傳統(tǒng)和信仰雄家，所以在選擇顏色之前效诅，你需要確保它們會(huì)被解讀成你想表達(dá)的含義。事實(shí)是有時(shí)一種顏色在不同國(guó)家可能有完全相反的意思趟济。例如乱投，在歐洲國(guó)家，白色代表純度顷编，常用于婚禮戚炫，而在許多亞洲國(guó)家，這種顏色意味著死亡和悲傷媳纬。錯(cuò)誤的使用可能會(huì)導(dǎo)致對(duì)產(chǎn)品可能致命的誤解双肤。通過(guò)承認(rèn)文化色彩感知的特點(diǎn)，設(shè)計(jì)師可以減少被誤解的風(fēng)險(xiǎn)钮惠。
技巧5.努力使顏色和諧
和諧是UI設(shè)計(jì)努力的目標(biāo)茅糜。為了讓用戶(hù)感到高興和舒適，設(shè)計(jì)人員嘗試將平衡帶入用戶(hù)界面設(shè)計(jì)素挽。色彩和諧是關(guān)于設(shè)計(jì)中色彩以最有吸引力和最有效的方式用于用戶(hù)感知的方式蔑赘。和諧的顏色有助于網(wǎng)站或應(yīng)用程序獲得良好的第一印象。
經(jīng)過(guò)多年的搜索，設(shè)計(jì)師們區(qū)分了有效運(yùn)作的基本配色方案缩赛。讓我們看看他們是什么耙箍。
單色 ：色彩和諧基于一種顏色的各種色調(diào)和明暗關(guān)系。
相近色：該方案應(yīng)用在色輪上彼此相鄰的顏色酥馍。
互補(bǔ)色 ：它是在色輪上彼此相對(duì)放置的顏色混合辩昆，旨在產(chǎn)生高對(duì)比度。
互補(bǔ)色分割 ：這個(gè)方案與前一個(gè)方案類(lèi)似物喷，但是它采用了更多的顏色卤材。例如，如果您選擇藍(lán)色峦失，則需要取兩個(gè)與其補(bǔ)色相鄰的其他顏色扇丛，例如黃色和紅色。
三位一體 ：它基于色輪上等距的三種不同顏色尉辑。專(zhuān)業(yè)人士建議使用一種顏色作為主導(dǎo)色帆精，其他作為點(diǎn)綴色。
四聯(lián)/雙互補(bǔ)色 ：四色配色方案采用了四種互補(bǔ)配對(duì)的色輪顏色隧魄。如果連接所選顏色的點(diǎn)卓练，它們將形成矩形。
技巧6.從大自然中獲取構(gòu)思
大自然母親是世界上最好的藝術(shù)家和設(shè)計(jì)師购啄。我們?cè)谧匀画h(huán)境中看到的色彩組合總是接近完美襟企。人們喜歡看日落和黎明，秋天的森林和冬天的山脈狮含，因?yàn)樗鼈兂錆M(mǎn)了自然的色彩組合顽悼。
那么，你為什么不嘗試借用一些想法呢几迄？去散散步或搜索美麗的大自然的照片蔚龙，你一定會(huì)找到靈感。
數(shù)碼產(chǎn)品的成功在很大程度上取決于用戶(hù)界面的顏色映胁。正確的顏色會(huì)使用戶(hù)在產(chǎn)品的使用中感到舒適木羹。僅僅通過(guò)使用適當(dāng)?shù)念伾O(shè)計(jì)師可以將人們置于思維的框架中以驅(qū)使他們采取相應(yīng)的行動(dòng)解孙。所以在設(shè)計(jì)中坑填，請(qǐng)明智地做出你的選擇。
