UI设计师配色的超实用黄金法则有哪些
新闻来源：优漫教育
日期：2021-11-26
作为页面设计的新手，您是否仍在努力为自己制作的页面找到一套完美的色彩计划？在本教程中，我们将与您分享6条准则，这些准则肯定会着火并且“不会错”。
您可以根据这些准则掌握基本的颜色规则。我们今天分享的这些准则不是规则，你会在你的职业生涯中发明更多的配色方案。相反，它们是您如何在页面设计领域的色彩方向上谋生的起点和安全策略。
1.需要配色的是你的画布，而不是你的图片。
网页设计中的一个基本原则是，无论您花费多少时间来创建出色的设计，其最终作用都是发挥内容的核心地位。你的配色方案绝不应该“比它所呈现的更响亮”。你的设计应该在后台，以帮助突出网站的内容。浅色画布突出显示图像，而明亮的画布有时不会突出您的内容。
当使用Photoshop或Sketch等软件设计网站时，创建设计的过程往往是相互独立的。有些设计单独看起来很好，可以被你的客户接受，但是当它实际上被设计成网页时，不适当的颜色匹配往往会分散访问者的注意力。事实上，网页设计的过程与内容密切相关。许多高质量的网页看起来是空的，几乎没有内容。
这是一个很好的想法:你可以先在你的网站上布局你的内容，使用设计软件或使用代码，然后围绕你的内容设计你的网页。当然，这也是一个特例。如果一种特定风格的图像和照片可以与您的设计和谐地融合在一起，那么您的设计色彩匹配就是完美的。想象一下，网站的色彩搭配对内容的重要性与衣服对人们的重要性一样，为此您必须制作一套完美而合身的衣服。
2.选择简单的灰色作为你的网站的基调
您可以为网站的色调选择无数种颜色，但是我建议您使用简单的颜色，例如白色/浅灰色和深灰色匹配的文本背景。你可以看看任何流行的网站，模板，主题，白色或浅灰色和深灰色是最多的选择，当然，有很好的理由。这种搭配提高了访问者内容的可读性，并在前面突出显示了您的图片。一般来说，你的文字很容易避免使用黑色墨水，深灰色一般更容易阅读。
当然，这些颜色选择都不是死定了。但是，如果您是新手，则可以放心使用上述配色方案。
3.只选择一种颜色突出显示
如果你选择几种不同的色调，你的大多数配色方案都是有问题的。你使用的颜色越多，你的页面就越难控制。因此，在你的网页基于灰色调的前提下，你只选择明亮的颜色作为你想要突出的东西，如标题、菜单、按钮等。你的高光颜色可以是蓝色、红色、绿色等。选择与您的基调颜色相关的高光颜色。打开颜色选择器，然后单击颜色正方形的中心。现在，您设计的页面具有三种基本颜色:背景颜色，文本颜色和高光颜色。将来，你也可以选择一种以上的高光颜色，但是现在初学者选择一种更合适。
4.如有疑问，请使用蓝色
如果您对高光颜色的选择有疑问，不妨使用蓝色。蓝色是弹性较大的颜色，可以搭配多种颜色。另一方面，如果你使用蓝色，你使用错误颜色的可能性会很低。如果你在犹豫，不知道用什么颜色，不妨用蓝色。更安全的蓝色包括海军蓝到深蓝色(H235-H190)，而我通常选择H205蓝色。
5.为您的高光颜色添加更改
选择突出显示的颜色后，请从该点移动滑块以选择下一个颜色。你的设计中还需要其他颜色。突出显示颜色的轻微变化将使您的颜色选择变得简单，但这并不无聊。
6.尽量不要使用颜色选择器右上角的颜色
颜色选择器的右上角是一片肥沃的土地。它们可以发挥惊人的效果，并且非常有吸引力，但是通常需要大量的经验才能很好地使用它们。如果您没有足够的经验，它们可能会导致事故，因此可以削弱您的颜色，也可以保持更褪色的颜色。这就是为什么在本教程的第三部分，我要求你点击地图右上角中心的颜色来选择你的高光颜色，然后确保你有一个更柔和的颜色开始。为了说明这一点，看看如果我只是改变设计的基调会发生什么。
7.学习建议:单色配色方案
单色配色方案是您采用基本色调并扩展其色调，饱和度和亮度。因此，通过选择高光的颜色及其创建的更改，您实际上创建了一个单色方案。
总结
继续练习基于灰度的单色配色方案，直到您感到自信为止。尝试使用不同的色调，尝试创建不同的高光，并查看它如何更改饱和度和亮度设置，直到可以使用为止。当您感到舒适时，可以添加额外的高光颜色。我建议尝试橙色和蓝色，因为它们往往是简单的二重唱。然后尝试绿色和蓝色，这是我的经验中的第二个简单。这两者经常与客户和访客的称赞相匹配。
为了促进您对Web配色方案的了解，好事是抓住您喜欢的颜色。您可以使用采样器(浏览器扩展程序Colorzilla)，并使用它来研究经验丰富的设计师如何进行丰富的色彩匹配。当你浏览互联网时，你会看到一个很大的突破。您可以使用颜色采样器查看页面上使用的颜色的配色方案。您甚至可以尝试每种色调，以查看哪些饱和度和亮度级别效果良好。也要注意其色彩组合的和谐。
