怎样使UI设计的界面色彩更加协调
新闻来源：优漫教育
日期：2021-11-26
怎样使UI设计的界面色彩更加协调？怎样使界面色彩更加协调？身为UI设计者(或视觉设计师)，色彩的敏感性、色彩应用的常识很重要。
首先来看看色轮。在说到色彩、对比、和谐时，我们一定会想到这些画面：
在色彩、明度和饱和度这三个要素中，值得我们关注。
1.色度
色调是最原始状态的颜色。比如蓝，绿，黄，红，等等，不受任何光、影的改变。
下面这个例子很容易理解：颜色是您在色轮上看到的颜色，它与任何暗色或者饱和度因素无关。
2.明度
亮度代表颜色的明暗程度。在道路上行走时，会看到一些早晨和夜晚色彩变化的元素。举例来说，一座山是棕色的，早晨则是淡黄色，夜晚则是暗色。明度对用户界面起到了很大的作用，它不仅帮助我们获得了很好的对比度，同时也帮助我们构建了一个不同的界面层次。就拿谷歌的MaterialDesign来说，上面这张图就是用不同的明度来突出重点。
不同的明度表达会给我们一种层次。如果一种颜色的亮度是100时，则产生白色。如果一种颜色的亮度是0%，就会产生黑色。以下的图画有助于您的理解。
3、饱和度
好了，再说饱和度，饱和度是指颜色的明亮程度。随着人们对色彩饱和度的提高，色彩变得更加强烈而生动。在降低色彩饱和度的同时，颜色会变得暗淡。当我们将饱和度降至最小时，颜色就会变成灰色。
值得注意的是，因为在现实生活中，我们对色彩饱和度的表现有一定的限制，因此，在诸如书籍、海报等印刷方面不宜过度使用。很明显，在数字世界里，我们有很多可能。
在谈到颜色的时候，另一个重要问题是如何把颜色结合起来。就这一点我们总会想起以前学过的色彩理论课程，特别是对比和和谐部分，但是对比并不总意味着和谐。
4、对比度
如图所示，相反的颜色，尽管对比度较高，但相似的色彩之间却更为协调。
a.第603010条。
“规则603010”，这不是衡量一个超模的标准，而是一个成功的色彩组合。先选择一种主色色，然后用在60%的空间。另一种颜色是第二色，占30%的空间，剩下的10%则用后一种颜色。这个理论曾经广泛应用于室内设计中。
空间总共使用了三种颜色：白、粉、绿，以及绿色给人以强调感。若将这一理论引入界面设计，强调色彩将会成为CTA(动作指令)的颜色。
b.受到自然的启迪。
您知道吗？人的眼睛能看见一千万种颜色？
自然的调色板总能令人意想不到的和谐。树、动物、空间，每一件事都有它独特的色彩，我们只要用心去挖掘。
4、颜色状态
c.黑暗、黑暗、光明、光明、白色。
在用颜色来表示明暗的时候，有一个很常见的错误，即不透明的黑色表示法，即不透明的白色来表示明亮。但是如果我们参考现实生活，就会发现阴暗面总有些基调。
黑夜永远不是黑的，黑夜只是被物体的亮度所掩盖。正如上图所示，柠檬的阴影绿得很深，而木板的阴影却很深，没有一个是黑的。仅当完全无光时，才会呈现出黑色。
d.饱和性测试颜色与和谐。
为了使我们作品中的色彩更协调，可以去掉色彩上的色彩，只保留光影，光影会给人以真实感和深度。
在仅剩灰度的情况下，我们能清楚地观察到不同颜色间的差别，这能帮助我们调节不同颜色的亮度和透明度，使颜色搭配更加协调。
e.灵活变换色调。
现在，不仅界面更干净了，连字体和文字都变得更清楚了。
左侧文字颜色为黑色#000000，右侧为深蓝色#15163D。尽管他们看上去都很黑，但是差别很大，为什么呢？见下图吧。
尽管它们都有同样的不透明性，但是结果却是截然不同的。一只是灰色，另一只是灰蓝色。而且，在使用某种色调的背景下，具有同样色调的文字明显会更和谐。
因此，要想在颜色之间协调，有一种技巧就是让它们拥有一定数量的来自对方颜色的颜色。
上图中，尽管最深的两个颜色看上去都是黑色，但是因为右边的颜色来自于紫罗兰色，并且和黄色互补，这样就可以达到对比和和谐。
也就是说，用黑与灰不好？不！
一切都取决于你怎么做。黑就是中性色，和任何颜色搭配都不错。但有些时候，就像这个例子一样，因为有黄色的存在，所以加入一些补充的其他色调，效果明显要好一些。
f.怎样在颜色上更锐利？
很多人看到色彩饱和度不够、色彩不够是很正常的，因为这个世界并不完美，色彩也不完美。
大多数人都是来自一个仅使用CMYK和有限色彩的物理世界。
在数字世界里，色彩的可能性很大，我们必须有所准备。因此，我强烈建议你们每天浏览一些灵感作品，从中吸取它们的优点。
g.总结
正如生活中的每一件琐事，色彩需要我们不断地操练。一开始可能会很难，也很复杂，但是只要坚持下去，以后会变得更容易。重点：永远不要停止学习。
