在UI中的色彩搭配机制有哪些
新闻来源：优漫教育
日期：2021-07-26
怎样才能更好地运用色彩，是众多UI设计培训学校学员面临的一个重大问题。对初学者来说，他们可能不知道如何匹配界面的颜色。
笔者思考过。如是直接作为UI设计培训学校教程，您可以从中学习。或许你能用得很好，但如果你把案例教程放到一边，自己再做一次，你就会回到无头苍蝇的状态，不知道怎么搭配颜色。因此先从理论上认识色彩，再结合案例，真正把握色彩。
颜色的三个要素是色调、亮度和纯度。那三点意味着什么？可理解如下：
色度指颜色的外观。各种波长决定了不同的色调，这是你可以感知的直觉。色彩是色彩的直接表现，是颜色的灵魂。
从频谱上看，红色、橙色、黄色、绿色、蓝色、紫色等等，由于其波长不同，给人的色彩感受也不尽相同。他们是基本色调。其它颜色如象牙白、柠檬黄等都是指特定色调，不同色调有不同的称谓。请注意，黑与白是无色的。
比如，音色就像人的外貌。二人的不同通常意味着两个人长得不一样。实际上，在色彩上的“外观”是一回事。一般人往往忽视色彩的明度、纯度等要素。颜色是对色调的直接表达。
光度指颜色的亮度。亮度可以说是颜色的骨架。色彩结构中，明度起着关键的作用。轻型具有明显的独立性。颜色可独立于色相和纯度而存在，颜色的纯度和色相总是伴随着明度，因此明度是颜色的骨架。
也许有人并不能完全理解这一点。通常的解释是在色调上加上白色和黑色。各种颜色变暗变暗。根据光谱图，我们可以看到明亮的颜色是黄色，它位于光谱的中心。暗色为紫色，在光谱边缘。
接近亮的一边，从白到黑被称为高调。暗表面附近的颜色叫做淡色，中间部分为中音；明亮的对比称为长调，灯光对比称为短调，中等亮度的对比称为中音。改善色彩亮度的方法是加入白色或稀释颜色。
纯指颜色亮度，即饱和度、纯度和颜色。直觉是指颜色的新鲜与混浊。纯色是原色。当纯度下降时，颜色就变得暗而明亮。纯净就是失去颜色变成无色，即黑色，白色，灰色。
三种关系。
知道色彩的具体原理，那么它们之间的关系是什么，按照以上的说法，那么亮度和纯度之间的关系是什么？让我们通过一些图片来说明：
那在用户界面设计过程中该怎么做颜色匹配呢？本文从四个方面进行阐述。接口设计中的比例：颜色通常分为主色、次色和辅助色。所占比例分别是20%-30%,5%-10%和5%。由于颜色比例的不同，界面不会显得突兀或主次明显。
除了背景外，应用程序中的主要颜色是我们在应用程序中看到的普通颜色。还可说主色是此应用程序的代表颜色。
用户界面设计时，主色主要用于导航条、状态条、标签条等，但一般说来，颜色面积不会太大，仅占页面的20%-30%。
所谓次色主要是用来协调主色调，调整一些状态，比如图标的按压状态。
一般说来，我们通过在主色的同一色调上加入黑或白来调整暗色。
辅色，顾名思义，是应用程序的辅助颜色。还可以简单地理解为颜色的点缀。辅色的点缀使整个界面看上去更加丰富。常用于分类导航图标，设置功能图标，讯息(多功能红色)，标签等，其颜色占整个页面颜色的5%-10%。
一般而言，我们使用多个应用的背景色是无色系统(主要是黑白灰)。使用一个没有颜色的系统作为背景，使整个界面看上去更整洁。通常用于背景、文字、块、线、边界等界面处。接口有多底色，
一般说来，为了让网页更有吸引力，我们一般用亮一点的颜色，但是不要用饱和度高或者纯色，因为这些颜色太刺眼，所以在再次使用时要注意柔和和不刺激。
正如我刚才所说，不要使用非常纯的颜色，比如纯黑色和纯黑色，因为纯色不好看，太炫。UI设计培训学校在使用色彩时，可以充分利用透明度，使色彩过度。你也可以将不同的色彩融合在一起，以柔和的灯光效果，让画面看上去更和谐。自然地，在使用颜色时，也要始终注意内容之间的对比，以便文字和其他内容能够被完全识别。
