最专业的代练平台开发!

资讯热点
产品设计字体颜色匹配摘要

发布时间:2024-1-31 分类: 行业资讯

今天,我将分享一些关于产品设计颜色匹配的知识点。这里不强调颜色匹配对UI设计的重要性。我写了几篇关于配色的文章。但回头看,我觉得总结太笼统了,所以这次我把图案放得小一些,特别是写一篇关于文字颜色的文章,希望大家读完后能有所收获。

然后为文本着色,首先我们需要知道产品(界面)中的文本。在这里,我将产品中的文本分为以下四类:标题类,正文类,提示类和交互类。

标题类

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

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

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

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

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

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

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

身体类

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

提示课

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

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

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

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

互动课

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

1使用颜色匹配

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

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

2图标

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

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

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

3行为召唤声明

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

交互式文字和按钮

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

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

总结

以上是对UI设计中主要文本颜色匹配的一些分析和总结。我希望每个人都能在阅读完毕后提供帮助。欢迎任何想法和意见与我沟通。

« 如何使用SEO来推广自己的网站 | 专业网站建设必须了解目标问题 »