旗下產業(yè): A產業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設計 > UI設計配色方案怎樣不出錯

UI設計配色方案怎樣不出錯

時間:2020-11-05來源:5wd995.cn點擊量:作者:Arya
時間:2020-11-05點擊量:作者:Arya

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

UI設計配色方案怎樣不出錯
 

  顏色可以吸引觀眾注意相關信息,影響整體體驗,與用戶建立情感聯系,并提高品牌知名度。UI設計配色經驗。
 

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

  選擇調色板
 

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

  考慮一下您的潛在用戶是誰,以及他們希望從您的產品中獲得什么。目標受眾的偏好始終是做出產品顏色決策的好關鍵。
 

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

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

  ‍選擇主要顏色
 

UI設計配色方案怎樣不出錯
 

  也許您的產品已經有一個品牌及其主要顏色。這是幫助您開始構建的良好起點。
 

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

  設置其他顏色
 

UI設計配色方案怎樣不出錯
 

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

  在設計配色方案時,一個好的經驗法則是不要使用超過3-4種原色。代替使用大量的顏色,最好使用它們的陰影和色調。
 

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

UI設計配色方案怎樣不出錯
 

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

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

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

  技巧和竅門
 

  旋轉色輪
 


 

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

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

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

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

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

  整理顏色
 

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

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

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

  通常,設計師會犯一個錯誤,就是簡單地將顏色轉換為深色主題。在深色背景上,較淺的顏色會出現。在淺色背景上,深色則脫穎而出。設計深色主題時,您實際上需要重新組合配色方案,這取決于在深色環(huán)境中與界面的交互。您將不得不將強調色略微調暗,將淺色背景更改為深色,然后降低文本的亮度。可以了解Google和Apple對深色主題的感覺。
 

  照顧偶然性嗎?
 

  在選擇調色板和顏色組合時,設計人員應考慮具有特殊需求或殘障的不同年齡的用戶。
 

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

  用漸變
 

  UI設計陰影和漸變是潮流,漸變是近年來的設計趨勢??梢砸淮螌追N顏色組合在一起,以增加對象的深度并強調其形狀。也請嘗試使用不同類型的漸變(徑向或角度漸變,而不是通常的線性)和不同角度。組合相似的顏色:溫暖與溫暖,以及寒冷與寒冷。最佳漸變通常非常微妙,顏色之間沒有太大差異。這些漸變更加自然,令人愉悅。
 

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

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2022/ 5wd995.cn 北京漫動者數字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網安備 11010802035704號

網站地圖