UI設(shè)計配色方案怎樣不出錯

　　UI顏色是產(chǎn)品品牌的重要組成部分。為徽標(biāo)選擇正確的配色方案非常重要，這將會是公司標(biāo)識，企業(yè)UI色。為網(wǎng)站或應(yīng)用程序配置正確的配色方案同樣重要，AAA教育武老師為大家分享UI設(shè)計配色方案怎樣不出錯。
 

　　顏色可以吸引觀眾注意相關(guān)信息，影響整體體驗，與用戶建立情感聯(lián)系，并提高品牌知名度。UI設(shè)計配色經(jīng)驗。
 

　　但是，從品牌書中選取相同的顏色并在網(wǎng)站上使用它們是很不合適的。對顏色的感知取決于涉及多個方面的許多因素：用戶交互和行為，產(chǎn)品業(yè)務(wù)以及當(dāng)前的設(shè)計趨勢。沒有一種特定的選擇可用于所有目的。
 

　　選擇調(diào)色板
 

　　每當(dāng)您創(chuàng)建配色方案時，從目標(biāo)受眾及其需求開始就很重要。顏色本身并不是可以感知的，它需要一個可以感知顏色的上下文。
 

　　考慮一下您的潛在用戶是誰，以及他們希望從您的產(chǎn)品中獲得什么。目標(biāo)受眾的偏好始終是做出產(chǎn)品顏色決策的好關(guān)鍵。
 

　　找出您的產(chǎn)品對用戶意味著什么。每個利基市場都有自己的特征，趨勢和標(biāo)準(zhǔn)。借助某些顏色，您可以創(chuàng)建所需的心情。娛樂產(chǎn)品的配色方案大多明亮，大膽，并帶有許多重點，而公司風(fēng)格則更涼爽，中性和簡單。
 

　　通過確定UI的主要目標(biāo)，您可以輕松找到用于選擇特定顏色的參數(shù)。例如，如果用戶界面主要是文本，則淺色主題將在其中創(chuàng)建一個重點閱讀的空間。照片編輯界面通常較暗，以使圖像看起來更深。您需要這個UI設(shè)計配色攻略。
 

　　‍選擇主要顏色
 

　　也許您的產(chǎn)品已經(jīng)有一個品牌及其主要顏色。這是幫助您開始構(gòu)建的良好起點。
 

　　如果要從頭開始創(chuàng)建設(shè)計，但尚未準(zhǔn)備好調(diào)色板，則可以從與產(chǎn)品關(guān)聯(lián)的任何內(nèi)容開始。這些應(yīng)該是1-2種的顯示顏色，在其他背景下立即可見，并突出顯示重要的界面，例如按鈕，鏈接和其他交互元素。
 

　　設(shè)置其他顏色
 

　　大多數(shù)人會很容易地以2–3種顏色組合來感知界面。太多的顏色模糊了設(shè)計中元素的層次結(jié)構(gòu)，使您更難以專注于正確的事物。
 

　　在設(shè)計配色方案時，一個好的經(jīng)驗法則是不要使用超過3-4種原色。代替使用大量的顏色，最好使用它們的陰影和色調(diào)。
 

　　不要忘記輔助功能和黑暗主題
 

　　由于不易受黑色像素影響的OLED屏幕的普及以及Google和Apple的新操作系統(tǒng)的功能，當(dāng)今的深色主題已不是增加設(shè)計可變性的簡便方法，但已經(jīng)成為接口的標(biāo)準(zhǔn)。因此，在創(chuàng)建配色方案時，需要記住如何使其適應(yīng)暗模式。UI設(shè)計陰影是重要的。
 

　　設(shè)計師忘記的另一個重要方面是人們對某些顏色的個體感知。他們以完全不同的顏色看到您的設(shè)計，這些顏色可能具有不同的陰影或?qū)Ρ榷?。這種特殊的感覺破壞了設(shè)計人員想要的接口的所有可用性。設(shè)計方案很重要，以使它們的顏色在具有不同顏色感知的人使用時匹配。
 

