为您的设计找到正确的颜色组合是最具挑战性的任务之一。这就是为什么我想分享一个简单的三步流程来帮助您。我们在为设计机构的登陆页面选择颜色时将遵循这个过程。

准备工作：使您的布局设计灰度化

在为设计选择颜色之前，您应该将 UI 设计设为灰度，这样颜色就不会分散您的注意力。此决定还将让您将注意力集中到 UI 元素的内容和视觉层次结构上，以便您可以在选择颜色之前对其进行调整。

第 1 步：选择基色

我们需要为我们的应用程序选择一种基色。这种颜色将成为我们页面许多不同部分使用的主要颜色。我们可以将它作为UI设计中的主色，例如作为背景颜色。

为了最大限度地提高成功机会，我们需要决定使用这种颜色向观众传达什么信息。我们选择的颜色会营造出某种情绪，理想情况下，我们需要选择适合我们正在构建的产品的颜色。

如果我们正在构建一个金融应用程序，我们可能会想要使用蓝色，因为它传达了一种安全感。

步骤 2：创建调色板

一旦我们选择了基色，我们就必须找到与之相配的颜色。

我们需要多少种颜色？这个问题的答案没有正确或错误之分。虽然可以创建包含十几种不同颜色的调色板，但最好限制颜色的数量，因为这样可以更轻松地在设计中应用颜色。颜色越多，就越难将它们应用到设计中而不产生视觉噪音。事实上，使用单一颜色可以创造出非常有趣的设计。

对于大多数项目，选择三种颜色就足够了：

• 主色（主要的，我们设计的基色）

• 补色（辅助色，支持原色）

• 强调色（有助于吸引用户注意特定元素（例如号召性用语按钮）的颜色；它应与主要颜色和次要颜色形成鲜明对比，但不会淹没观看者）。

第 3 步：将颜色应用到设计中

有一种简单的方法可以将颜色应用于设计，称为 60-30-10 规则。这是一个经典的装饰规则，有助于为空间创建调色板。它规定房间的 60% 应该是主色，30% 应该是次要颜色，最后 10% 应该是强调色。60–30–10 规则。这是一个经典的装饰规则，有助于为空间创建调色板。它规定房间的 60% 应该是主色，30% 应该是次要颜色，最后 10% 应该是强调色。

在 UI 设计中，我们可以使用主色作为背景，对 30% 的布局元素使用次要颜色，并在剩余 10% 的设计中用户应该注意到的元素使用强调色，例如呼吁采取行动。一旦您将颜色应用于布局设计，结果可能不会像您预期的那么好。您需要使用不透明度等颜色属性来逐渐改善设计的视觉外观。