·写在前面
一说到配色，对于新手或者小白设计师来说这个是最难的，排版可以参考别人的，就是这个颜色参考别人的也不一定能够做好，为什么呢？主要是因为很多设计师不是美术专业出身，对颜色接触的少理解的少，没有办法自由的运用。
当然就算是专业的美术生也不一定对颜色理解的非常透彻，这里面包含的东西太多了，今天我们主要说的就是配色，而且是单色配色，就是一种颜色利用不一样的明度和饱和度来做整个页面的配色方案，说白了就是色相不变，调整饱和度和明度。

这种配色方式对我们有什么好处呢？
当我们掌握了单色的配色方案，你对颜色的敏感度就会提升，对单个颜色的把控也会提升，当我们对单独的一个颜色掌握了，再去组合使用也就会更方便一些了。抓紧时间来看看吧。

单色配色方案在设计中使用单一基色，但在设计调色板中包含主色调的各种色调。

这创造了一个非常大胆、戏剧性的外观，同时仍然相对柔软和优雅。

当你在设计中使用单色调调色板时，很容易在设计中营造和谐与平衡的感觉。

为什么要使用单色配色方案？

通过以这种方式限制你的调色板，你甚至可以敞开心扉接受在设计中使用颜色的新颖而有效的方式。

以其专注于颜色匹配和对比，你可以专注于你的创造和有趣的小细节，这些细节赋予你的设计独特的品质。

它消除了因为颜色选择过多而带来的难度和“颜色混乱”。

如果将单色配色方案应用于整个设计，则可以创建从一种设计到另一种设计的平衡变化。

单色被视为最简单的配色方案之一，因此它们是新手设计师的热门选择。你可以只用一种颜色来传达一个重要的信息。

创建单色配色方案的简单方法：

第一步：选择任何一个颜色

我只选择这个颜色“#564094”。因为我经常使用它。我们将它改成HSB，代表色相、饱和度和亮度。

第二步：复制10份主色

只需要复制粘贴相同的颜色10次即可，我们就可以制作出完美的单色配色方案。

第三步：更改亮度值

十六进制的颜色代码是“#564094，HSB的颜色代码是“256、57、58”。现在，我们正在创建一组差异为10的B值。从8到98 。H&S保持不变。

这个差异值可以是任何数字，不仅仅局限于10，也可以是任何点的开始或结束。

第四步：相应的选择颜色

根据制作单色调色板选择3-4种颜色。我选择下面这几种：“#291F47”、“#7356C7”、“#916CFA”。

如何运用单色配色方案？

可以使用我们在前几篇文章中提到的（60/30/10规则）

这种流行的设计技巧是保持界面平衡的好方法。这个公式规定你网站的60% 的应用由你的主色调组成，30%的应该是你的辅助色，剩下的10%应该是你的强调色。

坚持使用这个公式将使眼睛从一个焦点舒适地移动到下一个焦点。

在举一个例子

选择颜色时“#E08938”并使用B值变化来创建不同的阴影。

60/30/10 规则：

最后一个例子：

选择的颜色是“#214721”并使用 B 值变化创建不同的阴影。

60/30/10 规则：

·总结

好了我们总结一下，本篇文章主要说的是单色配色，从如何创建、如何使用讲起。
如何创建：

• 选择任何一个颜色

• 复制10份

• 更改亮度值

• 相应的选择颜色
  

如何运用：记住：60/30/10原则


·写在后面
各位刚入行的设计师，关于前期的配色方案，我现在只能帮你到这里了，为什么这么说呢？主要还是因为过多的颜色搭配会导致你使用颜色混乱，刚开始可以尝试用一种颜色通过调整B的值，也就是亮度的值来匹配相对应的颜色，记住一定要设定颜色之间的差异值哦，这个值是自己来定的。通过你想要的效果从这些颜色中选择相对应的颜色，利用60/30/10的原则去搭配，经过日积月累的尝试，我相信未来不管是平面设计、网页设计还是UI设计的界面颜色搭配你都能够运用自如。各位，加油！！               

本文转载自 术心公众号 仅供个人学习使用