如果您是 UI 设计师，您就会知道选择正确的颜色对于创建视觉上令人愉悦且有效的用户界面至关重要。

60–30–10 原则是一个流行的经验法则，可以帮助您为您的设计选择完美的调色板。让我们仔细看看 60–30–10 原则，并探索它如何帮助您提升 UI 设计水平。

什么是 60–30–10 原则？

60-30-10 原则是一个设计规则，建议将设计的调色板分为三个部分：

60%——主色

30%——二次色

10%——强调色

这一原则被广泛应用于各种设计领域，包括UI设计、平面设计和室内设计。

如何在 UI 设计中应用 60-30-10 原则

将 60–30–10 原则应用于您的 UI 设计可以帮助您创建和谐平衡的配色方案。以下是要遵循的步骤：

让我们通过上面的设计更好地理解它。

第 1 步：选择你的主色调

主色是设计中的主要颜色，占调色板 60% 的颜色。这种颜色应该是中性或柔和的色调，例如白色、灰色或米色。您也可以使用品牌颜色作为主色，但要确保它是品牌颜色的更微妙的阴影。

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

辅助色是占调色板 30% 的辅助色。这种颜色应该与主色相得益彰，并为设计增添视觉趣味。

它可以是主色的更亮或更暗的版本，或者是创造视觉流行的对比色。例如，如果您的主色是蓝色，则可以使用较深或较浅的蓝色阴影作为辅助色，或使用橙色等互补色。

第 3 步：添加强调色

强调色是调色板的最后 10%，很少用于为设计添加流行色。

这种颜色应该是配色方案中最亮、最鲜艳的色调，与其他颜色形成视觉对比。您可以使用强调色将注意力吸引到 UI 中的特定元素，例如按钮、图标或标题。

60-30-10 原则是一种简单有效的方法，可以创建具有视觉吸引力且平衡的配色方案。

通过将调色板分为三个部分，您可以创建一个颜色层次结构来引导用户的眼睛，并在设计中营造出一种秩序感和和谐感。

主色设定基调并营造统一感，而次要色增加深度和趣味性，强调色营造焦点并增加能量和对比度。

要记住的一些额外提示：

1. 尝试不同的颜色组合：不要害怕尝试不同的颜色组合，看看哪种最适合您的设计。您可能会发现以前未曾考虑过的令人兴奋的新调色板。
2. 使用对比来发挥你的优势：对比是 UI 设计中的一个强大工具，所以一定要利用它来发挥你的优势。您可以使用互补色或使用相同颜色的浅色和深色来形成对比。
3. 保持一致：一致性是 UI 设计的关键，因此请确保在整个设计过程中始终如一地应用 60-30-10 规则，以创建具有凝聚力的外观。

60-30-10 原则对于想要创建视觉上吸引人且有效的用户界面的 UI 设计师来说是一个有价值的工具。

通过遵循这个经验法则，您可以创建一个和谐且平衡的调色板来引导用户的眼睛并营造出一种秩序感和层次感。

所以下次你设计 UI 时，记得应用 60-30-10 原则，让你的设计更上一层楼！