什么是60–30–10 设计规则？如何为UI界面设计选择颜色？

对于UI界面来说，配色方案非常关键，配色可唤起情感、烘托气氛、引导用户注意力。那么什么是60–30–10 设计规则？如何为UI界面设计选择颜色？一起看看吧。

什么是 60-30-10 规则？
60-30-10 主要用来创建平衡和谐的配色方案的流行色彩理论。该规则规定配色方案应由以下比例的三种颜色组成：
60%的主色 + 30%的中间色 + 10%的强调色，主色即设计的主要颜色，应该是最突出、最明显的颜色。中间/次要颜色是辅助颜色，支持主色并提供视觉趣味。强调色是一种流行色，为设计增添了一点兴奋感和对比感。

如何将 60-30-10 规则应用到 UI 设计中？
品牌颜色：如果您正在为品牌设计 UI，您将需要使用该品牌的颜色作为您的主色。这将确保一致性并增强品牌认知度。

受众：考虑您的目标受众和您想要唤起的情感。例如，如果您正在设计健康应用程序，您可能需要使用平静和舒缓的颜色，例如蓝色和绿色。

设计目标：考虑您的 UI 设计的目的以及您想要传达的信息。例如，如果您正在设计旅行应用程序，您可能需要使用充满活力和冒险精神的颜色，例如橙色和黄色。 选择主色后，请确保它出现在设计中最突出的区域，例如背景、标题或主按钮。

选择辅助颜色次要颜色应补充您的主色并提供视觉兴趣。要选择辅助颜色，请考虑以下因素：色彩理论：查看色轮并选择与您的主色互补的颜色。例如，如果您的主色是蓝色，您可能需要使用橙色或黄色等补色。对比度：选择与主色形成足够对比度的颜色。这将使您的设计更加清晰易懂。

选择你的强调色强调色，即是一种流行色，可为您的设计增添一点兴奋感和对比感。要选择强调色，请考虑以下因素：色彩理论：查看色轮并选择与主色和次要色形成对比的颜色。例如，如果您的主色是蓝色，次要颜色是绿色，您可能需要使用粉色或黄色等强调色。对比度：选择一种与主色和次要色形成足够对比度的强调色。这将使您的设计在视觉上更加有趣和动态。情绪：考虑您想要唤起的情绪，并选择支持您的设计目标的强调色。例如，如果您正在设计一款美食应用程序，您可能需要使用温暖且诱人的颜色，例如红色或橙色。

最后，60–30–10 规则为您的 UI 设计选择颜色提供了一个简单实用的框架。通过了解主色、次要色和强调色的作用，您可以创建平衡和谐的界面设计配色方案，从而增强用户体验并实现您的设计目标。无论您是在设计数字化APP、网站、系统产品，还是其他数字化产品，60-30-10 规则都可以为您提供配色参考。