UI 設(shè)計(jì)選擇顏色的方法(上)

學(xué)習(xí)創(chuàng)建平衡和諧配色方案的簡(jiǎn)單公式

顏色是 UI 設(shè)計(jì)的一個(gè)重要方面。它可以喚起情緒,設(shè)定心情,引導(dǎo)用戶的注意力。然而,UI 設(shè)計(jì)選擇正確的顏色可能具有挑戰(zhàn)性,特別是如果您不是訓(xùn)練有素的設(shè)計(jì)師。在本文中,我們將向您介紹 60–30–10 規(guī)則,這是一個(gè)簡(jiǎn)單的公式,可以幫助您自信輕松地為您的 UI 設(shè)計(jì)選擇顏色。
什么是 60–30–10 規(guī)則?
60-30-10 規(guī)則是一種流行的色彩理論,室內(nèi)設(shè)計(jì)師、時(shí)裝設(shè)計(jì)師和平面設(shè)計(jì)師使用它來(lái)創(chuàng)建平衡和諧的配色方案。該規(guī)則規(guī)定配色方案應(yīng)由以下比例的三種顏色組成:
· 60%的主色
· 30%的二次色
· 強(qiáng)調(diào)色的10%
主色是設(shè)計(jì)的主色調(diào),應(yīng)該是最突出、最顯眼的顏色。輔助色是輔助主色并提供視覺(jué)趣味的互補(bǔ)色。強(qiáng)調(diào)色是一種流行色,為設(shè)計(jì)增添了一點(diǎn)興奮感和對(duì)比感。
如何將 60–30–10 規(guī)則應(yīng)用于 UI 設(shè)計(jì)
現(xiàn)在您已經(jīng)了解了 60–30–10 規(guī)則的基礎(chǔ)知識(shí),讓我們看看如何將它應(yīng)用到您的 UI 設(shè)計(jì)中。
第 1 步:選擇你的主色調(diào)
主色是配色方案的基礎(chǔ)。它設(shè)定了你設(shè)計(jì)的基調(diào)和情緒,應(yīng)該是最流行的顏色。要選擇主色調(diào),請(qǐng)考慮以下因素:
品牌的顏色:如果正在為某個(gè)品牌設(shè)計(jì) UI,希望使用該品牌的顏色作為您的主色。這將確保一致性并加強(qiáng)品牌知名度。
你的觀眾:考慮你的目標(biāo)觀眾和你想要喚起的情緒。例如,如果正在設(shè)計(jì)一款健康應(yīng)用程序,可能希望使用平靜和舒緩的顏色,例如藍(lán)色和綠色。
你的設(shè)計(jì)目標(biāo):想想你的 UI 設(shè)計(jì)的目的和你想要傳達(dá)的信息。例如,如果正在設(shè)計(jì)一款旅行應(yīng)用程序,可能希望使用橙色和黃色等充滿活力和大膽的顏色。
選擇主色后,請(qǐng)確保它出現(xiàn)在設(shè)計(jì)中最顯眼的區(qū)域,例如背景、標(biāo)題或主按鈕。
下期講解如何選擇次要顏色等敬請(qǐng)期待吧!

?