今天，我将分享一些关于产品设计颜色匹配的知识点。要为文本着色，首先我们需要知道产品（界面）中的文本。在这里，我将产品中的文本分为以下四类：标题类，正文类，提示类和交互类。

欢迎关注作者的微信公众号：王M竞赛

标题类

首先，标题类，标题，顾名思义，让用户在短时间内了解界面的一般内容，注意简洁明了。在应用程序中，标题类通常具有顶栏标题，底栏标题，列表标题，表格标题等。

匹配标题文本的颜色相对简单，选项相对较小。我们通常只使用深灰色或公司颜色。因为标题很重要，所以它不能太引人注目。

根据重要程度，我们可以将标题划分为不同的级别。一般来说，级别越低，标题颜色越浅。深度和深度的结合可以为您的界面带来意想不到的效果。

例如，在微信的好友列表和聊天界面中，用户名和聊天记录的文本颜色正好相反。这实际上非常好理解。好友列表中的用户关心的是朋友是谁，并且当用户在聊天界面中时，用户更关心朋友所说的内容。所以这里有不同的文字阴影，以帮助用户区分。

我们可以看看使用相同配色方案的效果并感受到差异。

我并不是真的建议使用企业颜色作为标题，因为你必须调整企业颜色的饱和度来区分不同的级别，个人觉得这是不合理的。

另外，如果标题系统太复杂，则不可能仅从颜色深度在视觉上识别用户。我们还可以使用字体大小来帮助完成区分。实际上，现在的大多数产品都是根据字体大小的不同来评分的。

身体类

文本的文本提供给用户，并提供详细的解释和说明。文本的内容比标题浅。首先，因为用户对文本不是很感兴趣，所以他们很少阅读它。我们不必在这里使用颜色匹配来吸引他们的注意力。其次，因为正面字符的数量一般较多，过于花哨的颜色匹配会使整个界面显得凌乱，导致主要和次要。

提示课

提示文本正如名称所示，为用户提供指导和提示。这意味着提示文本应该足够引人注目。如果用户没有注意到您，我该如何提示？

提示类文本的主要用途之一是向用户显示当前状态。

让我们假设您在金融平台上购买了财富管理产品。不同的时间段将具有不同的状态。你看，这个理财产品具有良好的回报率，并投入3000元。此时，状态为“已确认”。几天后，产品已进入利率并已进入利息状态。有一段时间，如果您急需一些东西，您会将产品转移给其他人，然后您将进入“转移”“转移成功”。我们设计的不同状态可以区分用户以帮助用户更好地识别。一种常见的方法是使用不同的颜色方案来区分，但是当产品状态较低时就是这种情况。如果你有太多的产品，每个状态都是颜色匹配的，那么整个界面看起来会很混乱。

最常见的状态是成功与失败。一般来说，用户心中默认为绿色和红色。当然，现在使用公司颜色也很成功。这里会有问题。如果您的产品的主要颜色只是红色，这可能会导致混淆。

互动课

接下来，我们来谈谈交互式文本。交互式文本只是一个允许用户完成点击的文本。交互式文本设计的主要目标是让用户感觉您的文本是可点击的。主要方法是三个:

1.使用颜色匹配

目前，用户认为带有颜色的字体是可点击的，例如公司颜色。

当然，如果您认为界面中的公司颜色过于频繁，您也可以使用蓝色。 Blue绝对是色彩匹配领域的百万美元类型。无论您的产品界面的主要颜色是什么，用户都会明白，当他看到蓝色文字时，它是可点击的。

2.icon

文本加图标的组合也可以为用户提供点击的愿望。例如，左侧的用户只能看到回答者和内容介绍。这里的评论和评论都是纯文本。用户不能直接喜欢它，但点击后，它就是图标和文字的样式。在这里，用户可以直接喜欢，评论，奖励和收集。

PS。您是否注意到我只提到我不能表扬，但我无法发表评论，但我可以发表评论。知道帖子中的单词数量相对较大，用户只看到引言，赞美或评论没有意义。后来，我去阅读了这本短篇小说，发现这本短篇书不支持用户支持赞美和评论而不阅读文章。

所以我不知道考虑它是什么。无论如何，我没弄明白。

3.行为召唤声明

我们将遇到一些您无法使用颜色匹配或使用图标样式的情况。例如，在登录界面中，我们希望用户注意登录按钮，因此以下“忘记密码”和“快速注册”将被削弱。是否可以削弱并​​让用户认为您是可点击的？当然，只要你的文本行为被召唤，就要使用更多的动词。

交互式文字和按钮

事实上，我一直认为设计师应该完全理解每个设计组件（元素）。因为设计师的工作是以合理的方式将这些元素放在界面（画布）中。所以你必须要了解它们。这里推荐一个代购源码网站设计组件，其中有一些基本组件。

回到主题，交互式文本和按钮实际上有很多共同之处。首先，它们都支持点对点跳转，它们都可以显示状态转换。交互式文本比按钮轻，适合简约风格设计。按钮也有自己的优点，按钮可以显示复杂的动态。

« 汽车徽标的标识表示您知道多少，在线测试会生成您自己的徽标 | 设计实战！如何设计一个称职且易于使用的电影票务应用程序？ »