重新定义色轮
重新定义色轮
如何更好地使用颜色创建用户界面设计
当您想到用户界面设计时，会想到什么？它可能是那些干净、整洁且充满柔和色彩的界面之一。这样的设计是极简用户界面设计的经典例子。也就是说，应用程序市场在过去几年中呈爆炸式增长。阳光下几乎每个细分市场都有一个新的应用程序——包括几个围绕颜色的应用程序。在本文中，我们将了解重新定义的色轮如何带来更加生动的用户界面。您将了解将颜色融入设计的不同方法，而不会将自己局限于蓝色和绿色等标准色调。让我们开始吧！
什么是色轮？
色轮是帮助设计师和艺术家组织和分类不同颜色的工具。这是一个有用的工具，因为它可以帮助设计师在为他们的设计选择颜色时做出明智的决定。色轮由不同的“主要”颜色、“次要”颜色和“三次”颜色组成。
- 原色 ：原色是不能分解成其他颜色的三种颜料。红色、蓝色和黄色是制作所有其他颜色的唯一颜色。
- 次要颜色 ：当您将一种原色与另一种原色混合时，您最终会得到一种辅助色。例如，当红色和蓝色混合在一起时，你会得到紫色。当蓝色和黄色混合在一起时，你会得到绿色。
- 第三色 ：当您将一种原色与一种次要颜色混合时，您将获得第三种颜色。例如，如果你将红色和紫色混合在一起，你最终会得到红紫色。如果将蓝色和绿色混合在一起，则会得到蓝绿色。
色彩在 UI 设计中的重要性
在 UI 设计中使用颜色非常重要，因为它会对设计的整体感觉产生巨大影响。 UI设计中的配色方案可以用来营造某种情绪或氛围，从而唤起用户的某种情绪。颜色也可以用来帮助引导用户的注意力，这就是它在 UI 设计中变得如此重要的原因。屏幕上要查看的元素如此之多，用户可能很难知道将注意力转移到哪里，尤其是当他们是应用程序的新手时。通过颜色，设计师可以使某些元素比其他元素更突出，引导用户的注意力。同时，他们可以使用其他颜色来使其他元素在视觉上不那么突出，帮助用户专注于应用程序最重要的方面。
线外着色：使用形状定义和增强颜色
在保持您选择的颜色集的同时为您的设计增加视觉趣味的一个好方法是使用形状来定义这些颜色。您可以使用形状在设计中的某些元素周围创建边框或轮廓，也可以使用它们创建填充有特定颜色的形状，例如设计中的主要颜色。让我们看一些使用形状来增强其配色方案的设计示例：
品牌盒 using simple rectangular blocks of colour to add contrast allowing for clean white text to pop!
欲望创意机构 differentiating solutions clearly with high contrast and lively color
设计 with a Typography led UI using consistent button shape, color & contrast to highlight clickable and toggle areas
将亮色调和暗色调结合在一起
打破标准柔和色彩趋势的另一种方法是将明暗色调结合在一起。例如，通过使用带有深蓝色的亮橙色，您将打破 UI 设计中常见的标准柔和色调。当然，您不想同时使用两种极其鲜艳的颜色。这不仅看起来非常俗气，而且很难看。相反，请尝试使用带有深蓝色的亮橙色。深蓝色经常用于 UI 设计，因为它让人平静和舒缓。橙色是设计中常见的另一种颜色。它是一种充满活力的颜色，可用于创造视觉兴趣并脱颖而出。
将白色和灰色结合在一起
打破标准柔和色调的另一个好方法是将白色和灰色结合在一起。设计师大卫马丁内斯就是一个很好的例子。他的设计使用亮橙色和深蓝色，但他也使用浅灰色来分隔橙色和蓝色部分。在这里，浅灰色充当橙色和蓝色部分之间的视觉屏障，有助于将两者分开，同时仍然保持视觉趣味。您可以将浅灰色与另一种颜色结合使用，以在设计中的某些元素之间创建趣味和视觉分离。
结论
恭喜！您现在是如何在 UI 设计中更好地使用颜色的专家。重要的是要注意，将颜色融入设计的方法不止一种。每个设计都会有所不同，因此您需要根据您正在创建的设计找到将颜色融入设计的最佳方法。最好的方法是尝试一些不同的东西，看看什么最有效。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
