网页设计中—文字配色方案介绍

今日来给大家共享产品规划中文字配色的一些知识点。要给文字配色，首要我们要知道你的产品(界面)中有哪些文字。在这儿，我将产品中的文字首要分为以下四种：标题类、正文类、提示类和交互类。

标题类

首要来说标题类，标题，望文生义要让用户在短时间内了解界面的大致内容，考究简洁明了。在app中，标题类一般有的顶部栏标题，底部栏标题，列表标题、表单标题等。

给标题类文字配色相对来说比较简略，选项比较少，我们一般只会运用深灰色或者企业色。由于标题尽管很重要，可是也不能过于抢眼。

而根据重要性程度我们能够把标题分为不同的等级，一般来说，层级越低的标题色彩越浅。深浅的搭配能够给你的界面带来意想不到的作用。

例如，微信中的老友列表和谈天界面中，用户名和谈天记录的文字色彩深浅正好是反过来的。这个其实也很好了解，老友列表中用户重视的是老友是谁，而到了谈天界面用户更重视的是老友说了什么。所以这儿用深浅不同的文字来协助用户加以区别。

我不太主张给标题运用企业色，由于你要调整企业色的饱和度来区别不同的等级，个人觉得这样不太合理。

此外如果标题体系过于繁杂，仅从色彩深浅现已无法让用户从视觉上进行辨认。我们还能够用字号来协助完结区别，事实上现在大多数产品都是经过字号的不同来完结等级区别的。

正文类

正文类文字是给用户供给详细阐明和解说的，正文类文字要比标题类要浅一些。一是由于用户关于正文都不太感兴趣，很少去读，我们没有必要在这儿运用配色来招引他们的注意力。其二，由于正文字数一般比较多，过于花哨的配色会使整个界面显得凌乱，形成主次不分。

提示类

提示类文字望文生义就是要给用户以引导和提示。这个就意味着提示类文字要满足的显眼，如果用户都注意不到你，还怎样提示呢？

提示类文字一个首要用途就是给用户展现当时的状况。

我们来设想一个场景，你在一个理财平台上购买了一款理财产品。不同的时间段会有不同的状况。你看到这款理财产品收益率不错，投了3000元，这时的状况是“承认中”；过了几天这个产品开始起息就进入了“起息中”状况；又过了一段时间，你暂时有事急需要用钱，就把产品转让给他人，又会顺次进入“转让中”和“转让成功”。不同的状况我们在规划上给用户加以区别来协助用户进行更好的辨认。一般常见的方法就是运用不同的配色来进行区别，可是这个是适用于产品状况较少的状况。如果你的产品状况过多，每一个状况都配以一款色彩的话，那么整个界面就会显得很乱。

最常见的状况就是成功和失利，一般来说在用户心中都默以为绿色和赤色了。当然现在把企业色作为成功也很常见。这儿就会呈现一个问题，如果你的产品主色调恰好是赤色，这个时分就可能会引起用户混杂。

交互类

接下来，我们来谈谈交互类文字。交互类文字，简略来说就是能够让用户完结点击操作的文字。交互类文字规划的首要方针是让用户觉得你的文字是能够点击的。首要的方法有三个:

1.运用配色

目前来说用户觉得带有色彩的字体都是能够点击的，比方企业色。

当然如果你觉得界面中企业色呈现的过于频频，你还能够运用蓝色。蓝色在配色范畴肯定是万金油型的，不管你的产品界面主色系是什么，用户一看到蓝色文字就会理解是能够点击的。

2.icon

文字加icon的组合也能够让用户发生点击的愿望。以知乎为例，左面的帖子用户只能看到答者和内容简介，这儿的点赞和谈论都是纯文字，用户无法直接进行点赞，可是点击进去以后，是icon和文字的款式，这儿用户是能够直接进行点赞，谈论，打赏和保藏。


3.行为呼唤句子

我们会遇到一些状况，不能运用配色，也不能运用icon款式。例如，登录界面中，我们期望用户的注意力在登录按钮上，所以下方的“忘记暗码”和“快速注册”我们要进行弱化。弱化了还能让用户以为你是可点击的吗？当然能够，只需你的文字行为呼唤一点，多运用动词就能够了。

交互类文字和按钮

其实我一向觉得规划师应该对每一个规划组件(元素)都做到充沛了解。由于规划师的作业就是把那些元素以一种合理的方式放在一个界面(画布)里。所以你有必要要了解他们。
 

回到主题上来，交互类文字和按钮其实有许多共同点。首要它们都支撑点击跳转，也都能够展现状况的切换。交互类文字与按钮比较愈加的轻量化，适用于极简风格规划。可是按钮也有自己的优势，按钮能够展现杂乱的动效。