　　請記住要在不同的設(shè)備和屏幕上以及不同的條件下測試顏色組合。測試甚至可以在用戶看到產(chǎn)品之前就揭示出配色方案的優(yōu)缺點。
 

　　技巧和竅門
 

　　旋轉(zhuǎn)色輪
 

        色輪是最簡單但最重要的設(shè)計器工具。在色輪中的顏色中，有紅色，綠色，藍(lán)色三種原色，稱為原色。通過混合這三種顏色可以創(chuàng)建所有其他顏色。UI設(shè)計配色誤區(qū)也要注意避開。
 

　　通過根據(jù)一些規(guī)則組合這些顏色，可以創(chuàng)建適合您產(chǎn)品的多種配色方案。
 

　　例如，如果您在輪子上使用相反的顏色，則它們會形成互補(bǔ)的一對。此配色方案將提供最大的對比度，并用于設(shè)計重點。
 

　　如果您需要較少的對比方案，最好在色輪上使用彼此相鄰的顏色。
 

　　當(dāng)您想在對比度和舒適度之間取得平衡時，三合一配色方案是最佳選擇。
 

　　整理顏色
 

　　為了使設(shè)計與顏色保持平衡，請按以下比例使用顏色：主陰影為60%，補(bǔ)充顏色的為30%，強(qiáng)調(diào)色為10%。這種色彩平衡將在您的設(shè)計中更容易維護(hù)，并且易于使用。另外，不要忘記在設(shè)計系統(tǒng)中添加顏色。
 

　　不要在界面上使用中性灰色(#CCCCCC或#DADADA)，而是向其添加陰影。我們習(xí)慣的顏色總是帶有某種溫暖或冷色調(diào)的陰影。同樣在自然界中，沒有發(fā)現(xiàn)純黑#000000。還應(yīng)使用調(diào)色板中的顏色對其進(jìn)行稀釋。
 

　　不要為深色主題使用相同的顏色
 

　　通常，設(shè)計師會犯一個錯誤，就是簡單地將顏色轉(zhuǎn)換為深色主題。在深色背景上，較淺的顏色會出現(xiàn)。在淺色背景上，深色則脫穎而出。設(shè)計深色主題時，您實際上需要重新組合配色方案，這取決于在深色環(huán)境中與界面的交互。您將不得不將強(qiáng)調(diào)色略微調(diào)暗，將淺色背景更改為深色，然后降低文本的亮度?？梢粤私釭oogle和Apple對深色主題的感覺。
 

　　照顧偶然性嗎?
 

　　在選擇調(diào)色板和顏色組合時，設(shè)計人員應(yīng)考慮具有特殊需求或殘障的不同年齡的用戶。
 

　　具有挑戰(zhàn)性的人群之一是色盲用戶。超過8%的男性和大約0.5%的女性患有這種疾病。使用量身定制的調(diào)色板以適應(yīng)多種色盲的情況非常重要。圖形編輯工具或插件中用于檢查對比度的相應(yīng)模式將為您提供幫助。
 

　　用漸變
 

　　UI設(shè)計陰影和漸變是潮流，漸變是近年來的設(shè)計趨勢。可以一次將幾種顏色組合在一起，以增加對象的深度并強(qiáng)調(diào)其形狀。也請嘗試使用不同類型的漸變(徑向或角度漸變，而不是通常的線性)和不同角度。組合相似的顏色：溫暖與溫暖，以及寒冷與寒冷。最佳漸變通常非常微妙，顏色之間沒有太大差異。這些漸變更加自然，令人愉悅。
 

　　如今，有許多工具可以幫助大家匹配顏色或在不同條件下進(jìn)行測試，十分方便，多用，積累UI設(shè)計的配色經(jīng)驗。擁有工具來幫助您更快，更輕松地完成工作始終是一件好事，讓設(shè)計師可以解放一些時間。以上內(nèi)容就是告訴大家UI設(shè)計配色方案怎樣不出錯，更多資料請關(guān)注AAA教育~