第 2 步：選擇你的次要顏色

次要顏色應補充主色并提供視覺趣味。要選擇次要顏色，請考慮以下因素：

色彩理論：查看色輪并選擇與主色互補的顏色。例如，如果主色是藍色，可能需要使用橙色或黃色等互補色。

對比度：選擇與主色形成足夠?qū)Ρ榷鹊念伾?。這將使設計更清晰易讀。例如，如果主色是深色，可能需要使用較淺的輔助色。

情緒：考慮想要喚起的情緒并選擇支持設計目標的顏色。例如，如果正在設計一款健身應用程序，可能希望使用充滿活力的顏色，例如紅色或橙色。

一旦你選擇了你的次要顏色，就可以用它來突出你設計中的重要元素，例如標題、副標題或號召性用語按鈕。

第 3 步：選擇你的強調(diào)顏色

強調(diào)色是一種流行色，可為設計增添些許興奮感和對比感。要選擇強調(diào)色，請考慮以下因素：

色彩理論：查看色輪并選擇與主色和輔助色形成對比的顏色。例如，如果主色是藍色，次要色是綠色，可能需要使用粉紅色或黃色等強調(diào)色。

對比度：選擇一種與主色和輔助色形成足夠?qū)Ρ榷鹊膹娬{(diào)色。這將使設計在視覺上更加有趣和動感。

情緒：考慮您想要喚起的情緒并選擇支持設計目標的強調(diào)色。例如，如果正在設計一個美食應用程序，可能想要使用一種溫暖而誘人的顏色，例如紅色或橙色。

一旦選擇了強調(diào)色，請謹慎使用它來吸引對設計中特定元素的注意，例如圖標、徽章或鏈接。

使用 60–30–10 規(guī)則的技巧

現(xiàn)在已經(jīng)知道如何將 60–30–10 規(guī)則應用到UI 設計中，讓我們看看一些有助于有效使用它的技巧：

嘗試不同的顏色組合：60-30-10 規(guī)則是一個指導方針，而不是嚴格的規(guī)則。不要害怕嘗試不同的顏色組合并調(diào)整比例以滿足設計目標。

使用陰影和色調(diào)：要增加配色方案的深度和復雜性，請使用主色和輔助色的陰影和色調(diào)。這將創(chuàng)建一個有凝聚力和和諧的設計。

使用調(diào)色板：使用在線工具根據(jù) 60–30–10 規(guī)則創(chuàng)建調(diào)色板。這將節(jié)省時間并幫助您選擇可以很好搭配的顏色。

測試你的設計：選擇顏色后，在不同的設備和不同的照明條件下測試設計。這將確保設計清晰易讀，可供所有用戶訪問。

結(jié)論

60–30–10 規(guī)則為 UI 設計選擇顏色提供了一個簡單實用的框架。通過了解主色、輔助色和強調(diào)色的作用，可以創(chuàng)建平衡和諧的配色方案，以增強用戶體驗并實現(xiàn)設計目標。無論是在設計網(wǎng)站、應用程序還是產(chǎn)品，60-30-10 法則都可以幫助在顏色選擇方面做出明智的決定，并創(chuàng)建既實用又美觀的設計。

請記住嘗試不同的顏色組合，使用陰影和色調(diào)來增加深度和復雜性，并測試設計以確保所有用戶的可訪問性和易讀性。通過遵循這些提示，可以將 UI 設計提升到一個新的水平，并給觀眾留下持久的印象。

?