第 2 步：选择你的次要颜色

次要颜色应补充主色并提供视觉趣味。要选择次要颜色，请考虑以下因素：

色彩理论：查看色轮并选择与主色互补的颜色。例如，如果主色是蓝色，可能需要使用橙色或黄色等互补色。

对比度：选择与主色形成足够对比度的颜色。这将使设计更清晰易读。例如，如果主色是深色，可能需要使用较浅的辅助色。

情绪：考虑想要唤起的情绪并选择支持设计目标的颜色。例如，如果正在设计一款健身应用程序，可能希望使用充满活力的颜色，例如红色或橙色。

一旦你选择了你的次要颜色，就可以用它来突出你设计中的重要元素，例如标题、副标题或号召性用语按钮。

第 3 步：选择你的强调颜色

强调色是一种流行色，可为设计增添些许兴奋感和对比感。要选择强调色，请考虑以下因素：

色彩理论：查看色轮并选择与主色和辅助色形成对比的颜色。例如，如果主色是蓝色，次要色是绿色，可能需要使用粉红色或黄色等强调色。

对比度：选择一种与主色和辅助色形成足够对比度的强调色。这将使设计在视觉上更加有趣和动感。

情绪：考虑您想要唤起的情绪并选择支持设计目标的强调色。例如，如果正在设计一个美食应用程序，可能想要使用一种温暖而诱人的颜色，例如红色或橙色。

一旦选择了强调色，请谨慎使用它来吸引对设计中特定元素的注意，例如图标、徽章或链接。

使用 60–30–10 规则的技巧

现在已经知道如何将 60–30–10 规则应用到UI 设计中，让我们看看一些有助于有效使用它的技巧：

尝试不同的颜色组合：60-30-10 规则是一个指导方针，而不是严格的规则。不要害怕尝试不同的颜色组合并调整比例以满足设计目标。

使用阴影和色调：要增加配色方案的深度和复杂性，请使用主色和辅助色的阴影和色调。这将创建一个有凝聚力和和谐的设计。

使用调色板：使用在线工具根据 60–30–10 规则创建调色板。这将节省时间并帮助您选择可以很好搭配的颜色。

测试你的设计：选择颜色后，在不同的设备和不同的照明条件下测试设计。这将确保设计清晰易读，可供所有用户访问。

结论

60–30–10 规则为 UI 设计选择颜色提供了一个简单实用的框架。通过了解主色、辅助色和强调色的作用，可以创建平衡和谐的配色方案，以增强用户体验并实现设计目标。无论是在设计网站、应用程序还是产品，60-30-10 法则都可以帮助在颜色选择方面做出明智的决定，并创建既实用又美观的设计。

请记住尝试不同的颜色组合，使用阴影和色调来增加深度和复杂性，并测试设计以确保所有用户的可访问性和易读性。通过遵循这些提示，可以将 UI 设计提升到一个新的水平，并给观众留下持久的印象。